WordPress內建有幾種文章類型:文章、頁面、附件、文章版本(修改歷程)以及選單。(官網說明文件)一般來說,有兩種情況會需要使用到「自訂文章類型」:1. 當原本的文章類型格式或版面不符合需求。2. 希望新增的文章類型能跟原本的文章區別出來,不要出現在原本的文章列表。
認識WordPress預設的文章類型
1. 文章類型的編輯畫面:
我們先了解一下WordPress預設的文章類型的形式。如下圖所示,原本我們在新增一篇文章的時候,會有標題、文章內容、甚至可以有分類、標籤還有特色圖片…等等:
2. 文章類型的頁面:
當這篇文章新增完成,發表之後,文章內頁會是如下圖的呈現方式,雖然外觀會依據不同的主題而有不同的樣式效果,但呈現的元素是我們在新增文章時所填寫的資料:
3. 文章類型的列表:
當我們有了好幾篇文章之後,可能會需要有個頁面把這些文章都列出來,如下圖所示:
自訂文章類型範例-商品:
1. 商品自訂文章類型的編輯畫面:
這裡我們用WooCommerce 的新增商品功能來做範例,下圖中,可以看到除了商品名稱與內容敘述是跟預設文章相似之外,還可以輸入價格、庫存:
2. 商品自訂文章類型的頁面:
文章新增完成,發表之後,商品頁會是如下圖的呈現方式,其中商品圖片類似於WP預設文章的特色圖片,但多了一個商品圖庫的功能可以提供更多的圖片供人觀看:
3. 商品自訂文章類型的列表:
建立好數個商品後,會需要有個頁面把這些商品都列出來,原則上所有在編輯畫面輸入的欄位資料都可以被提取出來,可以依據需求跟版面的編排來決定要用到資料,在下圖中,是選擇了商品圖片、名稱、價格與評價(星星):
WooCommerce的商品跟WordPress預設的文章相似度還是蠻高的,我們再介紹一個比較特別的自訂文章類型。這是在我的Betheme主題教學裡頭教的OnePage版面所用到的Client(客戶)自訂文章類型。
1. 客戶自訂文章類型的編輯畫面:
這個編輯畫面就跟上面兩個比起來差別就比較大了,他其實只有三個資料:名稱、連結跟特色圖片。但其實名稱只是建立時需要,真正在展示的時候,也沒有用到。
2. 客戶自訂文章類型的頁面:
這個頁面其實不會真的用到,就好像WordPress內建的附件頁面,一般我們也不會用到一樣。這個客戶自訂文章類型真正的用途,還是在列表提取的時候用到。
3. 客戶自訂文章類型的列表:
下圖呈現的,才是這個自訂文章類型主要的用途,就是在首頁展示他們的客戶。(範例頁面)
使用自訂文章類型的時機:
從上面三個範例,我們分別瞭解了WordPress預設的文章類型跟自訂文章類型的區別。一般來說,我們會在兩種情況下使用自訂文章類型:
- 當原本的文章類型格式或版面不符合需求。
像是你需要輸入商品價格或是庫存,這就是WordPress預設的文章類型做不到的。 - 希望新增的文章類型能跟原本的文章區別出來,不要出現在原本的文章列表。
有時候我們需要在不同的頁面列出不同的文章。如果你的狀況是可以透過不同的頁面列出不同類別的文章,其實可以用List Category Posts這個外掛,會比較簡單。若利用不同類別區分的方式還不足以滿足你的需求,就真的需要使用自訂文章類型了。
使用外掛來製作自訂文章類型
如果你會寫PHP,或者你可以參考官方的文件說明來製作自訂文章類型。這裡我們會介紹兩個外掛來幫助大家不需要會寫PHP也能做出自訂文章類型。
1. jetpack
jetpack有內建許多功能,其中就有提供自訂文章類型的功能。jetpack提供的自訂文章類型是固定的,他並不提供進階的自訂功能,但如果固定的功能就能滿足你的需求,這應該是個很容易上手的做法。
使用 jetpack外掛的自訂內容類型
2.Pods – Custom Content Types and Fields
Pods提供的功能就比較強大,可以完全自訂出自己需要的自訂文章類型,雖然會比jetpack要多一點時間學習,但還不算太難。
快速重點整理:
- 文章類型是WordPress架構裡頭很重要的一部份,了解了之後,可以發現許多外掛都使用自訂文章類型來附加各種不同的功能到WordPress裡頭。
- 什麼時候需要用到自訂文章類型:
- 當原本的文章類型格式或版面不符合需求。
- 希望新增的文章類型能跟原本的文章區別出來,不要出現在原本的文章列表。
- 如果你的狀況是可以透過不同的頁面列出不同類別的文章,其實可以用List Category Posts這個外掛,會比較簡單。
- 可以透過外掛來達到自訂文章類型的功能:jetpack 與 Pods
影片說明
WordPress自訂文章類型使用教學
- 第 1 單元 WordPress自訂文章類型介紹
- 第 2 單元 使用 jetpack外掛的自訂文章類型
- 第 3 單元 安裝並建立新Pods
- 第 4 單元 Pods頁面資料顯示
- 第 5 單元 Pods列表資料顯示
- 第 6 單元 Pods顯示於原有分類與標籤
- 第 7 單元 Pods 自訂分類
請關注優易教學網的粉絲頁,來獲得最新的教學資訊:
https://www.facebook.com/yogoeasy