# エディターで追加したセクションごとに任意のid/クラス名をつけたい **URL:** \ **Category:** 技術的なQ＆A\ **Created:** [August 15, 2022, 5:04am UTC](https://community.shopify.com/t/id/143248 "2022-08-15T05:04:21Z")\ **Posts on this page:** 5\ **Page:** 1 ## AI-generated summary 主題: Dawnテーマでエディタ追加セクションごとに任意のID/クラスを付与し、ページ内リンクとCSS適用を安定させたいが、Shopify自動付与のid="shopify-section-template--…" が開発/本番で変化し運用に支障。 提案/方向性: - セクションにID/クラス用の入力欄（settings）を自作し、出力で利用する案。 - JSONテンプレートでセクションのHTMLラッパー要素を指定する方法（ドキュメントリンクと画像が提示）。 試行結果: - sectionIDを直接変更しても自動IDに戻るため不可。 - セクションファイルで
…
のラッパーを試行。しかし実装がページ全体のラップになり意図せず失敗。 - ページ単位の固有ID付与の可能性は把握。 現状/結論: - 明確な解決は未確定。セクション単位のみを正しくラップし、settingsで指定したID/クラスを出力する実装が次の課題。 - JSONテンプレートでのラッパー指定も検討対象。議論は継続中。
**Author:** ![kuwa8851](https://avatars.discourse-cdn.com/v4/letter/k/898d66/32.png) [@kuwa8851](https://community.shopify.com/u/kuwa8851)\ **Post date:** [August 15, 2022, 5:04am UTC](https://community.shopify.com/t/id/143248/1 "2022-08-15T05:04:21Z")
お世話になっております。よろしくお願い致します。 使用しているテーマはDawnです。 今回shopifyCLIにてテーマエディタでセクションを追加し、そこにCSSをあてるという手順でカスタマイズしております。 ページ内リンクをつけるために、テーマエディターで追加したセクションごとにCSSをあてたい/固有のIDを指定したいと考えております。 現状ではセクションに「#shopify-section-template–〇〇〇〇\_\_1658825640f2d89c8c」というIDが付与されていますが、開発ストアと本番環境では○○の部分が変わってしまうため、そのままshopify theme pushをしてもうまくいきません。 こちらアドバイスいただけましたら、助かります。 ---
**Author:** ![Jizo\_Inagaki](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/jizo_inagaki/32/149480_2.png) [@Jizo\_Inagaki](https://community.shopify.com/u/Jizo_Inagaki)\ **Post date:** [August 16, 2022, 10:24am UTC](https://community.shopify.com/t/id/143248/2 "2022-08-16T10:24:29Z")
テーマが用意しているセクションに入力欄が存在しない場合は、独自に入力欄を作って出力する必要があると思います。 ---
**Author:** ![\_osamu\_iwasaki](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/_osamu_iwasaki/32/272617_2.png) [@\_osamu\_iwasaki](https://community.shopify.com/u/_osamu_iwasaki)\ **Post date:** [August 26, 2022, 8:42am UTC](https://community.shopify.com/t/id/143248/3 "2022-08-26T08:42:09Z")
見当違いであれば無視して構いませんが、 **jsonテンプレート** からセクションの **HTMLラッパー要素** を指定できると思いますので、こちら試してみてはどうでしょうか。 ![json.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/9/b/9b06d88ce8d0de8fc05cf0e8f1159e0080905677.jpeg) [https://shopify.dev/themes/architecture/templates/json-templates](https://shopify.dev/themes/architecture/templates/json-templates) ---
**Author:** ![kuwa8851](https://avatars.discourse-cdn.com/v4/letter/k/898d66/32.png) [@kuwa8851](https://community.shopify.com/u/kuwa8851)\ **Post date:** [September 5, 2022, 10:45am UTC](https://community.shopify.com/t/id/143248/4 "2022-09-05T10:45:14Z")
sectionIDを直接変更してみたり、試してみたのですがどうしても id=“shopify-section-template–ここが開発環境で指定されてしまう\_\_89379823” となってしまうようです。 助言いただいたことを参考に、 sectionファイルに以下のようなラッパーを作り対処してみます。 //コンテンツ ご助言いただきありがとうございます。 ---
**Author:** ![kuwa8851](https://avatars.discourse-cdn.com/v4/letter/k/898d66/32.png) [@kuwa8851](https://community.shopify.com/u/kuwa8851)\ **Post date:** [September 5, 2022, 10:48am UTC](https://community.shopify.com/t/id/143248/5 "2022-09-05T10:48:26Z")
ご返信いただきありがとうございます。 試してみたところ、ページ全体がラップされてしまうようでうまくいきませんでした。 しかし、ページごとの固有のIDをふることができそうで勉強になりました。 ありがとうございます。