给 WordPress 主题添加全新的自定义小工具的方法

给 WordPress 主题添加全新的自定义小工具的方法

正在查看 1 个帖子:1-1 (共 1 个帖子)
  • 作者
    帖子
  • 小新
    • 文章数量: 354
    @xiaoxin
    楼主

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

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

    /**
     * 给 WordPress 主题添加全新的自定义小工具
     * https://bbs.weixiaoduo.com/topic/23944
     */
    function weixiaoduo_widgets_init() {
        register_sidebar( array(
            'name' => __( ' 全站顶部广告', 'weixiaoduo' ),
            'id' => 'sidebar-1',
            'description' => __( ' 这里可以让全站显示公告', 'weixiaoduo' ),
            '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', 'weixiaoduo_widgets_init' );

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

    注意修改代码中小工具标题 (name) 、描述 (description) 及 (id) 。

    模版中调用小工具区域

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

    /**
     *模版中调用 WordPress 小工具区域
     * https://bbs.weixiaoduo.com/topic/23944
     */
    <?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 对应。

正在查看 1 个帖子:1-1 (共 1 个帖子)
  • 哎呀,回复话题必需登录。

话题信息