WordPress新增小工具區(qū)域

admin wordpress評(píng)論435字?jǐn)?shù) 1331閱讀模式
摘要

WordPress小工具非常強(qiáng)大,許多WordPress主題有豐富的小工具和小工具區(qū)域,用戶可以在小工具區(qū)域中自由拖拽小工具,自定義控制顯示內(nèi)容,比如設(shè)置不同頁面的側(cè)邊欄,不同頁面的頁腳。

注冊(cè)小工具區(qū)域
你可以注冊(cè)多個(gè)小工具區(qū)域,復(fù)制如下代碼到主題的function.php中即可:

  1. * 新增WordPress小工具區(qū)域  
  2.  */  
  3. function liangshare_widgets_init() {  
  4.     register_sidebar( array(  
  5.         'name' => __( '新增小工具區(qū)域A', 'liangshare' ),  
  6.         'id' => 'sidebar-1',  
  7.         'description' => __( '展示小工具區(qū)域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' =>__( '新增小工具區(qū)域B', 'liangshare'),  
  15.         'id' => 'sidebar-2',  
  16.         'description' => __( '展示小工具區(qū)域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' );  

注意修改代碼中小工具標(biāo)題(name)、描述(description)及(id)。
保存之后,前往后臺(tái)的小工具頁面,就能看到對(duì)應(yīng)的小工具區(qū)域啦,

調(diào)用小工具區(qū)域
到目前為止,小工具區(qū)域已經(jīng)在后臺(tái)能夠看到,但是并不會(huì)在主題中顯示出來,如果你想在主題中調(diào)用對(duì)應(yīng)的小工具區(qū)域,將如下代碼粘貼到主題文件中對(duì)應(yīng)的位置即可:

  1. /** 
  2.  *模版中調(diào)用WordPress小工具區(qū)域 
  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中注冊(cè)的id對(duì)應(yīng)。

版權(quán)聲明:文章圖片資源來源于網(wǎng)絡(luò),如有侵權(quán),請(qǐng)留言刪除!!!
廣告也精彩
admin
  • 本文由 發(fā)表于 2022年11月3日 13:54:45
  • 轉(zhuǎn)載請(qǐng)務(wù)必保留本文鏈接:http://yudch.cn/8915.html
匿名

發(fā)表評(píng)論

匿名網(wǎng)友 填寫信息

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