当前位置:首页>Wordpress教程>WordPress新增小工具区域开发教程

WordPress新增小工具区域开发教程

WordPress小工具非常强大,有许多的主题都有丰富的小工具和小工具区域,用户可以在小工具区域中自由拖拽小工具,自定义控制 ...

WordPress小工具非常强大,有许多的主题都有丰富的小工具和小工具区域,用户可以在小工具区域中自由拖拽小工具,自定义控制显示内容,比如设置不同页面的侧边栏,不同页面的页脚。今天就为大家分享一下WordPress新增小工具区域开发教程

WordPress新增小工具区域开发教程

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

注册小工具区域

你可以注册多个小工具区域,复制如下代码到主题的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对应。

文章链接:https://www.7zt.cn/2762.html
文章标题:WordPress新增小工具区域开发教程
文章版权:柒主题 所发布的内容,部分为原创文章,转载请注明来源,网络转载文章如有侵权请联系我们!
本文最后更新发布于2022年11月20日 12时50分45秒,某些文章具有时效性,若有错误或已失效,请在下方留言或联系:21660010@qq.com
声明 本站上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。无意侵害您的权益,请发送邮件至 柒主题 或点击右侧 私信:站长 反馈,我们将尽快处理。

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