プロのウェブデザイナーが作ったカスタマイズ可能なホームページ素材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』というプラグインが用意されています。 基本的に英語のプラグイ...


ワードプレスは『文字コード:UTF-8N』、『改行コード:LF』が基本です。 ウェブサイト制作に特化した『ドリームウィーバー(Dreamwe...


初めてホームページを作る方にも簡単にサイドバーの位置を変えられるように、カスタマイザーで設定できるようにしました。 『style.css』...


ワードプレスにはウィジェット(Widget)という便利な機能があり、『最近の投稿』や『カテゴリーのリンク』、『カレンダー』などをドラッグアン...


WordPressテーマ『FlashWork-s』は、商用サイト、アフィリエイトサイト、趣味サイト、日記サイトなど、さまざまな分野のサイトを...



コメントする

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

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

最新記事

マウス

パソコンを使っていると、ある日突然、マウスの左クリックの反応が悪くなります。そ...

パソコントラブル

Windowsパソコンのスリープ機能が勝手に起動してしまう場合があります。その...

PCクーラー

ノートパソコンは、暑い中で長時間使用すると、熱がこもって故障することがあります...

マウス

キーボードやマウスは、便器の5倍汚くて細菌まみれであることが分かっています。そ...

テレワーク

WiMAX2+を短期間利用する方法を紹介します。できるだけ安く、そして、違約金...

WiMAX乗り換え

WiMAX2+は、乗り換えた方がお得な場合があります。乗り換えを検討している方...

おすすめのWiMAX会社TOP3

初めてWiMAX2+を利用する方におすすめの会社とその理由を教えます。ぜひ、W...

WiMAXの違約金

WiMAX2+は、多くの会社が2年または3年契約としており、その契約期間以外に...

WiMAX

WiMAX2+は、通常2.4GHzの周波数帯を利用していますが、5GHzに切り...

WiFiルーター

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

素材ラインナップ

How to ホームページ

その他

インフォメーション

検索