可以按照以下步骤在 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 后台的外观 – 小工具中添加需要的小工具到刚刚注册的两个侧边栏中即可。