给 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 个帖子)
  • 哎呀,回复话题必需登录。

未找到对应子版块?请直接在 [疑难杂症] 版块中发帖提问。

收藏纪念品


有奖活动

参与论坛社区问答,有机会获赠文派瓦普(Wapuu.com)手办模型。

产品博客


RSS 错误: http://blog.weixiaoduo.com/feed is invalid XML, likely due to invalid characters. XML error: Invalid document end at line 2, column 1

话题信息

商业系统