WordPress新增小工具区域

释放双眼,带上耳机,听听看~!

WordPress小工具位于“后台>>>外观>>>小工具”页面。

WordPress小工具非常强大,许多WordPress主题有丰富的小工具和小工具区域,用户可以在小工具区域中自有拖拽小工具,用以自定义控制显示内容,比如设置不同页面的侧边栏,不同页面的页脚……比如,知更鸟的begin主题:

WordPress新增小工具区域 网站开发

知更鸟的begin主题具有丰富的小工具和小工具区域

如果你想在你的主题中新增/注册小工具区域,可以按照如下步骤进行。

function.php文件中注册小工具区域

你可以注册多个小工具区域,复制如下代码到主题的function.php中即可:

/**
* 新增WordPress小工具区域
*/
function liangshare_widgets_init() {
register_sidebar( array(
'name' => __( '新增小工具区域A', 'liangshare' ),
'id' => 'sidebar-1',
'description' => __( '展示小工具区域A的作用说明', 'liangshare' ),
'before_widget' => '<aside id="%1$s" class="widget %2$s">',
'after_widget' => '</aside>',
'before_title' => '<h3 class="widget-title">',
'after_title' => '</h3>',
) );
register_sidebar( array(
'name' =>__( '新增小工具区域B', 'liangshare'),
'id' => 'sidebar-2',
'description' => __( '展示小工具区域B的作用说明', 'liangshare' ),
'before_widget' => '<aside id="%1$s" class="widget %2$s">',
'after_widget' => '</aside>',
'before_title' => '<h3 class="widget-title">',
'after_title' => '</h3>',
) );
}
add_action( 'widgets_init', 'liangshare_widgets_init' );

保存之后,前往后台的小工具页面,就能看到对应的小工具区域啦,如下图所示:
WordPress新增小工具区域 网站开发
注意修改代码中小工具标题(name)、描述(description)及(id)。

模版中调用小工具区域

到目前为止,小工具区域已经在后台能够看到,但是并不会在主题中显示出来,如果你想在主题中调用对应的小工具区域,将如下代码粘贴到主题文件中对应的位置即可:

/**
*模版中调用WordPress小工具区域
*/
<?php if ( is_active_sidebar( 'sidebar-id' ) ) : ?>
<div id="div-id" class="div-widget-area">
<?php dynamic_sidebar( 'sidebar-id' ); ?>
</div>
<?php endif; ?>

注意sidebar-id与function.php中注册的id对应。

相关专题

wordpress

WordPress是一款个人博客系统,并逐步演化成一款内容管理系统软件,它是使用PHP语言和MySQL数据库开发的。用户可以在支持 PHP 和 MySQL数据库的服务器上使用自己的博客。 wordpress 推荐模板/插件 虚位以待 马上入驻 虚位以待 马上入驻 虚位以待 马上入驻 推荐服务商 虚位…

人已赞赏
网站开发

7b2柒比贰主题前端兼容bbPress调用简码

2019-3-8 22:22:14

网站开发

谭浩强版C语言程序设计视频教程由曾怡主讲

2019-3-13 22:00:14

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索