即將踏進新的九月份，這讓我想起使用主題IST已經歷時三個月，也是該到了更換主題的時候。

剛好，最近被一個微軟ZUNE廣告的色彩配置引起了一些靈感。費時數天後，終於製成了這個WordPress3.0的主題。主題使用粉紅和白色作為主要色調，主題內某些圖示也是參照了ZUNE來製作的。

先展示一下主題的各個部份。

首頁

博客
博客頁面為了要使頁面顯得簡潔，所以便把每頁非第一篇的文章隱藏掉，只剩下預覽圖。

分享功能
這次的主題不再使用IST主題的內嵌式分享列表，而是新增一個固定在螢幕下端的導航列。導航列在不使用的時候，可以按縮小按鈕往下縮。

搜索
這次沒有再使用WordPress預設的搜索功能，而改用了Google的Custom Search Engine。相信一方面能增加搜索的精準度，另一方面也能減少伺服器的使用效率和負荷。而輸入文字，按鈕才顯示出來的功能純粹是視覺效果來的。

翻譯
另外，這次也加入了Google AJAX Language API，使用AJAX不刷新網頁來翻譯。在選擇了某一語言後會新建Cookie，這樣在刷新網頁後，也會根據上次按下的語言來自動翻譯(只適用於IE8瀏覽器，FF和Chrome等新版本瀏覽器)。

如對發現了任何BUG或有任何的意見，都歡迎使用聯絡表單與我聯繫。

主題名稱 Theme Name﹕LuKoo (1.2.4)
主題作者 Theme Author﹕WSQ
主題地址 Theme Link: LuKoo
版本需求 Required Version﹕WordPress 3.0
主題標籤 Theme Tags﹕green, light, two-columns, fixed-width, custom-colors, custom-background, custom-menu, theme-options, threaded-comments, translation-ready

主題特色 Theme Features ﹕

首頁 Index Page

自定義背景 Custom Background

單頁 Page

留言頁 Comment Page

管理後台 Admin Panel

登入頁 Login Page

主題支援 Theme Support ﹕

• 自定義主題管理頁
  Custom Theme Option Page
• 自定義導航列
  Custom Navigation Menus
• 自定義主題背景
  Custom Theme Background
• 文章縮圖
  Post Thumbnail
• 內建分頁系統
  Built-in Page Navigation system
• 翻譯完成(支援中文和英文)
  Translation-ready (Support English and Chinese)

瀏覽器相容性 Browser Compatibility﹕

支援 IE7或以上，FireFox3或以上，Opera10，Google Chrome
Support IE7 or Higher, FireFox3 or Higher, Opera10, Google Chrome

主題更新 Theme Update﹕

#2010/12/1
版本號 1.2.4
新增 – 德文翻譯 (Thanks to Benjamin Mayer)

#2010/9/13
版本號 1.2.3
新增 – 節錄字數限制
修正 – CSS 權限排序的問題
修正 – 留言回覆通知功能不支援PHP4問題

#2010/9/6
版本號 1.2.1
新增 – Ajax 留言功能
新增 – 留言回覆通知功能
新增 – 顯示標題和描述選項
新增 – 留言框樣式選項
新增 – 邊欄連結顏色選項
修正 – 頁首分頁導航列

更多歷史紀錄 : ChangeLog ( EN / CN )
如有錯誤回報或提問問題，請到這裡使用表單寄信給我。

主題語言 Theme Language﹕

zh_TW 繁體中文
zh_CN 簡體中文
de_DE 德文 (Thanks to Benjamin Mayer)

主題預覽 Theme Preview﹕

DEMO LuKoo

主題下載 Theme Download﹕

WordPress Official Site | Google Code

主題更新訂閱來源 : RSS Upadte Feed
更新檔案列表 : Download Version List

主題名稱 Theme Name﹕LuKoo
主題作者 Theme Author﹕WSQ
版本需求 Required Version﹕WordPress 3.0 (Part of the function will be disabled in version 2.x)
主題標籤 Theme Tags﹕Grey, Green, fixed-width, one-column, two-columns, right-sidebar

主題特色 Theme Features ﹕

首頁 Index Page

單頁 Page

文章頁 Single Page

主題支援 Theme Support ﹕

• 自定義主題管理頁
  Custom Theme Option Page
• 自定義主題背景
  Custom Theme Background
• 文章縮圖
  Post Thumbnail
• 內建分頁系統
  Built-in Page Navigation system

主題LuKoo正在進程中，完成後將會立即發佈。
The theme LuKoo is in progress, it will be released immediately after completion.
已發佈

等待已久的WordPress 3.0版本，終於在萬眾期待的時刻釋出了。這次的WordPress第三個重大更新被官方正式命名為Thelonious，在更新釋出的同時間，也帶來了嶄新的默認主題 Twenty Ten。

WordPress 3.0的更新，主旨在於令主題設計者可以更方便的設計和建立他們的主題，新的應用程式界面引入了眾多新的功能，包括：自定義主題背景，網頁頭部，短網址，文章分類，還有導航列。

最後，當然不能缺少了被傳得熱烘烘的WordPress 和 Multi-User版本的結合，實在令網站管理員省下了不少心思。

官網地址: http://wordpress.org/
下載地址: http://wordpress.org/download/

主題名稱 Theme Name﹕IST
主題作者 Theme Author﹕WSQ
主題版本 Theme Version﹕V 1.0.1
最近更新 Last Update﹕2010-6-12
版本需求 Required Version﹕WordPress 2.7 or Higher
主題標籤 Theme Tags﹕grey, blue, fixed-width, two-columns

主題特色 Theme Features ﹕

主頁 Index Page

下載頁 Download Page

關於頁 About Page

博客 Blog

瀏覽器相容性 Browser Compatibility﹕

支援 IE7或以上，FireFox3或以上，Opera10，Google Chrome
Support IE7 or Higher, FireFox3 or Higher, Opera10, Google Chrome

主題更新 Theme Update﹕

#12/6/10
主題上線

此主題只供私人使用，並不會發佈。
The template is only for private use, and will not be released.

如有錯誤回報，請使用表單寄信給我。
If there are any bugs, please use the use the contact form to inform me.

WordPress官方大約在兩個月前便推出了一款令WordPress支援PubSubHubbub (PuSH) 的插件，這款插件會從/?pushpress=hub把你的Feed傳送到PuSH，再通過WordPress內置的wp_schedule_single_event函數，使用PING命令排程發送到第三方的中繼站，加快收錄速度，從而實現即時收錄。附帶一提，收錄速度是根據網站所在主機的負荷量和傳送量所決定的。

外掛名稱: PuSHPress
外掛版本: 0.1.6
相容性: 相容至2.9.2版本
使用方法: 在外掛頁開啟外掛插件便可以了，無需設定任何選項。
連結地址: 點擊這裡

參考資料:
Joseph Scott – PuSHPress
Google Code – PubSubHubbub

主題名稱 Theme Name﹕Inspire Dark
主題作者 Theme Author﹕WSQ
主題版本 Theme Version﹕V 1.1
最近更新 Last Update﹕2010-4-7
版本需求 Required Version﹕WordPress 2.7 or Higher (Compatible up to 2.9.2)
主題標籤 Theme Tags﹕yellow, dark, fixed-width, three-columns, right-sidebar

主題特色 Theme Features ﹕

• 支援文章縮圖
  Support Post Thumbnail
• 支援文章縮放功能
  Support Post Hide function
• 內建分頁系統
  Built-in Page Navigation system
• 支援WP-PageNavi插件
  Support WP-PageNavi Plugin

瀏覽器相容性 Browser Compatibility﹕

支援 IE6或以上，FireFox3或以上，Opera10，Google Chrome
Support IE6 or Higher, FireFox3 or Higher, Opera10, Google Chrome

主題更新 Theme Update﹕

#7/4/10
修正了數個小Bug
加上了主題版權注釋

錯誤回報，請到這裡使用表單寄信給我。

主題預覽 Theme Preview﹕

DEMO Inspire Dark

主題下載 Theme Download﹕

SkyDrive
Box.net

在使用WordPress的初期，不知道大家有沒有曾為沒有分頁功能而煩惱呢。對於這個很普遍的基本功能WordPress竟然沒有，這著實讓我愕然了一會，甚至還一度被迫使用他原來預設的陽春內置跳頁系統。

這樣子，不單對用戶做成不好的體驗，簡單來說就是對用戶不友善。更會影響搜尋器搜尋你網站的幅蓋率，因你頁面中並不是完全直接顯示網站內所有的頁面，而是分成了數頁分別輸出。這樣如果使用「上一頁」和「下一頁」的表示方式，便會造成了首頁缺乏對所有分頁的直接連結，從而影響了搜尋結果。

要解決這個問題，很簡單，使用WordPress總類繁多的外置分頁插件，如：WP-Pagenavi，PageBar等等。

不過這卻造成了另一個問題——加重了對伺服器CPU的負擔，現在很多的虛擬主機都會對用戶的CPU使用率有所限制，詳情不在此細說。人在屋簷下，所以我們要盡量解決CPU使用量問題，自行使用代碼，直接編輯主題，而捨棄插件的使用。

這是的行動可以實現的原因，其實是因為官方提供了paginate_links()函數，使得我們能夠直接取得分頁頁數。

現在我來說一說自行在主題建立分頁的過程，首先是在自己的主題建立一個navigation.php，並裡面輸入以下代碼

<?php
global $wp_rewrite;
$paginate_base = get_pagenum_link(1);
if (strpos($paginate_base, '?') || ! $wp_rewrite->using_permalinks()) {
$paginate_format = '';
$paginate_base = add_query_arg('paged', '%#%');
} else {
$paginate_format = (substr($paginate_base, -1 ,1) == '/' ? '' : '/') .
user_trailingslashit('page/%#%/', 'paged');;
$paginate_base .= '%_%';
}
echo '<div>'. "\n";
echo paginate_links( array(
'base' => $paginate_base,
'format' => $paginate_format,
'total' => $wp_query->max_num_pages,
'mid_size' => 10,
'current' => ($paged ? $paged : 1),
'type' => 'list',
'prev_text' => __('&laquo; Previous', 'default'),
'next_text' => __('Next &raquo;', 'default'),
));
echo "\n</div>\n";
?>

其中的換成你需要的分頁數目

'mid_size' => 10,

另外以下代碼，

echo '<div>'. "\n";
...
echo "\n</div>\n";

可以換成你需要的代碼，並加上class。同樣道理，當然你也可以按照規律加上適用的代碼。

echo '<div class="navi">'. "\n";
...
echo "\n</div>\n";

navigation.php建立成功後，可以在index.php中找到

<div class="navigation">
...
</div>

預設的WordPress分頁應該是長這樣

<div class="alignleft">
<?php next_posts_link('&laquo; Older Entries') ?>
</div>
<div class="alignright">
<?php previous_posts_link('Newer Entries &raquo;') ?>
</div>

我們以這段判斷代碼替換以上的代碼，來確認用戶是否有使用page-navi插件，如沒有則使用navigation.php。

<?php if (function_exists('wp_pagenavi')) { wp_pagenavi(); } else { include('navigation.php'); } ?>

最後加上在style.css加上樣式表，來設定你分頁的樣式就好了。

.navigation {
	display: block;
	padding:30px 20px 20px 20px;
	clear:both;
	width:100%;
}
.navigation a {
	color:#777;
}
.navigation ul {
	list-style:none;
}
.navigation ul li {
	float:left;
	margin: 0 3px 0 3px;
}
.navigation ul li a {
	background: #fff url(images/pagenavi_btn.gif) no-repeat 0 0;
	width:27px;
	height:22px;
	color: #777;
	padding:5px 0 0 0;
	text-align:center;
	display:block;
}
.navigation ul li a:hover {
	background: #fff url(images/pagenavi_btn.gif) no-repeat 0 100%;
}
.navigation ul li span.current {
	background: #777 url(images/pagenavi_btn_current.gif) no-repeat;
	width:27px;
	height:22px;
	color: #fff;
	padding:5px 0 0 0;
	text-align:center;
	display:block;
}

教學参考自這裡

主題名稱 Theme Name﹕WSQ Light (Spot Light)
主題作者 Theme Author﹕WSQ
主題版本 Theme Version﹕V 1.3
最近更新 Last Update﹕2010-4-3
版本需求 Required Version﹕WordPress 2.7 or Higher (Compatible up to 2.9.2)
主題標籤 Theme Tags﹕pink, blue, fixed-width, two-columns, right-sidebar, custom-colors, theme-options, translation-ready

主題特色 Theme Features ﹕

• 支援後台主題設置
  Support Theme option page
• 兩種主題色彩配置，粉紅，粉藍
  Two theme colour scheme, pink and lightblue
• 支援文章縮圖
  Support Post Thumbnail
• 支援WordPress內建Widget模組
  Support WordPress Widget module
• 內建分頁系統
  Built-in Page Navigation system
• 支援WP-PageNavi插件
  Support WP-PageNavi Plugin

瀏覽器相容性 Browser Compatibility﹕

支援 IE6或以上，FireFox3或以上，Opera10，Google Chrome
Support IE6 or Higher, FireFox3 or Higher, Opera10, Google Chrome

主題更新 Theme Update﹕

#14/3/2010
修正在IE6下，Scroll Bar超出邊界問題

#22/3/2010
新增內建分頁功能
修改迴響分頁問題
修正已知IE的BUG

#3/4/2010
修正head標籤重複問題
修正一些小錯誤

錯誤回報，請到這裡使用表單寄信給我。

主題預覽 Theme Preview﹕

DEMO Spot Light

主題下載 Theme Download﹕

SkyDrive
Box.net

今天終於能夠抽空把遷移到WordPress的夢想實現了，所以「WSQ Light」便誕生了，而我也換主題了。
這是我第二個動手寫的WordPress主題，主題偏向亮色，分別以紅色配灰色，或藍色配灰色來配置。

JQuery切換色彩

這次主題最大特點就是能夠切換主題色彩，在點擊主題右上角的「Theme」按鈕後，瀏覽者便能夠看到使用了JQuery的下拉選單，點擊主題色彩從而達到切換主題色彩配置。

後台管理

在WordPress飛快的更新和新建內置核心功能後，現在大部份的WordPress主題也支援後台主題設置，所以為了順應時勢，也不至於落後於他人，便只好為自己的主題加上這項功能。

釋出時間

主題將會在修正數個小Bug後正式放出，有興趣的朋友可以繼續留意本網誌WSQSITE。