上級者向け

投稿一覧・カスタム投稿一覧・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; } ); ヘッダーオーバーレイと合わせてヘッダーアイキャッチ画像の表示も忘れずに ヘッダーオーバーレイ機能はヘッダー部分に画像が表示された状態で使うことを想定して作っています。 ヘッダーオーバーレイの有効化と合わせて、ヘッダーアイキャッチ画像の表示も合わせてカスタマイズしましょう。