ヘッダーを消したい

日本語 ディスカッション Shopify テーマ

Topic summary

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

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

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

Summarized with AI on March 5. AI used: gpt-5.4.
1

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

2

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

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

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

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