在 wordpress 子主题中添加两个侧边栏

可以按照以下步骤在 WordPress 子主题中添加两个侧边栏:
1.打开子主题的 functions.php 文件,添加以下代码来注册两个侧边栏:

function custom_register_sidebars() {
	register_sidebar(
	        array(
	            'name'          => __( 'Left Sidebar', 'textdomain' ),
	            'id'            => 'left-sidebar',
	            'description'   => __( 'Widgets in this area will be shown on the left side.', 'textdomain' ),
	            'before_widget' => '<div id="%1$s" class="widget %2$s">',
	            'after_widget'  => '</div>',
	            'before_title'  => '<h2 class="widgettitle">',
	            'after_title'   => '</h2>',
	        )
	    );
	register_sidebar(
	        array(
	            'name'          => __( 'Right Sidebar', 'textdomain' ),
	            'id'            => 'right-sidebar',
	            'description'   => __( 'Widgets in this area will be shown on the right side.', 'textdomain' ),
	            'before_widget' => '<div id="%1$s" class="widget %2$s">',
	            'after_widget'  => '</div>',
	            'before_title'  => '<h2 class="widgettitle">',
	            'after_title'   => '</h2>',
	        )
	    );
}
add_action( 'widgets_init', 'custom_register_sidebars' );

2.打开 sidebar.php 文件,添加以下代码来显示两个侧边栏:

<div id="secondary" class="widget-area" role="complementary">
    <?php if ( is_active_sidebar( 'left-sidebar' ) ) : ?>
        <div id="left-sidebar" class="widget-container">
            <?php dynamic_sidebar( 'left-sidebar' );
?>
        </div>
    <?php endif;
?>
    <?php if ( is_active_sidebar( 'right-sidebar' ) ) : ?>
        <div id="right-sidebar" class="widget-container">
            <?php dynamic_sidebar( 'right-sidebar' );
?>
        </div>
    <?php endif;
?>
</div><!-- #secondary -->

3.在页面模板中调用 get_sidebar() 函数来显示侧边栏:

<div id="primary" class="content-area">
    <main id="main" class="site-main" role="main">
        <?php while ( have_posts() ) : the_post();
?>
            <?php get_template_part( 'template-parts/content', get_post_format() );
?>
        <?php endwhile;
?>
    </main><!-- #main -->
    <?php get_sidebar();
?>
</div><!-- #primary -->

4.在 WordPress 后台的外观 – 小工具中添加需要的小工具到刚刚注册的两个侧边栏中即可。

评论

暂无评论,开始撰写精彩评论吧!

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注