プロのウェブデザイナーが作ったカスタマイズ可能なホームページ素材Flash(フラッシュ)とWordPressテーマを無料配布しています。
Flash Works
HOME » ワードプレス無料テーマ FlashWork-s » WordPressのアイキャッチ画像

WordPressのアイキャッチ画像


ワードプレスには『アイキャッチ画像』という機能が付いており、テキストだけのリンクと比べ、閲覧者の興味を引き付けてクリックされやすいという特長があります。

ひとつの記事に対して1画像登録できるので、ぜひ利用しましょう。

当テーマで利用する『アイキャッチ画像』のサイズは150 X 150pxで、部分的に100 X 100pxに縮小して表示しています。

『タブレット・スマホ・携帯画面』は、画面サイズを考慮してすべて100 X 100pxでの表示です。

そのため、150 X 150pxよりも小さい画像を指定した場合はサイズが小さくなってしまいますし、150 X 150pxよりも大きい画像を指定した場合はトリミングされて思ったようなデザインにならない問題が生じますので、アイキャッチ画像に使用する画像サイズは150 X 150pxにしてください。

アイキャッチ画像の登録方法

まずは、150 X 150pxのサイズの画像を用意します。

アイキャッチ画像

『投稿』または『固定ページ』の右下に『アイキャッチ画像 » アイキャッチ画像を設定』があるのでクリックします。

『アイキャッチ画像』が表示されていない場合は、上部にある『表示オプション』で設定してください。

アイキャッチ画像

開いた画面に画像をドラッグアンドドロップし、右側にある『代替テキスト』に画像に関係する単語を入力して、青い『アイキャッチ画像を設定ボタン』をクリックします。

アイキャッチ画像

元の画面に戻るとアイキャッチ画像が表示されますが、そのページの青い『更新ボタン』を押して確定しないと反映されないので気を付けましょう。

アイキャッチ画像の使用箇所

トップページ

上の画像は『パソコン画面』のトップページで、コンテンツ部分のアイキャッチ画像が150 X 150px、サイドバー部分が100 X 100pxとなっています。

『投稿』の重複を防ぐため、トップページのコンテンツをカスタマイズするか、サイドバーの最新記事を非表示にすることができます。

投稿

上の画像は『パソコン画面』の『投稿』で、『関連記事』に100 X 100pxのアイキャッチ画像が表示されます。

検索結果

上の画像は『パソコン画面』の『検索結果』で、150 X 150pxのアイキャッチ画像が表示されます。

注意

アイキャッチ画像が表示されるのは『投稿』ですが、検索を利用した場合には『固定ページ』のアイキャッチ画像も表示されます。登録していない場合は、グレーの『NO IMAGE画像』が使われます。


関連記事

ワードプレスのテーマを制作するにあたり、ウェブサイトを作ったことがある方から初めて作る方まで、どなたにもご利用いただける仕様にすることを決め...


ワードプレスにはSEO対策のために、『All in One SEO Pack』というプラグインが用意されています。 基本的に英語のプラグイ...


レンタルサーバーを借りる時にドメインも取得しましょう。 ドメインとはhttp://www~で表示されるインターネット上の住所みたいなもので...


WordPressテーマ『FlashWork-s』は、初心者の方にも無理なくご利用いただけるように、あらかじめ装飾用のcssを設定してありま...


ホームページを作って、その後はページを増やしていけば良いというものではありません。 アクセス解析で訪問者数や滞在時間、直帰率などの様々なデ...



コメントする

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

最新記事

WiFiルーター

WiMAXとWiFiは、どちらも無線通信ですが、全くの別物です。WiMAXとW...

SoftBankAir

テレビでも大々的にCMが放送されているので、SoftBankAirをご存知の方...

ZEUS WiFi

ZEUS WiFiは、通信量無制限に加え、クラウドSIMで最適な回線を利用する...

WiMAX2+

WiMAX2+の契約をする際は、必ず契約期間を確認してください。多くのWiMA...

プリンターインク

キャノンとエプソンのプリンターインクを安く買う方法をいくつか紹介します。メリッ...

パソコン・スマホ

WiMAX2+が固定回線の代わりとして使えるか否か、実際にWiMAX2+オンリ...

パソコン

WiMAX2+を販売している会社は複数あり、「ある会社のWiMAXは遅い!」と...

WiMAXルーター

WiMAX2+のモバイルルーター『Speed Wi-Fi NEXT W06』と...

ギガWi-Fi

ギガWi-Fiは、「1日で3G制限」も「3日で10G制限」もない通信量無制限プ...

WiMAX端末故障

WiMAXの端末が故障した場合の修理や、端末を安く購入する方法をご紹介します。...

素材ラインナップ

How to ホームページ

その他

インフォメーション

検索