フッターにsnsアイコンの順番を変えたい

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

Topic summary

フッターのSNSアイコンの表示順序を変更する方法についての質問です。

解決方法（Dawnテーマ v11.0.0の場合）：

  1. 「コードを編集」→「スニペット」→「social-icons.liquid」ファイルを開く
  2. ファイル内の<li>要素の順番を任意に並び替える

具体例：

  • FacebookやInstagramなどの各SNSアイコンは、それぞれ独立したコードブロックで構成されている
  • これらのコードブロック全体を移動させることで、表示順序を変更できる

テーマのバージョンによって手順が異なる可能性があるため、使用中のテーマバージョンの確認が推奨されます。

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

フッターにSNSアイコンを設定できますが、その順番などは変更することは可能でしょうか？テーマはDawnを使用しています。

2

はじめまして、Takaseと申します。

Dawnのバージョン11.0.0での方法は下記になります。

  1. コードを編集 > スニペット > social-icons.liquid ファイルを開く

  2. 任意の順番にliを変更する

例えばですが、

{%- if settings.social_facebook_link != blank -%}
    - {%- render 'icon-facebook' -%}
          {{ 'general.social.links.facebook' | t }}
      
    

  {%- endif -%}

や

{%- if settings.social_instagram_link != blank -%}
    - {%- render 'icon-instagram' -%}
          {{ 'general.social.links.instagram' | t }}
      
    

  {%- endif -%}

のようなコードの塊が、facebookのアイコンやInstagramのアイコンのコードになるので

それらのコード塊の順番を変更することでアイコンの表示順を変えることは可能になります。