# トップページに区切り線を配置する方法を教えてください。

**URL:** <https://community.shopify.com/t/topic/144133>\
**Category:** サンプルコード集（アプリ・テーマ）\
**Created:** [August 18, 2022, 4:13am UTC](https://community.shopify.com/t/topic/144133 "2022-08-18T04:13:04Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

・Refreshテーマのトップページで、マルチカラムの下に区切り線を配置する方法を相談。
・解決：テーマのコード編集は不要。セクション「カスタムLiquid」を追加し、hrタグ（水平線を表示するHTML要素）を挿入して実現。
・補足：セクション追加で線を配置する方法も可とされていたが、上記の方法で完了。
・状態：解決済み。追加の質問や未解決点はなし。

<div class="post-metadata">

**Author:** ![Anonymous\_f3904c962f1f4025a9649d0e22fc8a10](https://avatars.discourse-cdn.com/v4/letter/a/65b543/32.png) [@Anonymous\_f3904c962f1f4025a9649d0e22fc8a10](https://community.shopify.com/u/Anonymous_f3904c962f1f4025a9649d0e22fc8a10)\
**Post date:** [August 18, 2022, 4:13am UTC](https://community.shopify.com/t/topic/144133/1 "2022-08-18T04:13:04Z")

</div>

はじめて、質問させていただきます。

テーマ：Refresh

トップページ内、マルチカラムの下に「区切り線」を配置する方法と実装コードをどなたかご教授いただきたく、ご存知の方どうかお救いください。

セクションを追加で線を配置でも構いません。

よろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![Anonymous\_f3904c962f1f4025a9649d0e22fc8a10](https://avatars.discourse-cdn.com/v4/letter/a/65b543/32.png) [@Anonymous\_f3904c962f1f4025a9649d0e22fc8a10](https://community.shopify.com/u/Anonymous_f3904c962f1f4025a9649d0e22fc8a10)\
**Post date:** [August 18, 2022, 11:08am UTC](https://community.shopify.com/t/topic/144133/2 "2022-08-18T11:08:40Z")

</div>

コード編集せず、カスタムLiquidを追加し、hrタグで線を引くことができました。  
閲覧して下さった方、ありがとうございました。