サンプルテーマ「BnnShop」のトップページ画像にリンクを貼る

「WordPressではじめるかわいいウェブサイト」をお買い上げいただいている読者のみなさま

ありがとうございます。

本書の５章のサンプルは、「ショップやカフェの公式サイト」というタイトルで、トップページの画像をスライドショーで大きく表示するデザインです。

で、丸い画像の部分に記事へのリンクを付けたいというリクエストが複数あり、たしかにそのようなニーズもあると思えましたので、著者が追加バージョンを作成いたしました。

書籍内に記載はありませんが、以下の手順で追加が可能です。

１） home.phpのソースを変更する：青い文字の部分を削除し、赤い部分に変更します。管理画面の「外観」＞「テーマ編集」＞home.phpを開きます。（本文での解説はありませんので自己責任でお願いします）

<li><img src=”<?php the_field( ‘slide-item’,$post->ID); ?>” alt=”<?php the_title();?>”></li>
<?php

if($dis=get_post_meta(“$post->ID”,”slide-link”,true)){

?>

<li><a href=”<?php the_field(‘slide-link’);?>”><img src=”<?php the_field( ‘slide-item’,$post->ID); ?>” alt=”<?php the_title();?>”></a></li>

<?php }else{ ?> <li><img src=”<?php the_field( ‘slide-item’,$post->ID); ?>” alt=”<?php the_title();?>”></li>

<?php } ?>

２）カスタムフィールドを追加する（カスタムフィールド詳細は本書では解説していません）
・管理画面のカスタムフィールドで、「トップページスライドアイテム」をクリックします。