建立新的 WordPress 分頁樣本 (Template)

如何建立 WordPress 分頁 (Pages) 的文章中, 我們發現 WordPress 已經預設了兩個分頁樣本 (Template) 可供選擇:

  1. 第一個WordPress 分頁樣本 (Default) 的設計主要是和日誌的相同, 有主網誌文章內容和 Sidebar。
  2. 第二個WordPress 分頁樣本 (One column, no sidebar) 的設計只有主網誌文章內容, 但沒有 Sidebar。

但是, 假如 WordPress 預設的兩個樣本都不能滿足你的需要, 莫非要勉強的使用其中的一個?

當然不是啦! WordPress 可以容許博客建立自己新的 WordPress 分頁樣本, 現在讓我簡單的介紹整個程序。

1. 用 FTP 軟件 (例如 WS_FTP) 登入 WordPress 的網頁寄存户口。

2. 瀏覽至使用的 WordPress 佈景主題目錄。因為這網誌是使用 twentyten 佈景主題, 所以瀏覽到 twentyten 佈景主題目錄。

3. 每個 WordPress 佈景主題目錄內都有一個 page.php 檔案, 這便是預設兩個分頁樣本使用的檔案。

4. 要建立新的 WordPress 分頁樣本, 第一步是複製一個新的 page.php 檔案至相同的目錄內, 並修改成你喜愛的檔案名稱, 例如: pageAdminTemplate.php, 如下圖:

5. 用文字編輯軟件 (Text Editor)  開啟 WordPress  的 pageAdminTemplate.php 檔案。當然, 現在 pageAdminTemplate.php 檔案的內容和 page.php 檔案是完全一樣的。

6. 我就是基於 pageAdminTemplate.php 檔案來建立新的 WordPress 分頁樣本 (Template), 我相信這是最快捷和最容易的方法。

7. 接著給新的 WordPress 分頁樣本一個新的名稱, 例如: Admin Page Template。

/**
/* Template Name: Admin Page Template
*/

8. 現在嘗試新增一個 WordPress 分頁, 你會發現新的 WordPress 分頁樣本已經出現在分頁樣本的下拉菜單:

新增的 WordPress 分頁如下:

9. 剛剛新增的 WordPress 分頁的設計和預設的樣板是一樣的。所以, 下一步當然要修改新的 WordPress 分頁樣本的設計, 否則何必建立一個新的 WordPress 分頁樣本。

10. 很多博客都主要是修改 WordPress 分頁的頭部 (Header) 設計。要修改 WordPress 分頁的頭部主要有兩個方法:

  • 第一個方法是在分頁樣本重新寫一個頭部設計,
  • 第二個方法則利用和修改原本的頭部檔案

因為第二個方法比較簡單和容易, 我是使用這方法。

10.  WordPress 載入檔案的方法十分聰明, 使到博客很容易修改成自己喜愛的設計。留意 pageAdminTemplate.php 檔案內的程式碼:

get_header();

這程式碼其實就是要載入 header.php 檔案。

get_header 是 WordPress 的 Custom Function, 可以在 wp-includes/general-template.php 找到它的程式碼是如何工作:

用文字編輯軟件開啟 general-template.php 檔案, 便可查看或研究 get_header Function 檔案的程式碼是如何工作。 其實程式碼都頗佳簡單:

11. 研究了WordPress 的 get_header Function 檔案的程式碼之後, 原來可以用以下方法載入新的頭部檔案:

get_header(‘admin-page’); ?>

哈! 這程式碼可以載入 header-admin-page.php 檔案!

12. 很明顯的, 下一步是複製一個新的 header.php 檔案, 修改檔案名稱成 header-admin-page.php, 並儲存到工作的佈景主題, 如下圖:

[註]:
如果不是使用子佈景主題 (Child Theme), 請把 header-admin-page.php 檔案儲存到工作的佈景主題 (twentyten 或 twentyeleven) 的目錄內。

13. 所以, 我們可以很容易及隨意的修改 header-admin-page.php 檔案來設計新的 WordPress 頭部。

不如在這裡舉一例子修改 header-admin-page.php 檔案。 假設你不想在關於板主、聯絡板主、版權、法律資訊、公司聲明等等 WordPress 分頁的頭部出現 Google Adsense 廣告, 應該如何做呢?

最簡單就是開啟 header-admin-page.php 檔案, 將檔案內的 Google Adsense 廣告碼刪除, 就是這麼簡單!

將 header-admin-page.php 檔案內的 Google Adsense 廣告碼刪除後的結果如下圖所示:

當然啦! 你還可以隨意修改其他設計, 例如: Sidebar。假如你喜愛將所有分貢的鏈結都放在左邊的 Sidebar, 最簡單直接的就是修改 pageAdminTemplate.php 檔案內 Sidebar 的程式碼:

將 pageAdminTemplate.php 檔案內的 Sidebar 程式碼部份修改後的結果如下:

當了解了 WordPress 的程式碼是如何工作, 我們會很容易的建立新的 WordPress 分頁樣本 (Template)。

Leave a Reply

Your email address will not be published. Required fields are marked *