新增WordPress小工具区域

WordPress小工具位于“后台>>>外观>>>小工具”页面。 WordPress小工具非常强大,许多WordPress主题有丰富的小工具和小工具区域,用户可以在小工具区域中自有拖拽小工具,用以自定义控制显示内容,比如设置不同页面的侧边栏,不同页面的页脚等等。 如果你想在你的主题中新增/注册小工具区域,可以按照如下步骤进行。 在function.php文件中注…

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对应。

本博客 [ 秋硕笔记 ] 内带有 原创 标签文章,均为秋硕独立创作。

撰文不易,转载请注明文章来源并保留原文链接:本文转载自 秋硕笔记。

本文链接:https://www.cuikaiyun.cn/new-wordpress-widget-area.html

小工具

原创文章,作者:秋硕笔记,如若转载,请注明出处:https://www.davidwu.net/archives/1363

发表评论

电子邮件地址不会被公开。 必填项已用*标注

联系我们

在线咨询:点击这里给我发消息

邮件:itbound@sina.com

工作时间:周一至周六,9:30-18:30

 

QR code