海豚的WordPress Theme教程 part2

一直在考慮part2乃至后面的內容應該怎么寫才能真的如我所說的“和搭積木一樣簡單”,于是決定直接拿出實例來寫,也就是說接下來的內容就是KD02這個模版的制作過程。
首先先決定模版的整體樣式,KD02被決定為兩欄模版、固定寬度、居中,所不同的是在內容和頁腳中間我決定增加一個區塊。由此先做一個簡單的html文檔,用色塊把大致的樣子表現出來,內容如下:

繼續閱讀

海豚的WordPress Theme教程 part1

系列教程均轉自海豚微笑的背后

這篇和接下來幾篇可以看作是制作KD02這個模版的一些心得和總結,其中大有可能存在謬誤或錯漏之處,權作參考。不過話說回來,看完后自己弄個可以看看的模版還是沒問題的。
這篇內容很簡單,只是介紹一下需要的工具和WordPress模版的基本結構文件。

工具:

一個有代碼高亮功能的編輯器,Windows推薦Editplus和Crimson Editor,這兩個比較小巧,而且后者是免費的。Linux我就不具體推薦了,估計大家都有自己順手的。
FireFox + WebDeveloper,這個組合我提過很多次了,具體可以看一下鏈接里的介紹。
Internet Explorer,這個誰都有吧,做完了模版還是需要放到這里來看看的,我們不能回避占有量第一的事實,即使它并不標準。

繼續閱讀

以列表框(listbox)方式顯示歸檔

隨著時間的推移,我們寫的post越來越多,很多朋友的的博客側欄都有一串長長的歸檔列表。其實,如果將這些歸檔以列表框的形式顯示,版面就會簡潔多了(參見本博客側欄)。經過查找發現,WordPress本身的函數get_archives就有此功能,文檔中還提供了實現該功能的代碼。現轉載如下,以方便大家查找使用。

1
2
3
4
5
6
7
8
<form id="archiveform" action="">
<select name="archive_chrono" onchange="window.location =
(document.forms.archiveform.archive_chrono[
document.forms.archiveform.archive_chrono.selectedIndex].value);">
<option value=''>選擇月份</option>
<?php wp_get_archives('type=monthly&format=option&show_post_count=true'); ?>
</select>
</form>