Wordpress 注册第二个边栏

这个主题页面左侧已经有了一个边栏小工具功能。主题右侧只有热力图和话题两项内容，目前空出了很多位置，想着再加点什么东西。目前并不知道要放些什么内容合适，等以后有了好的想法再说吧。还是先把页面右边加上边栏小工具功能，以备不时之需吧。具体方法记录如下：

一、注册第二个边栏

一般为 functions.php ，这个主题在 core.php 中按如下方式添加代码：


if ( function_exists( 'register_sidebar' ) ) {
    // 已注册的侧边栏
    register_sidebar( [
        'name'          => __( '侧边栏' ),
        'id'            => 'aside-widget-area',
        'description'   => __( '侧边栏小工具' ),
        'before_widget' => '<div class="reset-ul uni-bg uni-shadow flex-center %2$s">',
        'after_widget'  => '</div>',
        // 'before_title' => '<h3 class="widget-title">',
        // 'after_title' => '</h3>',
    ] );

    // 注册新的右侧边栏
    register_sidebar( [
        'name'          => __( '右侧边栏' ),  // 右侧边栏名称
        'id'            => 'right-widget-area',  // 右侧边栏的唯一ID
        'description'   => __( '显示在页面右侧的小工具区域' ),
        'before_widget' => '<div class="reset-ul right-widget uni-bg uni-shadow flex-center %2$s">',
        'after_widget'  => '</div>',
        'before_title'  => '<h3 class="right-widget-title">',
        'after_title'   => '</h3>',
    ] );
}

解释：

1. name: 这是边栏的名称，可以在 WordPress 后台显示。

2. id: 每个边栏需要一个独特的 ID 来进行区分，第二个边栏这里命名为 right-widget-area。

3. description: 对边栏的描述。

4. before_widget / after_widget: 控制小工具的 HTML 包装结构。可以根据设计需求修改。

5. before_title / after_title: 定义小工具标题的 HTML 包装。

二、显示第二个边栏

在需要显示右侧边栏的模板文件中，添加以下代码：


<?php if ( is_active_sidebar( 'right-widget-area' ) ) : ?>
    <aside id="right-sidebar" class="widget-area">
        <?php dynamic_sidebar( 'right-widget-area' ); ?>
    </aside>
<?php endif; ?>

解释

1. register_sidebar: 用来注册一个新的边栏区域，right-widget-area 是新注册的右侧边栏。

2. is_active_sidebar: 这个函数用来检查边栏是否已被激活并包含小工具，如果激活就会显示。

3. dynamic_sidebar: 显示指定的边栏内容。

这样，主题就有了一个新的右侧边栏，并可以在 WordPress 后台的外观 > 小工具中为该边栏添加小工具。

沉沦博客

WordPress 注册第二个边栏