WordPress新增小工具区域

WordPress新增小工具区域

WordPress小工具非常强大,许多WordPress主题有丰富的小工具和小工具区域,用户可以在小工具区域中自由拖拽小工具,自定义控制显示内容,比如设置不同页面的侧边栏,不同页面的页脚,像爱游用的begin就有很多的小工具。如果你想在你的主题中新增/注册小工具区域...

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

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

注册小工具区域

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

保存之后,前往后台的小工具页面,就能看到对应的小工具区域啦,如下图所示:

注意修改代码中小工具标题(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对应。

版权申明:
版权声明

①:本站文章均为原创,除非另有说明,否则本站内容依据CC BY-NC-SA 4.0许可证进行授权,转载请附上出处链接,谢谢。
②:本站提供的所有资源均为网上搜集,不保证能100%完整,如有涉及或侵害到您的版权请立即通知我们。
③:本站所有下载文件,仅用作学习研究使用,请下载后24小时内删除,支持正版,勿用作商业用途。
④:本站保证所提供资源的完整性,但不含授权许可、帮助文档、XML文件、PSD、后续升级等。
⑤:使用该资源需要用户有一定代码基础知识!由本站提供的资源对您的网站或计算机造成严重后果的本站概不负责。
⑥:本站资源售价只是赞助,收取费用仅维持本站的日常运营所需。
⑦:如果喜欢本站资源,欢迎捐助本站开通会员享受优惠折扣,谢谢支持!
⑧:如果网盘地址失效,请在相应资源页面下留言,我们会尽快修复下载地址。

0

评论0

请先

会员低至49元,开通享海量VIP资源免费下载 自助开通
显示验证码
没有账号?注册  忘记密码?