# LINE友達追加ボタン追加方法の件 **URL:** \ **Category:** 技術的なQ＆A\ **Tags:** css, html\ **Created:** [December 24, 2023, 7:16am UTC](https://community.shopify.com/t/line/279708 "2023-12-24T07:16:34Z")\ **Posts on this page:** 3\ **Page:** 1 ## AI-generated summary **技術的な実装方法の質問と回答** LINEの友達追加ボタンをフッターのSNSアイコンの上に配置する方法についての質問。Craftテーマを使用している環境での実装を希望。 **提供された解決策（Craft v12.0.0対応）:** 1. 管理画面から「オンラインストア > テーマ > コードを編集」を開く 2. `footer.liquid`ファイルを検索して開く 3. `class="footer-block--newsletter`を検索 4. その前々行（160行目付近）に指定のHTMLコードを挿入 5. LINE公式の友だち追加ボタン発行ページで生成したコードに置き換える **追加の注意点:** - ボタンをセンター表示するためのCSSスタイルコードも提供 - 間隔調整が必要な場合は適宜カスタマイズ可能 - 画像付きの詳細な手順説明あり **結果:** 質問者は実装に成功し、解決済みとなった。
**Author:** ![Anonymous\_d0a525a12c4b8e296f07cb85902e19a8](https://avatars.discourse-cdn.com/v4/letter/a/4bbf92/32.png) [@Anonymous\_d0a525a12c4b8e296f07cb85902e19a8](https://community.shopify.com/u/Anonymous_d0a525a12c4b8e296f07cb85902e19a8)\ **Post date:** [December 24, 2023, 7:16am UTC](https://community.shopify.com/t/line/279708/1 "2023-12-24T07:16:34Z")
LINEの友達追加ボタンのソースコードをフッターのSNSアイコンの上に置きたいと思っています。 Craftのテーマを使用しておりますが、どの部分にLINE友達追加ボタンコードを差し込めば良いでしょうか。 よろしくお願いいたします。 ---
**Author:** ![Qcoltd](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/qcoltd/32/900_2.png) [@Qcoltd](https://community.shopify.com/u/Qcoltd)\ **Post date:** [December 25, 2023, 10:58am UTC](https://community.shopify.com/t/line/279708/2 "2023-12-25T10:58:26Z")
@Anonymous_d0a525a12c4b8e296f07cb85902e19a8 様 ご質問いただいている、LINEの友だち追加ボタンをフッターのSNSアイコンの上に追加する件ですが、Craftのバージョン12.0.0を元に設定方法を記載させていただきます。 **設定手順** 1. 管理画面より「オンラインストア \> テーマ \> カスタマイズボタンの横にある「…」 \> コードを編集」からコード編集画面を開きます。 2. コード編集画面の「ファイルを検索」エリアに、『footer.liquid』と入力しソートされたファイルを開きます。 3. footer.liquidファイル内で、『class="footer-block–newsletter』を検索してください。 4. その前々行（160行目）に下記コードを貼り付けてください。 赤字部分はLINE友だち追加ボタン発行ページで作成したコードに変更してください。 **表示例** ![20231225_img03.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/8/1/81016a5d1e80a99715565497ed4cca59ada4b90e.png) ご参考まで。 (キュー小坂) ---
**Author:** ![Anonymous\_d0a525a12c4b8e296f07cb85902e19a8](https://avatars.discourse-cdn.com/v4/letter/a/4bbf92/32.png) [@Anonymous\_d0a525a12c4b8e296f07cb85902e19a8](https://community.shopify.com/u/Anonymous_d0a525a12c4b8e296f07cb85902e19a8)\ **Post date:** [December 30, 2023, 10:26pm UTC](https://community.shopify.com/t/line/279708/3 "2023-12-30T22:26:59Z")
Q co ltd様 ありがとうございました。 何とかできました。 また何かありましたら。よろしくお願いいたします。