WordPressテーマSANGOの質問

2分割ヘッダーアイキャッチの画像にリンクをつけたい

アバター
ショウ

いつもお世話になっております。

2分割ヘッダーアイキャッチの画像をタップした場合に、指定のURLに飛ぶように設定をしたいです。(デフォルトではボタンをタップしないと飛べないと思います。画像もタップされるような気がするので、よりストレスのない設計にしたいと考えています)

カスタマイズ画面では操作できないのですが、何か方法はありますでしょうか。

お手数ですが、よろしくお願いします。

SANGO
SANGO 質問ガイドライン
コメントへの回答
サルワカくん
サルワカくん
2020/05/25

お世話になっております。
子テーマでヘッダーアイキャッチ画像の出力部分を上書きすれば可能です。
具体的には以下のようにします。

①子テーマ内に「parts」という名前のフォルダーを作成
②さらに「parts」フォルダー内に「home」という名前のフォルダーを作成
③さらに「home」フォルダー内に「featured-header.php」という名前のファイルを作成
④ ③の中身は親テーマからコピペ(複製)してください。これで子テーマの「featured-header.php」が読み込まれるようになります。
⑤子テーマの「featured-header.php」を開き、リンクタグを追加して保存

【分割なしのヘッダーアイキャッチ画像の場合】
10行目あたりのimgタグを次のようにaタグで囲みます。

<a href="リンク先のURL">
  <img src="<?php echo esc_url(get_option('original_image_upload'));?>"/>
</a>

【2分割のヘッダーアイキャッチ画像の場合】
35行目あたりのimgタグを次のようにaタグで囲みます。

<a href="リンク先のURL">
  <img src="<?php echo esc_url(get_option('divheader_image_upload'));?>" />
</a>

※imgタグをaタグで囲むだけで他の部分は変える必要はありません。

よろしくお願いします。

アバター
清水翔平
2020/05/27

早速ご対応いただき、ありがとうございます。
無事、イメージした通りのカスタマイズができました。

HTMLなどの知識がなくても、このようなカスタマイズができて、大変嬉しく思います!
本当にありがとうございます!

サルワカくん
サルワカくん
2020/05/27

いえいえ!
ご報告ありがとうございました。