創造JetEngine自訂文章類型,把網站變成多元內容的網站。

創造JetEngine自訂文章類型,把網站變成多元內容的網站。

Share on facebook
Facebook
Share on twitter
Twitter
Share on whatsapp
WhatsApp
Share on telegram
Telegram
Share on email
Email

文章目錄

傳統上,WordPress 只提供一個“文章(Posts)”的選項,意味著你只能發佈一種文章類型。若你想創造更多的文章類別,這時候你就需要學習創造JetEngine自訂文章類型。配合Elementor Pro的Theme Builder,可讓不同類別的文章,打扮成不同結構的顯示效果。

創造JetEngine自訂文章類型

首先,在WordPress控制面板找到 JetEngine,選取 “Post Types”。

點擊 “Add New” 創造你的自訂文章類別。

來到設定頁面,這時的你就是 “上帝模式”!只需幾個設置,你便擁有一個專屬的文章!現在我以 “WordPress 教學” 為題,示範如何建立專屬文章。

設定頁面總共分為5個大類,包括:

  1. 基本設定 (General Settings);
  2. 標籤 (Labels);
  3. 進階設定 (Advanced Settings);
  4. 客製化欄目 (Meta Fields);
  5. 管理員欄目 (Admin Columns)。

接下來的步驟我將簡介以上大類的基本功能和設置。

基本設定 (General Settings)

這裡包含的主要設定有:

  • Post Type Name – 為你的文章類型取個名字吧!
  • Post Type Slug – 創建縮略名,它便會顯示在文章鏈接處。留意的是,JetEngine 的縮略名不支援中文,用家只能以英文、數字、 “-” 或 “_” 建立。

標籤 (Labels)

標籤分頁可讓你客製化你想命名的欄目,這在多人協作的網站尤其重要。

舉例說,默認新增的標籤名稱為 “Add New” ,你可改名為 “我要寫新的 WordPress 教學文章!”,讓自己更易理解超鏈接的目的,提高工作效率。當然這地方不必浪費太多時間,就我而言,我全留空白,讓它用默認方式填寫,因為效果其實也不太差,IQ 70以上的朋友已能輕鬆駕馭!

進階設置 (Advanced Settings)

很多人都很害怕這步驟。其實這裡不必調教,使用默認的設置已經足夠初學者使用。較為重要的是:

  • Has Archive: 取決於你是否使用文章歸檔
  • Hierarchical: 取決於你的文章是否需要分層。各位不必糾結這個位置,關於分層,其實使用 “文章分類 Taxonomy” 已能解決問題。因此這裡從簡,默認關閉。
  • Menu Position: 表示你的文章在管理面板的排名。數字越細,排名越高。
  • Menu Icon: 留意管理面板的每個項目,左邊均有圖示一個,方便辨認(見下圖)
  • Supports: 這裡相當重要,選取後便會在文章顯示相應的模組。例如選取 “Title” 後,文章便會出現 “Title” 的區塊模組。模組共有11個,用家可因應需要添加,日後亦可隨時修改。以下是我常用的設置:
    • Title: 標題
    • Editor: 寫文章的文字輸入區
    • Comments: 留言區(這裡我會用Facebook的留言外掛取代,讓客人更直接的用社交賬號作交流。因此本項目我不選擇)
    • Revisions: 版本
    • Author: 作者
    • Excerpt: 摘錄
    • Page Attributes: 文章排序
    • Thumbnail: 文章的代表圖片

客製化欄目 (Meta Fields)

客製化欄目,可為文章添加更多附加欄目。若有需要的話,可在此處按下“New Meta Field”新增欄目。

較為重要的欄目為:

  • Label: 欄目的標識名稱,即我們看到的名稱
  • Name/ID: 欄目的名稱(這在往後建立邏輯關係時相當重要。一般添加 “Label” 後,本欄目將自動生成預設名稱)。同樣地,這處只接受拉丁字母。
    *例如我需要為文章添加一欄名為 “文章過期日” 提醒自己到時候需要刪除文章:
  • Field Type: 這是欄目的類別。預設包括了文字編輯器、日期選擇器、圖冊等不同類型的欄目類別。比方說 “文章過期日” 是日期屬性,於是我選取 “date”。詳盡的解說,可前往官方網址深入了解。
  • Description: 為欄目添加描述,讓用家了解欄目的用處,例如:
  • Field Width: 調整欄目的寬度,讓排版更緊湊美觀。例子中我選擇了25%。
  • Is Required: 是否必填。

完成設定後,你可繼續添加其它自動欄目,或是點擊右上角的 “Add Post Type” 作儲存及發佈。這裡建議各位,當大家在基本設定為文章類型命名後,可馬上點擊 “Add Post Type”,並且一邊做一邊點擊相同位置的按鈕 “Update Post Type” 儲存,免得有什麼意外發生,剛才的努力全白費了~

最終效果 (不知道在哪裡的朋友們不必擔心,完成教學後你便會懂得如何找到這個地方~):

完成“自訂文章類型”

完成以上設置後,你已可在左邊的管理面板,找到自己建立的文章類別。(圖中多了的 Tag 和 Type,各位不必恐慌,這在往後的關於 Taxonomy 教學文章再教大家如何添加~)

現在你已可以新增文章,並在裡面找到了自己剛才所有設置出來的東西了!

Crocoblock JetEngine 教學

管理員欄目 (Admin Columns)

建立好自訂文章類型後,我們優化一下 UI界面!介紹的功能是管理員欄目。原生的文章管理界面欄目,只會顯示固定的資訊,如下圖所示:

若你添加了自訂欄目而打算顯示在此?沒問題,”Admin Columns” 幫到你!讓我們先返回 “Post Types” 並進入我們剛才建立的文章類型,點擊 “Admin Columns”。

我們看看有什麼設定:

  • Title: 設置在管理界面顯示的名稱
  • Type: 顯示類型,以本教學中,建立 “Meta Fields” 所使用的 “文章過期日” 為例,我們選擇 “Meta Field”
  • Field Name: 記得在設置 “Meta Fields” 時,自訂欄目有一條 “Name/ID”嗎?找到那裡的數值,複製貼上便可連接數據了
  • Column Order: 欄目的順序,越靠左的話,數值越小,優先次序越高
  • Prefix: 為你的欄目添加前綴。舉例說,若文章到期日為 “2020-06-01″,若添加前綴 “到期: “,則顯示為 “到期:2020-06-01”
  • Suffix: 後綴
  • Is Sortable: 該欄目是否能排序。

完成設定後,打開文章類型的界面,Boom!欄目出現了!

總結

完成本教學後,大家應該懂得利用 Crocoblock JetEngine 創建文章類型的基本操作。日後我會陸續發佈以上五大類的進階設置文章,大家請多多關注!如在建立過程中遇到問題,或是成功後打算分享喜悅,都歡迎你在此留言!能力所及的,盡量為你解答。

作為 Crocoblock 的第一篇教學文,小弟在此溫馨提示大家,C家的東西尤其是 JetEngine,剛上手的時候,操作是相當痛苦的!但當不斷的失敗、嘗試後,慢慢你便會熟悉它的邏輯,因此建議各位多加練習,不要一開始便放棄,因為挨過痛苦的學習期後,你肯定會為自己的成果感到驕傲!(其實就是不想嚇怕大家後,大家不再光臨本站罷了哈哈~)

Oblivions 站長 | Lau B
各位網友大家好,我是 Lau B!業餘網站設計愛好者,從2016年接觸 WordPress 及 Avada 主題,到現在移情別戀深愛 Elementor,我希望在這裡分享一些華語地區相對缺乏的 Elementor 及其第三方外掛的使用教學予各位有志建站的新手老手。
Share on facebook
Facebook
Share on twitter
Twitter
Share on whatsapp
WhatsApp
Share on telegram
Telegram
Share on email
Email

歡迎留言

相關教學

WordPress 建站

託管主機

SiteGround

超值、優質,而且最近S家把整個服務搬進了 Google Cloud Platform,整體性能更變態、反應速度更高了。

SiteGround

新手最佳入門網頁寄存主機

查看最新優惠

WordPress 主題

Elementor Pro

我曾經購買過5款知名,在今天,包括這個網站在內的4個經營網站,我全把網站們都轉為了Elementor Pro + Hello Theme。別糾纏在那些“全能”的主題了,

Elementor Pro

它不便宜,卻是新手最值得投資的頁面編輯器。而且它包含了很多示範模板,極速美化你的網站!

查看更多

必備插件

Crocoblock 插件

作為Elementor Pro的最佳功能補充插件,Crocoblock提供價廉物美的插件包,進一步完善你的網頁功能。

Crocoblock 插件

通過本網頁的教學,新手輕鬆掌握Crocoblock插件的各種功能!

馬上購買

重要告示

感謝大家的光臨!為了讓各位擁有更好的瀏覽體驗,我正重新設計網站,並將本教學網站搬到全新的域名和寄存。開發完成後,我便會把相關資料在此告知大家。閣下亦可在以下表格留下你的電郵,當有最新消息便第一時間告訴你!