# ヘッダーを消したい

**URL:** <https://community.shopify.com/t/topic/54331>\
**Category:** Shopify テーマ\
**Created:** [July 21, 2021, 9:25am UTC](https://community.shopify.com/t/topic/54331 "2021-07-21T09:25:11Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

ブログ記事ページでヘッダー部分を非表示にしたい、という質問。対象は Debut テーマのブログ記事（article）画面。 

- 提案された対応は2通り。 
- 1つ目は、テーマコード内で該当のヘッダー部分を if文（条件分岐）で囲み、ブログ記事テンプレートでは表示しないようにする方法。 
- 2つ目は、CSSで `.template-article` 配下の特定クラスやIDを `display:none;` にして非表示にする方法。 

コード例が提示されており、テーマ編集での実装が前提。現時点では「どちらの方法が最適か」や「実際に解決したか」の確認はなく、回答は対処案の提示段階にとどまっている。

<div class="post-metadata">

**Author:** ![\_1121](https://avatars.discourse-cdn.com/v4/letter/_/a9adbd/32.png) [@\_1121](https://community.shopify.com/u/_1121)\
**Post date:** [July 21, 2021, 9:25am UTC](https://community.shopify.com/t/topic/54331/1 "2021-07-21T09:25:11Z")

</div>

例えば、Debutテーマの場合、ブログ記事のヘッダー部分を非表示にさせたいと思っているのですが、どのようにすればよいのでしょうか？

---

<div class="post-metadata">

**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:** [July 30, 2021, 11:22am UTC](https://community.shopify.com/t/topic/54331/2 "2021-07-30T11:22:43Z")

</div>

ご希望の箇所を以下のようにif文で囲めばその部分はブログ記事では表示されなくなると思います。

```markup
{% template.name == 'article' %}
ブログ記事で表示させたくない部分
{% endunless　%}

```

または以下のようにして該当箇所をCSSで非表示にする方法も検討できるかもしれません。

```css
/* .hogeは消したい対象と特定可能なidやclassを想定 */
.template-article .hoge {
display:none;
}

```