# ページ作成時のタイトル非表示について

**URL:** <https://community.shopify.com/t/topic/214188>\
**Category:** 技術的なQ＆A\
**Tags:** css\
**Created:** [May 7, 2023, 4:25am UTC](https://community.shopify.com/t/topic/214188 "2023-05-07T04:25:44Z")\
**Posts on this page:** 4\
**Page:** 1

## AI-generated summary

Dawnテーマを使用しているユーザーが、ページ作成時にページタイトルを非表示にする方法を質問しました。

**解決方法:**
- テーマエディタ内の「カスタムCSS」を使用することで簡単に実装可能
- 以下のCSSコードをカスタムCSSに追加:
  - `h1 { display: none; }` または
  - `.h0 { display: none; }`

**特定ページのみ非表示にする場合:**
- タイトル非表示用のテンプレートを作成
- 該当ページにそのテンプレートを適用

**追加情報:**
- 上記コードで非表示にならない場合は `h2 { display: none; }` を試すことで解決できるケースもある

質問者は提案されたカスタムCSSの方法で無事に問題を解決できました。

<div class="post-metadata">

**Author:** ![setens-online](https://avatars.discourse-cdn.com/v4/letter/s/c2a13f/32.png) [@setens-online](https://community.shopify.com/u/setens-online)\
**Post date:** [May 7, 2023, 4:25am UTC](https://community.shopify.com/t/topic/214188/1 "2023-05-07T04:25:44Z")

</div>

いつもお世話になっております。

Dawnテーマを使用しております。

【オンラインストア＞ページ】

こちらで作成したページについて、「ページタイトル」を非表示にしたいと思っております。

liquidファイルの編集でページタイトルを非表示にすることが可能でしたら、ぜひご教示いただきたく存じます。

編集するファイル名、何行目を更新など、詳細をお伺いできますと大変ありがたいです。

お忙しい中お手数ですが、ご確認よろしくお願いいたします。

 ![0507.jpg](https://canada1.discourse-cdn.com/shopifyforum/original/3X/0/e/0efade895e9f76472eda761f70a6fe82bda5ed77.jpeg)

---

<div class="post-metadata">

**Author:** ![kyoshi\_Tsun](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/kyoshi_tsun/32/1503_2.png) [@kyoshi\_Tsun](https://community.shopify.com/u/kyoshi_Tsun)\
**Post date:** [May 7, 2023, 5:35am UTC](https://community.shopify.com/t/topic/214188/2 "2023-05-07T05:35:37Z")

</div>

はじめまして

株式会社Tsunの吉谷と申します

_ **\>こちらで作成したページについて、「ページタイトル」を非表示にしたいと思っております。** _

ページのタイトルであれば、テーマエディタ内の「カスタムCSS」を利用すると簡単に非表示にできます。

 ![Tsun-Dev-·-Dawn-8-0-0をカスタマイズする-·-Shopify.png](https://canada1.discourse-cdn.com/shopifyforum/original/2X/f/fe41e47b862bfa429495a27deeee467d4073f917.png)

サンプルコード（カスタムCSS内に下記を挿入してみてください）

```markup
h1 {
  display: none;
}

```

または、

```markup
.h0{
  display: none;
}

```

また、特定ページのみタイトルを非表示にしたい場合は、

テーマエディタで「タイトル非表示用のテンプレート（※ 上記のサンプルコードを利用しタイトルを非表示にしたページのテンプレート）」を作成し、該当ページのテーマテンプレートの項目「タイトル非表示用のテンプレート」を設定すれば実現できると思います。

テンプレートに関しては、Shopfiyヘルプセンターもご参考になさってください。

[テンプレート｜Shopfiyヘルプセンター](https://help.shopify.com/ja/manual/online-store/themes/theme-structure/templates)

[高度な公開｜Shopifyヘルプセンター](https://help.shopify.com/ja/manual/online-store/blogs/publishing-blogs)

以上になります。

参考になりましたら幸いです。

---

<div class="post-metadata">

**Author:** ![setens-online](https://avatars.discourse-cdn.com/v4/letter/s/c2a13f/32.png) [@setens-online](https://community.shopify.com/u/setens-online)\
**Post date:** [May 13, 2023, 11:51pm UTC](https://community.shopify.com/t/topic/214188/3 "2023-05-13T23:51:56Z")

</div>

株式会社Tsun 吉谷様

お世話になっております。

詳細ご回答くださり誠にありがとうございます。

カスタムcssの編集で無事にページタイトルを非表示にできました！

大変助かりました。ありがとうございました。

もしまた何かありましたらよろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![Atom3](https://avatars.discourse-cdn.com/v4/letter/a/3e96dc/32.png) [@Atom3](https://community.shopify.com/u/Atom3)\
**Post date:** [January 17, 2025, 8:21am UTC](https://community.shopify.com/t/topic/214188/4 "2025-01-17T08:21:06Z")

</div>

上記のコードで非表示とならない場合があるようで、その場合は下記コードで非表示にできました。  
念のため記載させていただきます。

```markup
h2 {
display: none;
}

```
