新增WordPress小工具区域

  • A+
所属分类:wordpress函数

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

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

新增WordPress小工具区域

知更鸟的begin主题具有丰富的小工具和小工具区域

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

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

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

  1. /**
  2.  * 新增WordPress小工具区域
  3.  * https://www.liangshare.com/wordpress-function/8389.html
  4.  */
  5. function liangshare_widgets_init() {
  6.     register_sidebar( array(
  7.         'name' => __( '新增小工具区域A', 'liangshare' ),
  8.         'id' => 'sidebar-1',
  9.         'description' => __( '展示小工具区域A的作用说明', 'liangshare' ),
  10.         'before_widget' => '<aside id="%1$s" class="widget %2$s">',
  11.         'after_widget' => '</aside>',
  12.         'before_title' => '<h3 class="widget-title">',
  13.         'after_title' => '</h3>',
  14.     ) );
  15.     register_sidebar( array(
  16.         'name' =>__( '新增小工具区域B', 'liangshare'),
  17.         'id' => 'sidebar-2',
  18.         'description' => __( '展示小工具区域B的作用说明', 'liangshare' ),
  19.         'before_widget' => '<aside id="%1$s" class="widget %2$s">',
  20.         'after_widget' => '</aside>',
  21.         'before_title' => '<h3 class="widget-title">',
  22.         'after_title' => '</h3>',
  23.     ) );
  24.     }
  25. add_action( 'widgets_init', 'liangshare_widgets_init' );

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

新增WordPress小工具区域

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

模版中调用小工具区域

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

  1. /**
  2.  *模版中调用WordPress小工具区域
  3.  * https://www.liangshare.com/wordpress-function/8389.html
  4.  */
  5. <?php if ( is_active_sidebar( 'sidebar-id' ) ) : ?>
  6.     <div id="div-id" class="div-widget-area">
  7.     <?php dynamic_sidebar( 'sidebar-id' ); ?>
  8.     </div>
  9. <?php endif; ?>

注意sidebar-id与function.php中注册的id对应。

亮享

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: