wordpress 1.5升級注意事項 - theme篇
wordpress 1.5採用了全新的theme概念來設定版型,因此以往一張 index.php通吃的作法就行不通了,大部份時後甚至連舊版型也無法直接套用到新系統上,因此乾脆趁這次移機順便設計一張新版型,然後照 v1.5的規則玩一遍版型製作。
簡單來說wp的版型是由五大部份組成,由上而下依序是:
-header.php: 網頁最上方的圖案、logo、導覽系統等...
-index.php:主要文章顯示區域, 裏面是一個大loop
-sidebar.php: 旁邊的連結區,例如可放 category, recent post之類的東西
-footer.php: 最下方通常是放版權聲明的地方
-layout.css: 這是全站精華之所在,所有的版型與視覺效果都靠它來設定。
而在 v1.5則是新增了下列版型要處理:
-404.php: 當找不到頁面時顯示的錯誤訊息畫面
-comments.php:顯示與填寫 comments的畫面
-page.php:單一頁面的內容版型
-search.php:搜尋結果版型
-single.php:單一文章的版型
一般情況下都是先將最上面的五大版型搞定,整個blog的視覺樣貌就勾勒出來了,之後有空再處理其它的版型。
對初學者來說,設計wp版型最基本的概念就是:區塊 與 程式碼。
區塊一般長這樣:
-
<div class="minientry">
-
....
-
</div>
程式碼則是長這樣
-
<?php the_permalink(); ?>
-
<?php the_author() ?>
所以只要用先用 div 把版型上的區塊都排出來,然 後再放入適當的程式碼,例如 < ?php the_author() ?>,就可以在這個 div裏面填入作者的名稱。
更簡單一點想,你也大可先用 dreamweaver寫一張空的版型出來,只要命名規則清楚(最好follow wp的規則,例如 header, entry, comment, footer之類的),然後再將php code套進去就可以了。
以這次的製作來說,我是先用 fireworks 把版型做好,等確定滿意後,再依需要的部份將背景、logo、底紋分別輸出成gif,之後就看者這張版型到 dreamweaver寫 css,先用幾個大的 div tag將版型拉出來,再開始設定長寬與顏色,整個過程大約花兩天(反正最近支氣管炎頗嚴重也做不了正事,so....)
另外也趁這次機會來個plugin大進擊,把 wp-plugins站上所有的plugin都看了一遍,撈了大約十幾個回來,例如現在右邊可以看到的 recent-comments就寫的挺不錯,還可以分類。
還有一個 technorati tag也很好玩,我得仔細想想這種tag要怎麼融入blog才有真正的意義。
當然,我也找了
-
class Myblog extends Blog implements WeTheMedia{
-
public function sayHello():Void{
-
trace("漂亮的 actionscript 2 語法顯示器啊");
-
}
-
}
接下去我得找一個強力的流量分析軟體,目前看過 awStats, web trends都不是很滿意,一個太陽春,一個太強大,我希望能找到的是以 php/mysql為主,可直接丟到hosting站上執行的程式,最好功能完整,畫面簡單易懂,有人可推薦嗎?
總之未來幾天只要病還沒好,我就會不斷的沒事找事做東改改西改改, 所以如果一下子連不進來也就別太訝異。


Trackback this post | Subscribe to the comments via RSS Feed