投稿一覧・カスタム投稿一覧・404ページ等でヘッダーオーバーレイを有効にする方法

投稿一覧・カスタム投稿一覧・404ページ等でyStandard Toolboxのヘッダーオーバーレイを有効にするカスタマイズ方法について紹介します。

※このカスタマイズにはyStandard Toolbox v1.6.0以上が必要になります。

投稿アーカイブページでオーバーレイを有効化する

投稿アーカイブページでオーバーレイを有効化するサンプルコードです▼

add_filter(
  'ystdtb_is_header_overlay',
  function ( $overlay ) {
    // 投稿一覧ページの場合にヘッダーオーバーレイを有効化.
    if ( is_home() ) {
      return true;
    }

    return $overlay;
  }
);

フィルターフックystdtb_is_header_overlayを使い、trueを返すとヘッダーオーバーレイを有効にできます。

検索結果一覧でオーバーレイを有効化する

検索結果一覧ページでオーバーレイを有効化するサンプルコードです▼

add_filter(
  'ystdtb_is_header_overlay',
  function ( $overlay ) {
    // 検索結果一覧ページの場合にヘッダーオーバーレイを有効化.
    if ( is_search() ) {
      return true;
    }

    return $overlay;
  }
);

404ページでオーバーレイを有効化する

404ページでオーバーレイを有効化するサンプルコードです▼

add_filter(
  'ystdtb_is_header_overlay',
  function ( $overlay ) 
    // 404覧ページの場合にヘッダーオーバーレイを有効化.
    if ( is_404() ) {
      return true;
    }

    return $overlay;
  }
);

カスタム投稿タイプのアーカイブページでオーバーレイを有効化する

カスタム投稿タイプのアーカイブページでオーバーレイを有効化するサンプルコードです▼

add_filter(
  'ystdtb_is_header_overlay',
  function ( $overlay ) 
    // カスタム投稿タイプ「manual」のアーカイブページの場合にヘッダーオーバーレイを有効化.
    if ( is_post_type_archive( 'manual' ) ) {
      return true;
    }

    return $overlay;
  }
);

ヘッダーオーバーレイと合わせてヘッダーアイキャッチ画像の表示も忘れずに

ヘッダーオーバーレイ機能はヘッダー部分に画像が表示された状態で使うことを想定して作っています。

ヘッダーオーバーレイの有効化と合わせて、ヘッダーアイキャッチ画像の表示も合わせてカスタマイズしましょう。