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

最近のワードプレステーマにはアイキャッチ画像がかなり大きく設定されています。それは、無料のワードプレステーマだけでなく、有料のワードプレステーマにも施されている設定です。

このアイキャッチ画像には、ほとんどがリンクされており、個別の記事に飛ぶようにできています。最近は、このようなワードプレステーマばかりなのでアイキャッチ画像から個別記事へ移行できると思っている人は少なくないです。

投稿一覧のアイキャッチ画像をみたら、つい押したくなる人もいるでしょう。しかし、アイキャッチ画像をクリックしても、リンクされていなければ残念というしかありません。

有料のワードプレステーマならデフォルトからアイキャッチ画像にリンクが貼られているので問題ないのですが、Twenty Twelveにはそのような設定がはじめからありません。なので、今回はTwenty Twelveのアイキャッチ画像にリンクができるようにカスタマイズしていこうと思います。

このカスタマイズは、記事一覧の画像から個別記事に移行できるようになるのでとても便利です。では、早速、手順を紹介しましょう。

アイキャッチ画像をリンクできるようにする手順

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

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

この中から、アイキャッチ画像のタグを見つけます。タグは以下のものです。

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

このタグを見つけたら、パーマリンクへの<a>ダグで以下のように囲むようにします(赤文字の部分)。

<a href="<?php the_permalink(); ?>"><?php if ( ! post_password_required() && ! is_attachment() ) :
 the_post_thumbnail('large');
 endif; ?></a>

これで更新すれば終了です。

これでアイキャッチ画像をクリックすれば、個別記事に飛ぶようにリンクされました。

なお、Twenty-Twelveのアイキャッチ画像の大きさを調整したい方は、以下の記事を参考にしてください。

Twenty-Twelveのアイキャッチ画像を大きくする方法

今回の記事は以上です。

SPONSORED LINK