フッターの画像はどのような方法でリンクを付けますか?

Topic summary

フッターのバナー画像にリンクを設定する方法についての質問と解決プロセス。

問題:
Refreshテーマのフッター画像にリンクを付けたいが、デフォルトではリンク挿入機能がない。

解決手順:

  1. 「コードをカスタマイズ」から「footer.liquid」ファイルを開く
  2. 430~450行目付近のtype="image"部分に以下のコードを追加:
{
 "type": "url",
 "id": "id_url",
 "label": "URLを入力"
}
  1. 140行目付近の<img>タグを<a>タグで囲む
  2. カスタマイズ画面でURLを入力する欄が表示されるので、リンク先URLを入力

追加機能:
新しいウィンドウで開く場合は、<a>タグ内にtarget="_blank"を追加する。

質問者は当初URLを入力していなかったため動作しなかったが、最終的に問題は解決した。

Summarized with AI on November 12. AI used: claude-sonnet-4-5-20250929.

以下のようにtarget=“_blank” という記述をaタグ内に入れることで、別タブで開くことが可能になります。


1 Like