画像にリンクをつけたい

[66yuga66]

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

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

[株式会社ナレッジサービス]

管理画面にログインして、「アクション」→「コードの編集」と進み、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の入力欄が表示されていると思います。

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