[haruaki]

いつも利用させていただいております。

表題の通り、固定ページ上部へウィジェットを設置し、ショーケースにてページヘッダー要素を追加したいと思いフロントページへの表示するウィジェットのコードを変更し子テーマにてウィジェットエリアの作成を行なったのですが、

表示はどのphpファイルに設置したらよいでしょうか。
恐れ入りますがご教授願えますと幸いです。

何卒よろしくお願いいたします。

/**
 * Add front page widget area
 *
 * @return void
 */
add_action(
    'widgets_init',
    function() {
        register_sidebar(
            [
                'name'          => __( '固定ページ上部' ),
                'id'            => 'page-top-widget-area',
                'description'   => __( '固定ページ上部に表示されます' ),
                'before_widget' => '<div class="l-front-page-widget-area__item"><div id="%1$s" class="c-section %2$s">',
                'after_widget'  => '</div></div>',
                'before_title'  => '<h2 class="c-section__title">',
                'after_title'   => '</h2>',
            ]
        );
        
        add_filter(
            'dynamic_sidebar_params',
            function( $params ) {
                if ( 'page-top-widget-area' !== $params[0]['id'] ) {
                    return $params;
                }
                
                $wp_page_template = get_post_meta( get_the_ID(), '_wp_page_template', true );
                if ( ! $wp_page_template || 'default' === $wp_page_template || false !== strpos( $wp_page_template, 'one-column-full.php' ) ) {
                    $params[0]['before_widget'] .= '<div class="c-container">';
                    $params[0]['after_widget'] .= '</div>';
                }
                return $params;
            }
        );
    }
);

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

まず、ウィジェットエリアを表示するためのテンプレートパーツをつくらないといけません。どこにつくってもいいのですが、例えば「子テーマ/template-parts/page-top-widget-area.php」としましょうか。

<?php
$sidebar_id = 'page-top-widget-area';

if ( ! is_active_sidebar( $sidebar_id ) || ! is_registered_sidebar( $sidebar_id ) ) {
    return;
}
?>

<div class="l-front-page-widget-area"
    data-is-slim-widget-area="false"
    data-is-content-widget-area="true"
    >

    <?php dynamic_sidebar( $sidebar_id ); ?>
</div>

そして、具体的にどこに表示するかにもよりますが、ページヘッダーとして、ということですので、「templates/wrapper/」の中にあるファイルからカスタマイズしたいファイルを子テーマにコピーし、ページヘッダーの上にウィジェットエリアを表示するテンプレートを呼び出すように追加してみるとどうでしょうか。

// 下記の行を追加
Helper::get_template_part( 'template-parts/page-top-widget-area' );

// 下記はもともとあるコード
if ( Helper::is_output_page_header() ) {
    Helper::get_template_part( 'template-parts/common/page-header' );
}

ただ、「templates/wrapper/」の中のファイルはそれなりに大きいファイルになり、アップデートの際に後方互換性の問題がでる可能性が他のファイルの上書きよりも大きいと思います。アップデートの際はご注意ください。

♥ 0

いいねをした人: 居ません

[haruaki]

ご回答誠にありがとうございます。
上記の方法で試させていただきます。

アップデート時は変更確認の上行うようにいたしますね。
今後ともよろしくお願いいたします。

♥ 0

いいねをした人: 居ません

[投稿者]

投稿