クロワッサンシカゴのねごと

クロワッサンシカゴ(Croissant Chicago)の公式ブログ。




「SANGO」のカスタマイズの備忘録

f:id:croissantchicago:20181228123319p:plain

Wordpressのテーマ「SANGO」のカスタマイズの備忘録。

ヘッダーアイキャッチ画像の画像自体にリンクを貼る方法

デフォルトでもヘッダーアイキャッチ画像上にボタンリンクを表示することはできますが、画像自体をクリックしてもリンクはされません。そこでphpを弄って、リンクを貼れるようにします。


【前準備】

① 子テーマ内に「parts」という名前のフォルダーを作成
② さらに「parts」フォルダー内に「home」という名前のフォルダーを作成
③ さらに「home」フォルダー内に「featured-header.php」という名前のファイルを作成
④ ③の中身は親テーマからコピペ(複製)
(上記サイトのコメント欄より)

上記サイトの書き換えでは物足りなかったので、書き換え部分に手を加えます。

【書き換え場所】
★ 子テーマの「featured-header.php」の

<div class="<?php if (get_option('limit_header_width')) echo 'maximg'; ?>">
 <img src="<?php echo esc_url(get_option('original_image_upload'));?>"/>
</div>

<div class="<?php if (get_option('limit_header_width')) echo 'maximg'; ?>">
 <a href="<?php echo esc_url(get_option('header_btn_url')); ?>">
  <img src="<?php echo esc_url(get_option('original_image_upload'));?>"/>
 </a>
</div>

へ書き換えます


これでボタンURLに入力したリンクへ飛ぶようになります。一度phpを弄っておけば、あとはカスタマイズ画面からリンク先を指定できるので便利です。