WordPressで、ページごとに異なるヘッダー/フッターを使用する

Last Updated:2023年06月22日| | 20のコメント

ページごとに異なるヘッダーやフッターを使用する場合は、ページごとに別のテンプレートを作成します(ページテンプレートを作成する方法は、 この記事中間部分を参照してください)。 しかし、ページごとにテンプレートを作成する作業が面倒な場合、単純な条件文を使用してページ/カテゴリ別の他のヘッダ/フッタをロードするように設定することができます。

[この記事は2023年6月21日に更新されました。 ]

エレメンターページビルダー/Diviテーマ/Avada テーマなどでページごとに異なるヘッダー/フッターを指定する

この記事を書いた後 WordPress テーマやページビルダーでは、ダッシュボード内からヘッダーからフッターまでサイトのすべての要素を簡単にカスタマイズできるフルサイト編集機能が導入されました。

有名な Elementor ページビルダーのプロバージョンに搭載されているテーマビルダーを使用して、ページ/カテゴリなどに応じて異なるヘッダーやフッタ、ポストテンプレートなどを指定することができます。

次の図は Diviテーマのテーマビルダーを使用したテンプレート作成画面を表示します。 グローバル(Global)ヘッダーとグローバルボディ、グローバルフッターを指定でき、個別ページや文章、カテゴリー、商品ページなどに対して異なるヘッダー、ボディ、フッターを指定できます。

フルサイト編集機能 - Diviテーマ
Diviテーマの Theme Builder(テーマビルダー)

Avada、Diviなどのテーマやエレメントページビルダーが提供する完全なサイト編集機能を使用すると、コーディング知識がなくてもテーマファイルを変更せずにサイトの各要素を簡単にカスタマイズできます。 詳細については、次の記事を参照してください。

マガジン、ブログ用テーマ Newspaper テーマクラウドライブラリ(Cloud Library)を導入することで、各パーツを簡単にカスタマイズできます。

また、 WordPress図5.9バージョンからブロックベースのテーマを導入 WordPress 通知パネル内でサイトのすべてのセクションを編集するための完全なサイト編集(FSE)機能を提供しています。 最初のブロックベースのテーマであるTwenty Twenty-Twoテーマは、エレメンタやDiviなどの機能に比べてまだ初歩的なステップです。

GeneratePress プレミアムバージョンをご利用の場合は、ブロック(Block)エレメントを使用して、ページごとに異なるヘッダ/フッタ/サイドバーなどを表示できます。

WordPressで、ページごとに異なるヘッダー/フッターを使用する

WordPressからヘッダファイルを呼び出すコードはです。 ここで $name 部分がない場合は単に header.php ファイルを呼び出し、 $name 部分が 'home' の場合は header-home.php を呼び出します。 同様に WordPressでフッターファイルを呼び出すコードは、 です。 header.phpと同様の規則が適用されます。 したがって、目的のページごとに異なるヘッダーとフッターをロードするには、get_header($ name)部分とget_footer($ name)部分の変数を変えてくれて、そのページに合わせてheaderファイルとfooterファイルを変更してくれればされます。 (同じ原理がサイドバーに呼び出される関数であるget_sidebar($ name)にも適用されます。)

ページごとに別々のテンプレートを作成する代わりにindex.phpファイル内でget_header()部分とget_footer()の部分をページごとに呼び出すには、次のような条件文を使用します。





is_page()だけでなく、is_category()も一緒に使用が可能です。 get_footer()/ get_sidebar()も同じ方法で使用可能です。

参照


20のコメント

コメント

  1. こんにちは。 ホームページはワンページ形式でヘッダメニューをクリックするとそのセクションまでスクロールされ、ホームの他にページは他のテンプレートのヘッダで公開して駆動したいと思います。 テーマビルダーでヘッダーテンプレートを作成しましたが、インプレッションが代わりにXNUMXつのヘッダーしか公開されませんでした。ヘッダーへの露出希望)

    応答
  2. こんにちはページごとにヘッダーとフッターを変更したいのですが、
    問題は、チャイルドテーマでindex.phpを変更しても変更できないようです。 使用しているテーマは Avadaテーマなのに.. index.phpで修正をするのが正しいでしょうか?

    応答
  3. スレッドごとに、他のサイトのタイトル(記事タイトルではない)を持つようにしたいのです助けてください。

    応答
  4. WordPress スレッドごとにサイトのタイトルを変更したいのです助けちょっといただけ問い合わせについてでしょうか?

    応答
  5. お問い合わせください。 ページごとにロゴだけ異なって出力したい。 アバターのテーマを使用中です。 方法があるでしょう? プラグインをお勧めしていただいても感謝いたします。

    応答
    • こんにちは?
      実際にはカスタマイズの作業なので Avada(https://www.thewordcracker.com/go/avada )に問い合わせても回答を受けられないことです。

      次のようなトリックを使用してみることができます。

      1。 テーマオプションで透明なロゴを追加します。
      2。 一般的なロゴを背景に追加します。
      例:
      .logo {
      width:191px ;
      height:116px ;
      background-image: url('url');
      }

      3。 特定のページのロゴをオーバーライドします。
      例:
      .page-id-OO #header .logo {
      width: 191px; !important;
      height: 54px; !important;
      background-image: url('url');
      }

      実際CSSコードは、状況に応じて異なる場合がありますので、上記のような方法を適用すると、よくなります。

      応答
  6. カテゴリーごとに異なるヘッダーを指定するには、次のようなコードを考えてみることができます。

    if(is_category('카테고리a-슬러그')){
    get_header('a');
    }elseif(is_category('카테고리b-슬러그')){
    get_header('b');
    }

    応答