Twenty Twelve のアイキャッチ画像を調整する方法

Twenty Twelve のアイキャッチ画像はたまに小さくなったり、大きくなったりします。理由はわかりませんが、アイキャッチ画像がバラバラな時があるのです。これでは少々、見栄えが悪い。なので、アイキャッチ画像の大きさを統一するカスタマイズを行います。

アイキャッチ画像の大きさを指定する方法

アイキャッチ画像の大きさを指定するには、タグの編集が必要です。以下から、その手順を紹介します。

まず、ワードプレス管理画面から外観、テーマ編集へと移動し、そこから『content.php』に移行します。

外観 > テーマ編集 > content.php

そして、アイキャッチ画像のタグをさがします。以下のタグがそうです。

<?php if ( ! post_password_required() && ! is_attachment() ) :
                the_post_thumbnail();
            endif; ?>

この中の「thumbnail()」(赤い部分)のカッコ内に、画像の大きさを指定するタグを挿入します。指定するタグには以下のように3つあります。

  • the_post_thumbnail(‘thumbnail’) − サムネイル画像を表示
  • the_post_thumbnail(‘medium’) − 中サイズ画像を表示
  • the_post_thumbnail(‘large’) − 大サイズ画像を表示

赤いタグが挿入するタグなので、お好みに合わせて挿入してください。因みに僕は、Twenty Twelve のデザイン上、大きなアイキャッチ画像がいいと思ったので、大サイズを選択しました。

これでアイキャッチ画像の大きさは統一されました。

なお、Twenty-Twelveのアイキャッチ画像にリンクを貼りたい方は以下の記事を参考にしてください。

Twenty-Twelveのアイキャッチ画像をリンクできるようにする方法

Twenty-Twelveのアイキャッチ画像をリンクできるようにする方法

というわけで、アイキャッチ画像の大きさを調整する方法は以上です。

SPONSORED LINK