特定ページのヘッダー、フッターの出しわけ

日本語 ディスカッション 技術的なQ＆A
1

liquidでヘッダー、フッターの出しわけは可能でしょうか？可能であればどのように行うのが良いか教えていただきたいです。できるだけヘッダー、フッターは共通化して、特定のページにおいてはヘッダーは表示させないといった処理を行いたいです。

2

テーマごとに違いがあると思いますので一概には言えませんが、恐らくtheme.liquidに以下のような記述があると思います。

{% section 'header' %}

中略

{% section 'footer' %}

一例としては、以下のように上記をご希望の条件で分岐させて読み込ませることが考えられます。
(※コレクションページにはheaderを表示させない前提で記載します。)

{% unless request.page_type == 'collection' %}
   {% section 'header' %}
{% endunless %}

中略

{% section 'footer' %}

他には以下なども考えられます。

  • header.liquid や footer.liquid 内に分岐を作る
  • layout に新規でtheme.liquid と同種の専用ファイルを作る

いくつか書きましたが私もベストプラクティス的な手法は把握していないのと、他にも実現方法はあると思いますので、そのあたりのことは他の方の書き込みを待たれる方が良いと思います。

[追記]
当初記載しましたサンプルがご質問の回答とは遠かったので書き直しました。
修正のたびに余白が広がりまして、それが直せず読み辛くなっており申し訳ありません。

4 Likes
3

ありがとうございます！参考にします！