天城スタジオ

ワードプレスにアイキャッチ画像を組み込む

 

 

ワードプレスでアイキャッチ画像を使おう！

 

  今更ながらですが、 ワードプレスのアイキャッチ画像について、 とても便利な機能だなと思いました。

 

  導入の仕方は下記の紹介ページをご覧下さい。

 

小粋空間　様 WordPress「アイキャッチ画像」の使い方

http://www.koikikukan.com/archives/2011/09/22-005555.php

Web’Notes　様 WordPressでアイキャッチ画像を設定する方法

http://webnonotes.com/wordpress/eyecatch/

  分かりやすくてとても勉強になりました。 ありがとうございます。

 

    基本的にワードプレスを使う時は、 ワードプレスのテンプレートを使うか、 ソースをワードプレス化するしかしていなかったので、 アイキャッチ画像に触れる機会がなく、 詳しく分からなかったのですが、 調べてみれば、 とても便利な機能だとしりました。

  メイン画像＝キービジュアルを指定する機能だったのです！！

いつからかちょくちょく見かけるようになっていたので、 気にはしていのだけれど、 こんな便利な機能だったとはしりませんでした。

 

  今までは各コンテンツページのＴＯＰ画像を指定するのに、 固定ページ作成時に画像を貼り付けたり、 固定ページのテンプレートを作っていました。

 

  それが、 アイキャッチ画像を指定するだけで、ＴＯＰ画像になるというとても便利な機能です。

 

  しかも記事のアイキャッチを指定しておくと、 記事の一覧表示の際に画像も呼び出せるという便利さ！

 

忘れないように使い方の抜粋

functions.phpへ下記を記入することで機能を追加。

<?php add_theme_support('post-thumbnails'); ?>

  表示したいphpファイルの表示したところに下記を記入

<?php the_post_thumbnail('画像サイズ'); ?>

 

 

  画像サイズには下記が対応 thumbnail：サムネイル medium：中サイズ large：大サイズ full：フルサイズ   以上、ワードプレスにアイキャッチ画像を組み込むでした。