プロのウェブデザイナーが作ったカスタマイズ可能なホームページ素材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画像』が使われます。


関連記事

ワードプレスをインストールしたら行うべき設定方法について説明いたします。 あくまでも一般的な設定の仕方であって、必ずこうしなければならない...


エックスサーバーとドメインを用意しただけでは利用できず、これらを結び付ける作業が必要となります。 この作業はエックスサーバー側とドメイ...


ワードプレスのコンテンツ部分は、基本的に『見出しと本文』で組み立てます。 そして、htmlで用意されているhタグ(見出し)は6種類、本文(...


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


『ワードプレス』はウェブサイトを動かすシステムであり、実際に表示されるデザインは『テーマ』と呼ばれるテンプレートで成り立っています。 つま...



コメントする

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

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

最新記事

DTI WiMAX

DTI WiMAX2+は、最初の2ヶ月間の利用料金が無料で、3ヶ月目以降もずっ...

WX06

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

速度制限

WiMAX2+は、3日で10GBの制限が付いています。これを超えると、通信制限...

WX06

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

パソコンのファン

パソコンから異音がした時の「異音の発生場所の特定方法」「異音の治し方」について...

素材ラインナップ

How to ホームページ

その他

インフォメーション

検索