影片說明


WordPress內建有幾種文章類型:文章、頁面、附件、文章版本(修改歷程)以及選單。(官網說明文件)一般來說,有兩種情況會需要使用到「自訂文章類型」:1. 當原本的文章類型格式或版面不符合需求。2. 希望新增的文章類型能跟原本的文章區別出來,不要出現在原本的文章列表。

認識WordPress預設的文章類型

1. 文章類型的編輯畫面:

我們先了解一下WordPress預設的文章類型的形式。如下圖所示,原本我們在新增一篇文章的時候,會有標題、文章內容、甚至可以有分類、標籤還有特色圖片…等等:

WordPress預設文章類型的編輯畫面

2. 文章類型的頁面:

當這篇文章新增完成,發表之後,文章內頁會是如下圖的呈現方式,雖然外觀會依據不同的主題而有不同的樣式效果,但呈現的元素是我們在新增文章時所填寫的資料:

WordPress預設文章類型的頁面

3. 文章類型的列表:

當我們有了好幾篇文章之後,可能會需要有個頁面把這些文章都列出來,如下圖所示:

WordPress預設自訂類型的文章列表

自訂文章類型範例-商品:

1. 商品自訂文章類型的編輯畫面:

這裡我們用WooCommerce 的新增商品功能來做範例,下圖中,可以看到除了商品名稱與內容敘述是跟預設文章相似之外,還可以輸入價格、庫存:

商品自訂文章類型的編輯畫面

2. 商品自訂文章類型的頁面:

文章新增完成,發表之後,商品頁會是如下圖的呈現方式,其中商品圖片類似於WP預設文章的特色圖片,但多了一個商品圖庫的功能可以提供更多的圖片供人觀看:

商品自訂文章類型的頁面

3. 商品自訂文章類型的列表:

建立好數個商品後,會需要有個頁面把這些商品都列出來,原則上所有在編輯畫面輸入的欄位資料都可以被提取出來,可以依據需求跟版面的編排來決定要用到資料,在下圖中,是選擇了商品圖片、名稱、價格與評價(星星):

商品自訂文章類型的列表

WooCommerce的商品跟WordPress預設的文章相似度還是蠻高的,我們再介紹一個比較特別的自訂文章類型。這是在我的Betheme主題教學裡頭教的OnePage版面所用到的Client(客戶)自訂文章類型。

1. 客戶自訂文章類型的編輯畫面:

這個編輯畫面就跟上面兩個比起來差別就比較大了,他其實只有三個資料:名稱、連結跟特色圖片。但其實名稱只是建立時需要,真正在展示的時候,也沒有用到。

客戶文章類型的編輯畫面

2. 客戶自訂文章類型的頁面:

這個頁面其實不會真的用到,就好像WordPress內建的附件頁面,一般我們也不會用到一樣。這個客戶自訂文章類型真正的用途,還是在列表提取的時候用到。

客戶自訂文章類型的頁面

3. 客戶自訂文章類型的列表:

下圖呈現的,才是這個自訂文章類型主要的用途,就是在首頁展示他們的客戶。(範例頁面)

客戶自訂文章類型的列表

使用自訂文章類型的時機:

從上面三個範例,我們分別瞭解了WordPress預設的文章類型跟自訂文章類型的區別。一般來說,我們會在兩種情況下使用自訂文章類型:

  1. 當原本的文章類型格式或版面不符合需求。
    像是你需要輸入商品價格或是庫存,這就是WordPress預設的文章類型做不到的。
  2. 希望新增的文章類型能跟原本的文章區別出來,不要出現在原本的文章列表。
    有時候我們需要在不同的頁面列出不同的文章。如果你的狀況是可以透過不同的頁面列出不同類別的文章,其實可以用List Category Posts這個外掛,會比較簡單。若利用不同類別區分的方式還不足以滿足你的需求,就真的需要使用自訂文章類型了。

使用外掛來製作自訂文章類型

如果你會寫PHP,或者你可以參考官方的文件說明來製作自訂文章類型。這裡我們會介紹兩個外掛來幫助大家不需要會寫PHP也能做出自訂文章類型。

1. jetpack

jetpack有內建許多功能,其中就有提供自訂文章類型的功能。jetpack提供的自訂文章類型是固定的,他並不提供進階的自訂功能,但如果固定的功能就能滿足你的需求,這應該是個很容易上手的做法。

2.Pods – Custom Content Types and Fields

Pods提供的功能就比較強大,可以完全自訂出自己需要的自訂文章類型,雖然會比jetpack要多一點時間學習,但還不算太難。

快速重點整理:

  1. 文章類型是WordPress架構裡頭很重要的一部份,了解了之後,可以發現許多外掛都使用自訂文章類型來附加各種不同的功能到WordPress裡頭。
  2. 什麼時候需要用到自訂文章類型:
    1. 當原本的文章類型格式或版面不符合需求。
    2. 希望新增的文章類型能跟原本的文章區別出來,不要出現在原本的文章列表。
  3. 如果你的狀況是可以透過不同的頁面列出不同類別的文章,其實可以用List Category Posts這個外掛,會比較簡單。
  4. 可以透過外掛來達到自訂文章類型的功能:jetpack 與 Pods

接下來我們就來學習怎樣使用jetpack跟Pods做出自訂文章類型來使用。

下一堂課