整合 WordPress 與 ZenPhoto

因為網友 marlboro 在整合 WordPress 與 ZenPhoto 時遇上困難，所以我就分享我整合 WordPress 與 ZenPhoto 時的一點技巧。這個其實我早前已經想寫，但太懶散又擱置了。不過既然有需求，就公開給大家參考。

簡單一點，用預設的 ZP 主題整合到 WP 作為例子吧，從 ZP 的 “themes” 資料夾中，複制 “default” 的資料夾，命名為 “default_wp” ，從這個裡面開始修改。theme.png、theme.txt、zen.css 這幾個依次分別是 ZP 主題佈景的預覽圖、說明及 CSS。可以修改 theme.txt 中裡面的 “name”，以茲識別。

剩下來的有 3 個檔案：index.php、album.php、image.php，它們依次分別為主頁、相簿、相片的主題佈景檔；從檔案的數量可知 ZP 真的很簡約。

新增一個 header.php，內容如下：

解說一下：

Include WP 所需的檔案，所指是 WP 的路徑，相對 ZP 的安裝路徑。這個範例是假設 ZP 安裝於 WP 下的其中一個資料夾。

由於 ZP 並不是 WP 下的 Page / Post ，WP 會 return 404 HTTP header，一般用家瀏覽器不會察覺，但 Search Engine 就不能 index ，加了這句能令 Search Engine 找到。
剩下來的源碼就是 trick，因為大部份 WP 主題佈景檔的 header.php 都關閉了 <head> ，所以在其後加 ZP 的 CSS 就不太妥當（not XHTML valid），所以要利用 WP 的 hook （那兩行 “add_action()”），把 CSS 及 相關 JavaScript 加於 WP <head> 之中。

就是 WP 的 get_header 吧，收喚 WP 主題的 header.php。

再增一個 footer.php，當然是用作收喚 WP 主題的 footer.php，內容只需一句：

下一個步驟：打開 index.php、album.php、image.php，把 <body> 及以上的源碼取代為：

</body> 及以後的源碼取代為：

這差不多完成了，可以上載一試，應該可以看到頁面已經整合。

餘下的是處理 page title 的問題，因為 WP 沒有預留給放上 ZP 的 title，所以要修改 WP theme 的 header.php：打開 header.php，找出 <?php wp_title();> 並在其後加入以下源碼：

解說：
就是我的相簿這個樣子啦，page title 清楚顯示所瀏覽的相簿或相片名稱。至於其他版面上的修改就適隨尊便啦，大同小異哩！

受 spam 困擾，此文暫時鎖留言。CT

Related Entries:

About this entry

You’re currently reading “整合 WordPress 與 ZenPhoto,” an entry on Clement in a Nutshell

Published:
May 18 2006 / 7:07 pm
Category:
技術交流
Tags:
, ,
Post RSS Comments RSS
Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported