这个主题页面左侧已经有了一个边栏小工具功能。主题右侧只有热力图和话题两项内容,目前空出了很多位置,想着再加点什么东西。目前并不知道要放些什么内容合适,等以后有了好的想法再说吧。还是先把页面右边加上边栏小工具功能,以备不时之需吧。具体方法记录如下:
一、注册第二个边栏
一般为 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 后台的 外观 > 小工具 中为该边栏添加小工具。