一、側邊欄列出 RSS 訂閱方式 :

跟隨潮流與為了網站訂閱功能的可攜性,所以也申請了 "Google FeedBurner",讓自己的網站有一個唯一 (unique)的訂閱網址。

透過 FeedBurner 訂閱的方式有兩種: 以 Email 訂閱,或直接以 RSS 閱讀器訂閱。

另外我仍提供了 wordpress 預設的 RSS 訂閱方式。兩者的差別好像 (我也不清楚)是後者在遇到 {閱讀全文} 的標籤前,都可以列出本文的內容,而不像 feedburner 需事先設定本文的長度。

我的 RSS 訂閱網址為:
 o FeedBurner: http://feeds.feedburner.com/kenming
 o WordPress: http://www.kenming.idv.tw/feed

實現的效果參考下圖:
Sidebar RSS 訂閱提供

二、側邊欄實現 Tab 標籤內容切換:

參考這一篇:利用jQuery實現側邊欄Tab切換效果

我在 Tab 標籤實現了三個主要的效果: 本頁文章, 熱門文章, 隨機文章。

  1. 本頁文章:列出目前頁面上所有文章標題的列表。
    <ul>
    <?php
      $limit = get_option('posts_per_page');
      $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
      $args=array('posts_per_page'=>$limit, 'paged'=>$paged);
      query_posts($args);
      if (have_posts()) :
        while (have_posts()) : the_post();?>
        <li><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to 
        <?php the_title(); ?>"><?php the_title(); ?></a>&nbsp;
        <?php comments_number('', '(1)', '(%)'); ?><br /></li>
      <?php endwhile;endif; ?>
    </ul>
  2. 熱門文章:列出網誌上最多人閱讀的文章標題列表。

    <?php get_most_viewed('', 10, 0 , true , true); ?>

    ** 這只是調用 "WP-PostViews Plus" plugin 的內建函式功能,所以需要先安裝此外掛。 **

  3. 隨機文章:從所有文章隨機列出前 N 篇的標題列表。
    <ul class="hide">
    <?php
      $args = array('showposts'=>10, 'orderby'=>'rand');
      $customQuery = new WP_Query($args);
      if($customQuery->have_posts()){
      	while ($customQuery->have_posts()){
      	$customQuery->the_post(); ?>
      	<li><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to
    	<?php the_title(); ?>"><?php the_title(); ?></a>&nbsp;
    	<?php comments_number('', '(1)', '(%)'); ?><br /><li>
      <?php }	} ?>
    </ul>

實現後的 TAB 標籤切換效果如下圖:
Sidebar 實現 TAB 標籤切換功能

三、側邊欄實現隨機廣告 AD:

我希望每次載入網頁時,都能在所設定的 "Blog AD" 區塊 (block)內隨機載入廣告的鏈結 (或圖片)。

查看許多人的做法是利用 Javascript 先一次載入所有的圖片再定時隨機切換。我比較不喜歡這樣的作法,因為若是要切換的圖片很多,一次載入就會花許多的時間下載圖片。

後來找到已有 "Datafeedr Random Ads V2" 這個 plugin,可以先在後台先設定好要展示的文字或圖片,然後會隨著每一次網頁的呼叫更新而隨機載入不同的內容。

設定非常簡單,參考該 plugin 的說明即可。除了它內建一個 wordpress widget,在後台拉到側邊欄即可以使用外,也可以針對每一個它所設定的 "群組 (Groups)",一一載入至自行所客製化的區塊內容內。

<ul>
<li id="ad_opus">
<?php if (function_exists('dfrads')) { echo dfrads('5624768'); } ?>
</li></ul>

"Blog AD" Widget 目前所呈現的效果如下圖:
Sidebar Blog AD 隨機載入廣告圖片

四、單一文章內的迴響 (comment)區塊,以 Tab 標籤區隔 "引用" 與 "迴響":

參考這一篇: inove js改版之 ctrl enter提交,switchtab函數重寫

作者改以 jQuery (wordpress 內建) 實現 Tab 標籤切換功能,實作程式碼簡潔效果也佳。

實作後所呈現的效果如下圖:
以 Tab 標籤區隔 引用 與 迴響