Custom Post Type UI系列之一:自訂文章類型及分類學

WordPress是一套內容管理系統(content management system, CMS),其預設的多種內容類型,並被稱為文章類型(Post type),常見的頁面(Pages)及文章(Posts)都是WordPress預設的文章類型之一。

在實際操作時,我們一般會將定期更新的內容以文章形式發佈。然而,對某些使用者來說,同時有多種文章類型需求,例如:教案、作品集、客戶感言、產品……等,若把所有內容都透過唯一的一個文章來管理是非常不方便的。因此,這個時候就可以透過本文要介紹的Custom Post Type UI自訂新的文章類型來解決這個困擾。此外,更進階的使用則可以結合Elementor pro和Advanced Custom Field來為新的文章類型設計特定樣式。

自訂文章類型的方法

常見的自訂文章類型方法共有以下兩種,兩種方法也各有優缺點。

  1. 透過Custom Post Type UI自訂文章類型(外掛)

    透過外掛自訂文章類型,只要理解每個選項,新手也能輕鬆完成自訂文章類型。然而,有一點需要注意,使用外掛自訂文章類型的話,若刪除外掛,則文章類型也會跟著消失,但相關資料會儲存在MySQL裡。FirstHatch目前便是透過這個方法來建立專案文章類別。本文會介紹Custom Post Type UI的相關使用方法。

  2. 透過register_post_type function自訂文章類型(程式碼)

    需了解PHP的運作及插入程式碼的方式,對於新手來講,難度較高。程式碼可以放在子主題的function.php,或是用外掛Code Snippets插入。

Custom Post Type UI的使用方法

使用方法共包含三個部分:新增文章類型新增分類學前台顯示。本篇會著重於新增文章類型及分類學的介紹。

首先,透過後台側欄的選單進入新增/編輯文章類型(Add/Edit Post Types)的頁面。這個頁面共可分成三個區塊,由上而下分別為基礎設定(Basic setting)、附加標籤(Additional labels)、設定(setting)。

基礎設定的部分,所有內容均為必填欄位,說明如下:

  • Post Type Slug:這個欄位最為重要,會作為新文章類型的文章網址的一部分於前台顯示,只能填寫英文或數字。
  • Plural Label:後台側欄的顯示名稱,中文、英文、數字皆可。
  • Singular Label:與Plural Label相同內容即可。

Custom Post Type UI系列之一:自訂文章類型及分類學 1

附加標籤的部分,如果沒有特殊需求,其實可以直接略過,在此不多加贅述。

Custom Post Type UI系列之一:自訂文章類型及分類學 2

在最下方的設定區塊中,大部分的欄位維持預設值即可,以下僅敘述較為重要的欄位。

  • Has Archive:透過這個欄位決定是否需要文章列表頁。
  • Exclude From Search:如果網站有提供使用者搜尋的功能,夠過這個欄位可以決定是否要將這個文章類型排除於搜尋之外。
  • Hierarchical:透過這個欄位決定這個文章類型是否能有上下階層關係。
  • Supports:透過這個欄位決定這個文章類型的文章編輯頁的控制選項
  • Built-in Taxonomies:透過這個欄位可以選擇這個文章類型要使用的分類學。可以分類(WP Core)、標籤(WP Core)選擇與預設文章類型使用相同的分類及標籤。也可以依照自己的需求,使用自行新增的分類學,使這個新的文章類型與預設文章類型完全分開管理。

Custom Post Type UI系列之一:自訂文章類型及分類學 3

接著,透過後台側欄的選單進入新增/編輯分類學(Add/Edit Taxonomies)的頁面。這個頁面和新增/編輯文章類型的頁面一樣,可以分成基礎設定、附加標籤、設定等三個部分。欄位內容大同小異,僅基礎設定較需要注意,其餘內容則維持預設即可。以下為基礎設定的欄位說明:

  • Taxonomy Slug:作為分類學的網址的一部分,只能填寫英文或數字。
  • Plural Label:後台顯示的名稱,中文、英文、數字皆可。
  • Singular Label:與Plural Label相同內容即可。
  • Attach to Post Type:選擇分類學要依附的文章類型。

Custom Post Type UI系列之一:自訂文章類型及分類學 4

依照以上步驟完成自訂文章類型及分類學的設定後,緊接著就是如何在前台顯示這些自訂內容,FirstHatch在本系列的第二篇Custom Post Type UI系列之二:前台顯示自訂文章類型中,提供了兩種方法作為解決方案。

分享至:

發佈留言