• 2015.1.21
• TCDANカスタマイズ
• 4 comments

AN(tcd014)の固定ページにアイキャッチを入れる方法

AN(tcd014)では、投稿ページにのみアイキャッチを設定できます。固定ページにも、アイキャッチを入れたい場合は、phpファイルをカスタマイズする必要があります。

変更するphpファイルは、固定ページテンプレート(page.php)です。

記事タイトルの次の行に、次の1行を追加します。

<?php if ( has_post_thumbnail() and $page=='1') { if ($options['show_thumbnail']) : ?><div id="post_image"><?php the_post_thumbnail('large'); ?></div><?php endif; }; ?>

この1行は、single.phpの46行目あたりに書いてあるものと一緒ですので、single.phpからコピーするといいと思います。

変更前

<div class="post" id="page">
  <h2 class="page_headline"><?php the_title(); ?></h2>
  <?php the_content(__('Read more', 'tcd-w')); ?>
  <?php wp_link_pages(); ?>
 </div><!-- END .post -->

変更後

<div class="post" id="page">
  <h2 class="page_headline"><?php the_title(); ?></h2>
  <?php if ( has_post_thumbnail() and $page=='1') { if ($options['show_thumbnail']) : ?><div id="post_image"><?php the_post_thumbnail('large'); ?></div><?php endif; }; ?>
  <?php the_content(__('Read more', 'tcd-w')); ?>
  <?php wp_link_pages(); ?>
 </div><!-- END .post -->

表示されるアイキャッチ画像のサイズなのですが、CSSで max-width:618px; が指定されています。

#post_image img { background:#ebebeb; padding:10px; max-width:618px; }

ですから基本的には、横幅が618px以下の画像を選択した場合はそのままの大きさで表示され、横幅が618pxを超える大きさの画像を選択した場合は、画像の縦横の比率を保ったまま、横幅が最大618PXになるように縮小されて表示される、と考えてもらえればいいと思います。

もし、記事内に表示されるアイキャッチ画像をもう少し小さくしたいという場合には、max-width の値を450pxや300pxなど、お好みで小さくするといいです。