# オリジナルのCSSはどこに記述していますか？

**URL:** <https://community.shopify.com/t/css/113737>\
**Category:** 技術的なQ＆A\
**Created:** [April 13, 2022, 1:19am UTC](https://community.shopify.com/t/css/113737 "2022-04-13T01:19:46Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

Shopifyテーマのカスタマイズで、独自CSSをどこに記述するかが論点。
- 選択肢: (1) assetsフォルダに新規CSSを作成して既存CSSと併読、(2) 既存CSSの末尾に追記。
- 回答では(1)が「王道」で、変更への対応がしやすく、表示速度のデメリットも最小と説明。
- 投稿者は納得しつつ、数行（1〜2項目）だけのCSSでも同じ運用が適切かを追加質問。
- その追問いへの具体的な回答はまだ提示されておらず、議論は継続中。
- 用語補足: assetsフォルダ＝Shopifyテーマの静的ファイル置き場、CSS＝スタイル定義。

<div class="post-metadata">

**Author:** ![Anonymous\_876e90207c84eec074dc8f1fbdf1c908](https://avatars.discourse-cdn.com/v4/letter/a/e99b99/32.png) [@Anonymous\_876e90207c84eec074dc8f1fbdf1c908](https://community.shopify.com/u/Anonymous_876e90207c84eec074dc8f1fbdf1c908)\
**Post date:** [April 13, 2022, 1:19am UTC](https://community.shopify.com/t/css/113737/1 "2022-04-13T01:19:46Z")

</div>

Shopifyのテーマのカスタマイズをしています。

既存のCSSも使用しながら自分でもCSSを追加したい場合、

・assetsフォルダの中に新しくCSSファイルを作成し、既存CSSファイルと新しいCSSファイルを読み込む

・既存CSSの最後に追加して記述

など色々方法はあるかと思いますが、みなさんはどのような方法を取られていますか？

サイトの表示速度や保守しやすさを考慮すると、どの方法が良いのかよくわからないので、教えていただけると嬉しいです。

---

<div class="post-metadata">

**Author:** ![Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_44fbe07fc59d9ccaacd70575fd5a5155/32/194200_2.png) [@Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://community.shopify.com/u/Anonymous_44fbe07fc59d9ccaacd70575fd5a5155)\
**Post date:** [July 9, 2022, 12:44pm UTC](https://community.shopify.com/t/css/113737/2 "2022-07-09T12:44:30Z")

</div>

・assetsフォルダの中に新しくCSSファイルを作成し、既存CSSファイルと新しいCSSファイルを読み込む

こちらの方法が王道かつ、変更にも対応しやすいかと思います。速度的なデメリットも最小限ですので、ぜひお試しください。

---

<div class="post-metadata">

**Author:** ![Anonymous\_876e90207c84eec074dc8f1fbdf1c908](https://avatars.discourse-cdn.com/v4/letter/a/e99b99/32.png) [@Anonymous\_876e90207c84eec074dc8f1fbdf1c908](https://community.shopify.com/u/Anonymous_876e90207c84eec074dc8f1fbdf1c908)\
**Post date:** [July 11, 2022, 1:50am UTC](https://community.shopify.com/t/css/113737/3 "2022-07-11T01:50:07Z")

</div>

株式会社フルバランス様

ご回答ありがとうございます。

・assetsフォルダの中に新しくCSSファイルを作成し、既存CSSファイルと新しいCSSファイルを読み込む

の方が王道なのですね。

もう1点、よろしければ教えていただきたいのですが、記述したいCSSが1つ2つなど少ない場合も、同じ方法が良いでしょうか？

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