新增WordPress小工具区域

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

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

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

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

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

/**
 * 新增WordPress小工具区域
 * https://www.cuikaiyun.cn/new-wordpress-widget-area.html
 */
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小工具区域
 * https://www.cuikaiyun.cn/new-wordpress-widget-area.html
 */
<?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对应。

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
提示下载完但解压或打开不了?
最常见的情况是下载不完整,这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。默认密码www.lovecger.com,下载打不开可能压缩软件版本低请及时更新最新版。 若排除以上这种情况,可在对应资源底部留言,或联络我们QQ:3317,5,2841。
资源为什么收费以及资源收费方式?
本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!本站采用积分制下载,按照1:1充值,会员每日签到获得0.2个积分,分享转载获得奖励积分。
找主题吧(lovecger.com) » 新增WordPress小工具区域

发表评论

提供最优质的资源集合

立即查看 了解详情