「デザイン」の記事一覧

ブログ記事一覧のサムネイル画像をマウスオーバーで拡大させる！CSSで簡単カスタマイズ

ブログの記事一覧表示にアイキャッチ画像（サムネイル画像）を表示している場合が多いですが、その画像にカーソルを乗せる（マウスホバーさせる）と、「画像がふわっと拡大表示される」という場合がありますね。この「画像がふわっと拡大表示」は実はCSSを使って簡単に実現できますので、是非試してみてくだ […]

ブログのヘッダー画像を設定すると、テーマによってはそのヘッダー画像の上にサイトタイトルやキャッチフレーズが表示されるものがあります。（Cocoonなど）背景の画像の上にタイトルの文字が乗るため、背景の画像に溶け込んだりしてタイトルが見づらくなる場合がありますが、こうした時には文字だけのロ […]

無料で簡単な画像編集ソフトとしては Photoscape がありますが、以前の ver3.7はずいぶん昔に開発が終わったようで、今では「Photoscape X」というアプリに生まれ変わってます。 Windows版、Mac版ともにありますが、ここではその「PhotoScape X」のダウン […]

サイトでもブログでも、画像を使用する場合に「ちょっとした編集や加工」が必要となる場合があります。ヘッダー画像を作る！という場合では、画像の縦や横のサイズを変えたり切り取ったり（トリミング）、ブログの名称やキャッチフレーズを画像に書き込んだり、といった事をして、より見た目を盛り上げます。 […]

サイトやブログを見ていて、このフォントは何だろう、と調べたくなる場合がありますが、これはツールを使えば簡単に分かります。ツールには２つあり、１つはグーグルクロームの拡張機能「WhatFont」、もう１つは、グーグルクロームの開発者ツール（デベロッパーツール）。簡単に調べるには1つ目の方 […]

サイドバーを「ホーム（トップページ）だけ別にしたい」とか「カテゴリーによって分けたい」、「特定のページや記事だけ別の内容を表示したい」など、サイドバーを切り替えて表示したい、という場合がありますね。テーマのファイルを編集して専用サイドバーを追加する、とやっても良いですが、場合分けなどがあ […]

ブログを進めていると、ホームはホーム、記事は記事のサイドバー、といった感じで、別々に表示できれば嬉しい、と思う時がありますね！こうした、個別のサイドバーを表示したい、という場合には、プラグインを使えばサクッと解決しますが、プラグインは「いつ更新が停止するか分からない」、「ブログの動作が遅 […]

WordPressでブログを運営する上で、なくてはならないものの1つが人気記事の表示です。まだプログに慣れてないと”いいなー、人気記事。どうやって表示するんだろう”なんて考えているかもしれませんね。（私がそうでしたし ^◇^)ゞ）そんな心配は全然ご無用。プラグインを使えば自動でやってく […]

ブログで個性を放つには欠かせない、といったら何といっても画像。特に「ヘッダー画像」「アイキャッチ画像」（サムネイル画像）、「説明用の画像」ですが、文字入れしたり（更に縁取り入れたり）するのに画像編集ソフトを使う場合も多いと思います。（youtubeのアイキャッチ画像も同様）でも実は、パ […]

ブログで記事を書く、ブログで何かのテーマについて記事を書く、といった時、画面上に表示されている画像やグラフ、メニュー等、その一部を切り取って説明のために貼り付けたい！という場合が出てきます。いわゆる「画面キャプチャ」とか「スクリーンキャプチャ」とか呼ばれるものですが、効果的に使うと俄然説 […]

Windowsで画面キャプチャといえば附属の「Snipping Tool」がありますが、一旦キャプチャした後に、もう少し端を削っておきたいなど、より綺麗に切り取りたい場合には、ここで紹介する「FastStone Capture」が超おすすめです。私も以前から愛用の無料ソフトで（最新のもの […]

表（テーブル）を使うと整理された記事になって良いですが、ワードプレスで表を使う場合、使っているテーマによっては記事の幅に収まらず、横幅を超えてしまう、飛び出してしまう、欠けて見えない、といったことがあったりします。まぁいいか、なんて思っていると、スマホで見た場合では非常に読みづらい記事に […]

WordPressでテーマなどのデザインカスタマイズをする場合、JetPackの機能にあるCSS編集や、「Simple Custom CSS」といったプラグインを使用しますが、「この記事、このページだけに特別にCSSを設定したい」といった場合もでてきます。以下の関連記事にもあるように、そ […]

トレンドアフィリエイト、ブログなどで必要となる画像。画像はブログの顔となるヘッダー画像を作ったり、記事の先頭や記事の中、アイキャッチとして使用されますが、著作権などのリスク回避のために記事の中には一切画像を使わない、という「画像使わない派」もいたりします。私はやはり記事の見栄えやインパ […]