# テンプレートで作成したブログ記事にcssを読み込ませる方法について。

**URL:** <https://community.shopify.com/t/css/104549>\
**Category:** 技術的なQ＆A\
**Created:** [March 7, 2022, 6:49am UTC](https://community.shopify.com/t/css/104549 "2022-03-07T06:49:45Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

Shopifyのブログ記事でテンプレート選択とCSS適用に関する質問。記事作成画面では「デフォルトのブログ記事」以外が選べず、本文HTMLに<style>や<link>を貼るとサニタイズされて弾かれる点が課題。

提案された解決策:
- テーマ側で新しいブログ用テンプレートを作成して適用する（オンラインストア > テーマ > カスタマイズ > 画面上部ドロップダウン > ＋テンプレートを作成）。既存テンプレートをベースに名前を付けて作成。
- 作成後、コード編集から該当テンプレートにセクション（テーマの構成部品）を追加し、中のコードを編集してレイアウトやスタイルを反映。記事本文に直接CSSを埋め込むのではなく、テーマのテンプレート/セクションで管理する想定。

補足: 手順とコード編集のスクリーンショットが添付され、UI操作と実装の要点を示している。

現状: 回答は提示済みだが、質問者からの動作確認・解決報告は未確認で、スレッドは実質オープン。

<div class="post-metadata">

**Author:** ![kajikawamisa](https://avatars.discourse-cdn.com/v4/letter/k/6f9a4e/32.png) [@kajikawamisa](https://community.shopify.com/u/kajikawamisa)\
**Post date:** [March 7, 2022, 6:49am UTC](https://community.shopify.com/t/css/104549/1 "2022-03-07T06:49:45Z")

</div>

初めての質問になります。既出かもしれませんが、「ブログ記事を追加する」（画像１）から作成したブログには「デフォルトのブログ記事」（画像２）以外のテーマテンプレートは選択できないのでしょうか？またhtmlにや（画像３）を貼っても弾かれてしまうのですが、他にcssを読み込ませる方法はありますか？

 ![pic_1.jpg](https://canada1.discourse-cdn.com/shopifyforum/original/3X/8/a/8a4d54f34177a3109ae858b912a5d8c22eb6cfb7.jpeg)

 ![pic_2.jpg](https://canada1.discourse-cdn.com/shopifyforum/original/3X/d/1/d12b582193bc03338bf03cbac2bf199261f9bc05.jpeg)

 ![pic_3.jpg](https://canada1.discourse-cdn.com/shopifyforum/original/3X/5/e/5e53d46d6ba7dfbacac4735e77f9add66dda35cf.jpeg)

---

<div class="post-metadata">

**Author:** ![koji\_matsumoto](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/koji_matsumoto/32/296013_2.png) [@koji\_matsumoto](https://community.shopify.com/u/koji_matsumoto)\
**Post date:** [March 11, 2022, 9:45am UTC](https://community.shopify.com/t/css/104549/2 "2022-03-11T09:45:53Z")

</div>

@kajikawamisa 様

内容確認いたしました。

一応Shopifyのヘルプの内容がわかりやすそうでしたので、リンク貼っておきます。

[新しいテンプレートを作成する](https://help.shopify.com/ja/manual/online-store/themes/theme-structure/templates#part-e7d785e68e772237)

**ステップ抜き出し**

1. 管理画面から **[オンラインストア]** \> **[テーマ]** の順に移動します。

2. 編集するテーマを見つけて、**[カスタマイズする]** をクリックします。

3. ページ上部のドロップダウンメニューを開きます。

4. ドロップダウンメニューを使用してテンプレートを選択します。**[+ テンプレートを作成する]** をクリックします。

5. テンプレートに固有の名前を付けます。

6. ドロップダウンメニューを使用して、新しいテンプレートのベースにする既存のテンプレートを選択します。

7. **[テンプレートを作成する]** をクリックします。

また、新しいテンプレート作成後の調整方法についても記載しておきます。

 ![コード編集からsectionを追加する.jpg](https://canada1.discourse-cdn.com/shopifyforum/original/4X/4/0/3/403e8843e74e8f617f479729d402fabec2143c60.jpeg)

 ![templateの内容を編集する.jpg](https://canada1.discourse-cdn.com/shopifyforum/original/3X/e/0/e01dd116624619d1142da3ddb0e01d23c1abfbcc.jpeg)

添付したキャプチャの通り作成したテンプレートを、まずsectionに追加し、その後中のコードを編集いただければ反映されるかと思います。

ご参考になれば幸いです。