編寫PHP腳本使WordPress的主題支持Widget側(cè)邊欄

更新時間：2015年12月14日 15:24:36 投稿：goldensun

這篇文章主要介紹了編寫PHP腳本使WordPress的主題支持Widget側(cè)邊欄的方法,這里以一列兩列的側(cè)邊欄為例可以以此類推更多列的寫法,需要的朋友可以參考下

幫網(wǎng)友小改了一下主題. 任務(wù)比較簡單, 只是為一個三欄主題添加對 Widget 的支持而已,就先從這次簡單的案例開始說吧.

20151214152214148.png (600×360)

單側(cè)邊欄

functions.php

<?php
if( function_exists('register_sidebar') ) {
 register_sidebar(array(
 'before_widget' => '<li class="widget">', // widget 的開始標(biāo)簽
 'after_widget' => '</li>', // widget 的結(jié)束標(biāo)簽
 'before_title' => '<h3>', // 標(biāo)題的開始標(biāo)簽
 'after_title' => '</h3>' // 標(biāo)題的結(jié)束標(biāo)簽
 ));
}
?>

sidebar.php

<div id="sidebar">
 <ul class="widgets">
<?php // 如果沒有使用 Widget 才顯示以下內(nèi)容, 否則會顯示 Widget 定義的內(nèi)容
if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) :
?>
 <!-- widget 1 -->
 <li class="widget">
 <h3>標(biāo)題 1</h3>
 <ul>
  <li>條目 1.1</li>
  <li>條目 1.2</li>
  <li>條目 1.3</li>
 </ul>
 </li>
 <!-- widget 2 -->
 <li class="widget">
 <h3>標(biāo)題 2</h3>
 <ul>
  <li>條目 2.1</li>
  <li>條目 2.2</li>
  <li>條目 2.3</li>
 </ul>
 </li>
<?php endif; ?>
 </ul>
</div>

雙側(cè)邊欄

functions.php

<?php
if( function_exists('register_sidebar') ) {
 register_sidebar(array(
 'name' => 'Sidebar_1', // 側(cè)邊欄 1 的名稱
 'before_widget' => '<li class="widget">', // widget 的開始標(biāo)簽
 'after_widget' => '</li>', // widget 的結(jié)束標(biāo)簽
 'before_title' => '<h3>', // 標(biāo)題的開始標(biāo)簽
 'after_title' => '</h3>' // 標(biāo)題的結(jié)束標(biāo)簽
 
 ));
 
 register_sidebar(array(
 'name' => 'Sidebar_2', // 側(cè)邊欄 2 的名稱
 'before_widget' => '<li class="widget">', // widget 的開始標(biāo)簽
 'after_widget' => '</li>', // widget 的結(jié)束標(biāo)簽
 'before_title' => '<h3>', // 標(biāo)題的開始標(biāo)簽
 'after_title' => '</h3>' // 標(biāo)題的結(jié)束標(biāo)簽
 
 ));
}
?>

sidebar.php

<div id="sidebar_1">
 <ul class="widgets">
<?php // 如果沒有在側(cè)邊欄 1 中使用 Widget 才顯示以下內(nèi)容, 否則會顯示 Widget 定義的內(nèi)容
if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar_1') ) :
?>
 <!-- widget 1 -->
 <li class="widget">
 <h3>標(biāo)題 1</h3>
 <ul>
  <li>條目 1.1</li>
  <li>條目 1.2</li>
  <li>條目 1.3</li>
 </ul>
 </li>
<?php endif; ?>
 </ul>
</div>

<div id="sidebar_2">
 <ul class="widgets">
<?php // 如果沒有在側(cè)邊欄 2 中使用 Widget 才顯示以下內(nèi)容, 否則會顯示 Widget 定義的內(nèi)容
if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar_2') ) :
?>
 <!-- widget 2 -->
 <li class="widget">
 <h3>標(biāo)題 2</h3>
 <ul>
  <li>條目 2.1</li>
  <li>條目 2.2</li>
  <li>條目 2.3</li>
 </ul>
 </li>
<?php endif; ?>
 </ul>
</div>

N 側(cè)邊欄
請使用數(shù)學(xué)歸納法進(jìn)行推理XD

您可能感興趣的文章: