FROM CACHE - jp_header

画像にリンクをつけたい

66yuga66
観光客
7 0 1

debutテーマのコンテンツをカスタムするで出した画像にリンクをつける方法を教えてください。

こちらが私のサイトです https://in10shop.com

 

66yuga66_0-1636735157514.png

 

 

1件の返信1
鎌田威
遊覧客
36 15 20

管理画面にログインして、「アクション」→「コードの編集」と進み、Sectionsフォルダ内のcustom-content.liquidファイルを選択してください。

 

 "zh-TW": "圖片"
 }
},
{
 "type": "select",

 

上記のコードを探して、次のように変更します。

 "zh-TW": "圖片"
 }
},
{
 "type": "url",
 "id": "button_link",
 "label": "URLを入力"
},
{
 "type": "select",

 

次に、下記のコードを探します。

<img id="{{ img_id }}"
class="custom__image lazyload js"
data-src="{{ img_url }}"
data-widths="[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]"
data-aspectratio="{{ block.settings.image.aspect_ratio }}"
data-sizes="auto"
alt="{{ block.settings.image.alt | escape }}">

 

上記のコードを、次のように書き換えたら「保存」をクリックします。

<a href="{{ block.settings.button_link }}">
 <img id="{{ img_id }}"
 class="custom__image lazyload js"
 data-src="{{ img_url }}"
 data-widths="[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]"
 data-aspectratio="{{ block.settings.image.aspect_ratio }}"
 data-sizes="auto"
 alt="{{ block.settings.image.alt | escape }}">
</a>

 

これで「コンテンツをカスタムする」の画像選択のところにURLの入力欄が表示されていると思います。

 

※コード編集の経験がない場合は、専門の業者に依頼されることをお勧めします。