# 【解決済】ランディングページのみヘッダーとフッターを非表示にしたい

**URL:** <https://community.shopify.com/t/topic/345842>\
**Category:** Shopify テーマ\
**Tags:** css, html\
**Created:** [August 6, 2024, 12:26am UTC](https://community.shopify.com/t/topic/345842 "2024-08-06T00:26:35Z")\
**Posts on this page:** 1\
**Page:** 1

## AI-generated summary

ランディングページのみヘッダーとフッターを非表示にしたいという要件に対し、テーマShellaでの実装が報告され、解決済み。LP用のページテンプレート（lp）を作成・適用済み。

主な対応：/theme.liquidでヘッダー描画箇所を条件分岐に置換。
- 元コード：{% sections 'header-group' %}
- 置換コード：
  {% if request.path contains "非表示にしたいページのハンドル名" %}
  {% else %}
  {% sections 'header-group' %}
  {% endif %}

用語補足：
- request.path＝アクセス中ページのURLパス。
- ハンドル名＝ページのURLに使われる識別子（スラッグ）。
- sections 'header-group'＝ヘッダー関連セクションを出力するLiquidタグ。

結果・示唆：対象LPでヘッダー非表示を実現。多くのテーマでも同様の方法が使える可能性があると共有。

注意点：投稿ではヘッダーの非表示手順のみ記載。フッター非表示は明記されておらず、同様の条件分岐をフッター出力箇所にも適用する必要がある可能性あり。

ステータス：解決済み。コードスニペットが理解の中心。

<div class="post-metadata">

**Author:** ![EC\_31](https://avatars.discourse-cdn.com/v4/letter/e/d2c977/32.png) [@EC\_31](https://community.shopify.com/u/EC_31)\
**Post date:** [August 6, 2024, 12:26am UTC](https://community.shopify.com/t/topic/345842/1 "2024-08-06T00:26:35Z")

</div>

こんにちは。現在、テーマShellaでサイトを構築中です。  
画像主体でランディングページを作るにあたり、表題の通り、特定のページ(ランディングページ)のみヘッダーとフッターを非表示にしたいと考えています。調べて下記のように参考になりそうなものも見つけましたが、私自身がコード初心者でテーマも違うことからうまく非表示にさせることが出来ません。

ランディングページにはページテンプレートlpを作り設定しております。

やり方が分かる方はおりますでしょうか？

[https://community.shopify.com/post/1923485](https://community.shopify.com/post/1923485)

ご教授いただければ嬉しいです。よろしくお願いいたします。

* * *

【解決しました】

こちら解決しましたので共有いたします。  
①/theme.liquid内の下記コードを書き換える。  
{% sections ‘header-group’ %}

②書き換えるコードは下記。  
{% if request.path contains “非表示にしたいページのハンドル名” %}  
{% else %}  
{% sections ‘header-group’ %}  
{% endif %}

色々と試しましたが、おそらくこれがほとんどのテーマで共通して出来そうな方法かと思います。  
同じような悩みを持つ方の参考になればと思い、共有いたします。