WordPress新增小工具区域

admin wordpress评论435字数 1331阅读模式
摘要

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

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

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

注意修改代码中小工具标题(name)、描述(description)及(id)。
保存之后,前往后台的小工具页面,就能看到对应的小工具区域啦,

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

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

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

版权声明:文章图片资源来源于网络,如有侵权,请留言删除!!!
广告也精彩
admin
  • 本文由 发表于 2022年11月3日 13:54:45
  • 转载请务必保留本文链接:https://www.58pxe.com/8915.html
匿名

发表评论

匿名网友 填写信息

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