Custom Post Type UI系列之二:前台顯示自訂文章類型

在前一篇文章Custom Post Type UI系列之一:自訂文章類型及分類學中,我們談到如何自訂文章類型及分類學。然而,挑戰才剛剛開始。完成自訂文章類型及分類學後,下一個步驟便是如何在前台顯示Custom Post Type UI的自訂內容。

在前台顯示Custom Post Type UI的自訂內容

在前台顯示Custom Post Type UI自訂內容的方法共有兩個,以下將分別介紹。

  1. 透過延伸外掛Custom Post Type UI Extended

    Custom Post Type UI Extended是Custom Post Type UI官方開發出來的付費外掛,透過在頁面或文章編輯區插入短碼的方式,來顯示自訂的內容。此外,在前台顯示的版型方面,官方共提供8種版型,包括Default layout、Grid、Grid with overlay、Slider、Post cards、Featured plus,Single post、List。遺憾的是,這個方法,FirstHatch並沒有經驗,無法提供太多資訊,僅能就官方提供的資料做介紹。

  2. 透過Elementor編輯器及其延伸外掛

    雖然Elementor編輯器中並沒有提供類似文章列表功能的基礎元素,但其延伸外掛的Elementor pro或一些免費的第三方外掛(e.g. Void Elementor Post Grid Addon for Elementor Page builder)都有提供相應的功能。FirstHatch官網的精選專案頁便是使用Elementor pro中的作品集元素來顯示Custom Post Type UI自訂文章的列表。

分享至:

發佈留言