こんにちは。
\nこのブログはWordpressのデフォルトテーマの１つである「Twenty Eleven」を少しだけ改変して使っているのですが、
\nこのテーマで投稿を作成するとき、アイキャッチ画像を設定という項目があると思います。
\nしかし、この項目を設定しても、デフォルトのままではアイキャッチ画像は表示されません。
\nせっかく設定できる項目があるので、表示させてみます。
と、その前に、
\nアイキャッチ画像とは、
\n記事のサムネイルと考えて貰えればいいと思います。
\nライフハッカー様や他の大手ブログ様などの、記事の先頭にある画像のことです。
\n例えばこんなかんじです。
\n 自分が死んだ時、大切な人にメッセージを届けてくれるサービス「Proof of Life」 : ライフハッカー［日本版］
http://www.lifehacker.jp/2012/11/proof_of_life.html\n
wordpressで表示されている項目は、
\nwp-content > themes > 自分が指定したテーマ
\nで管理されています。
\n今回はテーマTwenty Elevenを使っているので、
\nwp-content > themes > twentyeleven
\nの中身をいじることになります。
まずは、
\nwp-content > themes > twentyeleven > functions.php
\nを見てみます。110行目あたりに、以下の様な行があると思います。
// This theme uses Featured Images (also known as post thumbnails) for per-post/per-page Custom Header images\nadd_theme_support( 'post-thumbnails' );add_theme_support( 'post-thumbnails' );
\nが指定されていると、アイキャッチ画像が有効になるようです。
\nしかし、テーマTwenty Elevenは最初からこの指定が入っているので、
\nいじるところはありません。見るだけです！
さて、これで準備は整いました。
\n次は、このアイキャッチ画像を表示させるために、
\nwp-content > themes > twentyeleven > content.php
\nをいじります。
\ncontent.phpは、投稿一覧の、１記事分にあたるものだと思って下さい。
\nこの中の、下記の行を探して下さい。
<div class=\"entry-content\">\n<?php\n\n the_content( __( 'Continue reading <span class=\"meta-nav\">→', 'twentyeleven' ) ); ?> \n<?php\n\n wp_link_pages( array( 'before' => ' \n <div class=\"page-link\">\n <span>' . __( 'Pages:', 'twentyeleven' ) . '</span>', 'after' => '\n </div>' ) ); ?>\n</div>\n\n<!-- .entry-content -->この部分が、記事の内容に当たります。
\nここの先頭に、アイキャッチ画像を表示するための関数、
\nthe_post_thumbnail() を記述します。
<div class=\"entry-content\">\n<?php\n\n the_post_thumbnail(); //これを追加 ?> \n<?php\n\n the_content( __( 'Continue reading <span class=\"meta-nav\">→', 'twentyeleven' ) ); ?> \n<?php\n\n wp_link_pages( array( 'before' => ' \n <div class=\"page-link\">\n <span>' . __( 'Pages:', 'twentyeleven' ) . '</span>', 'after' => '\n </div>' ) ); ?>\n</div>\n\n<!-- .entry-content -->これで作業完了です！
\n適当にアイキャッチ画像を指定した投稿を作成して、
\n実際に表示させてみます。
如何でしょうか！
\nアイキャッチ画像は、上記の手順で表示させられるので、
\nオリジナルのテーマを作るときなどの、参考になれば幸いです。