マルチカラムセクションの画像にリンクをつけたい

日本語 ディスカッション 技術的なQ＆A
,
1

マルチカラムセクションの画像にリンクをつけたいです。

簡単な方法などあれば教えていただきたいです。

テーマはDawnです。

2

お世話になっております。 Takaseと申します。

マルチカラムセクションの画像にリンクをつける方法ですが、

コードを編集 > セクション > multicolumn.liquidファイルを開いて

- {%- if block.settings.image != blank -%}
        {% if section.settings.image_ratio == 'adapt' or section.settings.image_ratio == 'circle' %}
          {% assign spaced_image = true %}
        {% endif %}
      

        

          
        

      

      {%- endif -%}
    
        {%- if block.settings.title != blank -%}
          ### {{ block.settings.title | escape }}
        {%- endif -%}
        {%- if block.settings.text != blank -%}
          {{ block.settings.text }}

        {%- endif -%}
        {%- if block.settings.link_label != blank -%}
          {{ block.settings.link_label | escape }} {% render 'icon-arrow' %}
        {%- endif -%}

とある箇所を

- {%- if block.settings.image != blank -%}
        {% if section.settings.image_ratio == 'adapt' or section.settings.image_ratio == 'circle' %}
          {% assign spaced_image = true %}
        {% endif %}
      

          {%- if block.settings.link != blank -%}
        
          {%- else -%}
        

          {%- endif -%}

          
          {%- if block.settings.link != blank -%}
        
          {%- else -%}
        

          {%- endif -%}
      

      {%- endif -%}
    
        {%- if block.settings.title != blank -%}
          ### {{ block.settings.title | escape }}
        {%- endif -%}
        {%- if block.settings.text != blank -%}
          {{ block.settings.text }}

        {%- endif -%}
        {%- if block.settings.link_label != blank -%}
          {{ block.settings.link_label | escape }} {% render 'icon-arrow' %}
        {%- endif -%}

に差し替えることで可能になります。

具体的な変更内容としては、

画像を囲っているdiv要素の

を、リンクが設定してある場合はdivではなくaで囲うように変更しています。

※Dawnのバージョンは11.0.0の想定です