📣 歡迎追蹤 粉絲專頁 / Threads - 【每日一問答】進行中。    📣【LINE AI 諮詢】爆滿,感謝大家支持,排程將依登記順序安排,若想了解請 加line好友 聯絡我們喔~    

問與答

Wordpress FAQ - 外掛教學

不管你經營的是購物網站、品牌官網,還是提供專業服務的事業,有一個頁面常常被忽略,卻能有效減少客服壓力、提升使用者信任與轉換率,那就是「常見問題 FAQ 頁面」。

這一頁不只是回應問題,更是網站與顧客溝通的重要橋樑。

本教學將帶你一步一步透過 WordPress,使用實用的 FAQ 外掛,建立一個對訪客友善、對搜尋引擎(SEO)也友善的常見問題區塊,簡單好上手!

文章目錄:

影片教學

一、FAQ 對 SEO 的優點(傳統 Google 搜尋)

二、FAQ 對 AI SEO 的好處(生成式 AI 搜尋)

三. 如何選擇 WordPress 的 FAQ 外掛?

四. 如何使用 Rank mess FAQ 建立網站常見問題區塊

五. 如何使用 Ultimate FAQ 外掛建立網站常見問題區塊

六. 如何使用 WP FAQ 外掛建立網站常見問題區塊

七. Gutenberg 跟 WPBakery 是什麼?有什麼差別?

 

 

 

 

 

WORDPEESS RANK MESS FAQ 外掛教學

 

 

 

 

 


一、FAQ 對 SEO 的優點(傳統 Google 搜尋)

1. 強化結構化內容(Structured Content)

每個 FAQ 是一篇獨立的「文章型內容」,有標題、有段落 → 更容易被 Google 索引。

可以搭配外掛(如 RankMath、AIOSEO)加入 FAQPage 結構化資料(schema markup)。

 

2. 提升長尾關鍵字命中機率

FAQ 常以「問題形式」撰寫,像是:

如何使用宅配退貨?

是否可提供發票?

這些都是長尾搜尋查詢的黃金內容,容易命中使用者的自然語句。

 

3. 增加頁面停留時間

使用者看 FAQ 時會停留更久、點擊更多,有助於提升網站的「互動性」與「相關性分數」。

 

4. 有機會出現在 Google 精選摘要(Featured Snippet)

有結構、有段落的 FAQ 內容,容易被 Google 抓去當「問與答摘要」直接顯示在搜尋最上方。

 

 

 

 

 


二、FAQ 對 AI SEO 的好處(生成式 AI 搜尋)

例如 ChatGPT、Google Gemini、Perplexity、You.com 等 AI 工具引用網站資料的特性來看:

 

1. 內容有明確問題與答案 → 更容易被 AI 擷取

AI 模型特別偏好「Q → A」結構清楚的段落,因為它易於語義理解與回答訓練。

 

2. FAQ 是 AI 在回答時常引用的參考格式

比如使用者問:「How to return a product on this website?」→ AI 搜尋時會優先抓取有「return + FAQ」的網頁。

 

3. 更高機率被引用作為 AI 回答來源

若您網站的 FAQ 頁面結構良好,並搭配結構化資料 + 內部連結,有可能被 AI chatbot 當作知識來源。

 

4. 有助於 Voice Search(語音搜尋)理解

語音搜尋傾向問問題型語句,如「Can I cancel my order?」→ FAQ 是最佳匹配來源。

 

5. FAQ 對 SEO 和 AI SEO 都非常有幫助

方面效益
Google SEO 增加長尾關鍵字、Featured Snippet、結構化資料、提升停留率與索引頻率
AI SEO 提升語意理解、符合 AI 對 Q&A 結構偏好、提高被 AI 回答引用機率

 

 

 

 

 


三. 如何選擇 WordPress 的 FAQ 外掛?

在 WordPress 裡建立 FAQ 區塊,最推薦的外掛是 Rank mess FAQ 、Ultimate FAQWP FAQ,原因很簡單:穩定、好用、相容性高,對 SEO 也友善。

1. Rank mess FAQ 的優點:

  • 自動內建 FAQ 結構化資料(FAQ Schema)
  • 完全免費,無需升級
  • 原生支援 Gutenberg 編輯器
  • 搭配 Rank Math 全套 SEO 工具使用更強大 FAQ
  • Rank Math 提供即時 SEO 評分
  • 維護簡單、效能佳 

 

2. Ultimate FAQ 的優點:

  • 支援手風琴式展開效果,使用者體驗好
  • 可分類整理大量問題,適合內容較多的網站
  • 相容 WordPress 區塊編輯器(Gutenberg),也支援 Shortcode,可嵌入任何頁面
  • 可搭配 SEO 外掛,自動產生 FAQ Schema(結構化資料),提升搜尋引擎排名機會
  • 免費版功能完整,進階功能可依需求升級

 

3. WP FAQ 的優點:

  • 非常輕量,適合只需簡單問答展示的小型 WordPress 網站
  • 完全支援 Shortcode,可輕鬆嵌入 Classic Editor 或 WPBakery 頁面中
  • 操作簡單,零學習曲線,新手也能快速上手

 

4. Ultimate FAQ 、 WP FAQ 、Rank mess FAQ 的比較表

如果你用的是 WordPress,想快速打造一個結構清楚、SEO 友善又好維護的常見問題頁面,Ultimate FAQ 和 SP FAQ 絕對是目前實用又穩定的好選擇。

功能項目Rank Math FAQUltimate FAQWP FAQ
內建 FAQ 結構化資料 ✅ 自動產生 ✅ 需 Pro 版開啟 ❌ 無
支援 FAQ 分類 ❌ 無 ✅ 有 ✅ 有
手風琴效果 ❌ 無 ✅ 有 ⚠️ 僅可自訂 CSS 實作
可搜尋 FAQ ❌ 無 ✅ 有 ❌ 無
支援 Gutenberg 編輯器 ✅ 完整支援 ✅ 支援(含 shortcode) ❌ 無支援
支援 Classic / WPBakery ❌ 不支援 ✅ 支援 ✅ 支援
是否需付費才能完整功能 ❌ 完全免費 ⚠️ 多數功能需升級 Pro ❌ 無 Pro,功能簡單
適用對象 / 推薦用途 專注 SEO、簡易 FAQ 功能完整,進階網站適用 基本 FAQ 顯示使用者

 

 

 

 

 


四. 如何使用 Rank mess FAQ 建立網站常見問題區塊

今天這篇文章要帶你完整了解 WordPress 的 FAQ 外掛,從新增 FAQ、建立 FAQ 主頁、到排序與修改 FAQ,

都會一步一步教你操作,讓你的網站有專業又清楚的常見問題區塊!

 

1.Rank Math FAQ 功能使用方式(以 Gutenberg 編輯器為例)

確認已啟用 FAQ Block

後台進入:Rank Math → Dashboard(儀表板)

確認有啟用模組 "Schema (結構化資料)" 若

尚未啟用,點選 "Activate"(啟用) 。

 

2. 在文章或頁面中插入 FAQ 區塊

開啟一篇文章或頁面(使用 Gutenberg 區塊編輯器)

 

點擊「➕ 新增區塊」,

搜尋 FAQ by Rank Math 插入 FAQ 區塊後,

 

你會看到類似這樣的表單欄位:

Question(問題)

Answer(答案)

上傳圖片

可點選「新增常見問題」

來增加多組 Q&A。

 

 

3. 自動套用 Schema 結構

Rank Math 會在你儲存或發佈後,自動加入 JSON-LD 的 FAQPage schema。

 

4. 測試 FAQ 結構化資料是否成功

前往 Google 工具:Rich Results Testt

貼上該文章網址,測試是否有顯示 FAQPage 結構

 

 

 

 

 

五. 如何使用 Ultimate FAQ 外掛建立網站常見問題區塊 

1.操作介面說明 - Ultimate FAQ

登入 WordPress 後台 → 到左側選單找到「FAQ」。

 

導覽列中文說明: 

a. Dashboard 儀表板

  • 推廣付費版功能:頂部大橫幅+按鈕,引導使用者升級到更強大的付費版本。

  • 支援資源:一鍵直達 YouTube 教學、官方文件與常見問題等技術支援管道。

  • 常見問題摘要:儀表板中即時顯示所有 FAQ 條目數量與檢視統計。

  • 右側邊欄:升級專區:列出付費版特色功能並提供試用/購買連結。

  • 其他外掛推薦:推薦同廠商開發的其他 WordPress 外掛,擴充您的網站功能。



b. All FAQs 所有問題清單

列出所有已建立的 FAQ 條目,可快速編輯、刪除或搜尋。

 

 

c. Add New 新增問題

建立新的 FAQ 項目,輸入問題與答案並設定屬性。

操作介面說明

新增媒體(Add Media)

  • 用途: 上傳並插入圖片、影片、PDF、音訊等多媒體檔案到 FAQ 內容中。

  • 位置: 常見於 WordPress 編輯器上方。

  • 操作方式: 點一下後會開啟媒體庫或上傳視窗,選好檔案後即可插入到內容區塊。

 

Add Form

  • 用途: 插入表單(通常是搭配外掛如 WPForms、Contact Form 7 使用)。

  • 前提: 必須已安裝支援表單的外掛,否則點了沒反應。

  • 使用情境: 若要在 FAQ 中加入「聯絡我們」、「回覆表單」等互動區塊,可以使用這個按鈕快速插入。

 

Add OptinMonster

  • 用途: 插入來自 OptinMonster 的彈出式行銷表單(如電子報訂閱、優惠彈窗等)。

  • 前提: 需要先安裝並連接 OptinMonster 外掛帳號。

  • 常見應用: 用於增加轉換率,蒐集用戶名單、推播活動等。

 

建議:

  • 如果您只需要建立單純的 FAQ,建議只使用「新增媒體」就夠用。

  • 「Add Form」與「Add OptinMonster」屬於進階整合功能,可選擇性使用。

 

右側操作介面說明:

區塊 1:發佈(Publish)
控制文章是否公開、發佈時間、草稿儲存等。

各項功能解釋

  • 可見度:公開(Visibility: Public) 編輯
    設定文章誰能看到:
    • 公開(Public):任何人可見

    • 私人(Private):只有登入者可見

    • 密碼保護(Password Protected):輸入密碼才能查看

  • 狀態:草稿(Status: Draft) 編輯
    顯示文章目前狀態,可點「編輯」修改為:草稿、待審核、已發佈。

  • 立即發佈(Publish immediately)
    編輯:
    可點「編輯」設定未來某個時間自動發佈。

  • 發佈(Publish)按鈕
    點擊此按鈕即可讓文章正式在網站上公開。

區塊 2:FAQ Category(分類)

  • 用來將這篇 FAQ(或文章)歸類,方便前台分組顯示與網站整理。

  • 可以選擇一個或多個分類(例如:「床墊常見問題」)。

  • 點選「+ Add New FAQ Category」可直接新增新分類,無需跳出頁面。

建議用途:

  • 若您的網站 FAQ 較多,建議依主題分類(例如:付款問題、商品問題、配送問題)。

 

區塊 3:FAQ Tags(標籤)

這是 Ultimate FAQ 外掛在編輯單一 FAQ 項目時,側邊顯示的「FAQ 標籤(FAQ Tags)」區塊,用來:

  • 新增標籤:在輸入框鍵入標籤名稱,若要一次加多個,可用逗號分隔,然後按「新增」。

  • 快速套用:點「從最常使用的標籤中選取」可直接挑選曾經用過的標籤。

這些標籤屬於 FAQ 的自訂分類(taxonomy),可幫助你將相同主題的問答群組、便於前端篩選與顯示。

 

 

區塊 4:Excerpt 內容摘要

手動輸入本則 FAQ 的摘要文字,供主題或外掛在列表、搜尋結果或自訂模板中當作簡短預覽使用。

 

區塊 5:Discussion 討論

控制是否允許此 FAQ 條目開啟留言(Comments)及引用通知/迴響(Pingbacks & Trackbacks)。

 

區塊 6:Slug 代稱

自訂本則 FAQ 在網址中的 slug(固定連結尾碼),影響前台 URL 格式。

 

區塊 7:Author 作者

指定本則 FAQ 的 WordPress 作者帳號,可從下拉選單挑選其他使用者

 

區塊 8:PixelYourSite 頁首/頁尾腳本

果安裝了 PixelYourSite 外掛,在此單一 FAQ 頁面插入或停用自訂的 <head>/頁尾腳本(如追蹤碼、像素碼) 

 

d. Category 分類管理

建立與管理 FAQ 類別,例如:帳號問題、付款問題,方便分類顯示 FAQ。

 

 

e. FAQ Tags

新增標籤:在輸入框鍵入標籤名稱。

這些標籤屬於 FAQ 的自訂分類(taxonomy),可將相同主題的問答群組、便於前端篩選與顯示。

faq24

 

f. About Us

Ultimate FAQ 相關說明

faq24  

 

g. sitting - basic

以下為「Basic」頁籤中各項設定的說明:

  1. FAQs Page
    選擇要自動列出所有 FAQ 的頁面(若不選,也可透過區塊或短代碼在其他頁面顯示)。

  2. Custom CSS
    可在此輸入自訂 CSS,直接套用到 FAQ 區塊,調整外觀樣式。

  3. Scroll To Top (切換開關)
    啟用後,使用者點開某則問答時,瀏覽器會自動捲動到該 FAQ 的最上方。

  4. Turn On Comment Support (切換開關)
    全域開啟留言功能,若單篇 FAQ 勾選「允許留言」,則會在列表中顯示留言區。

  5. Disable Microdata (切換開關)
    預設外掛會輸出 schema.org 的 FAQPage 結構化資料,啟用此選項可關閉該行為。

  6. Include Permalink
    控制是否在每個問題後顯示「永久連結」按鈕/文字,選項有:

    • None:不顯示

    • Text:只顯示文字連結

    • Icon:只顯示連結圖示

    • Both:文字+圖示皆顯示

  7. Permalink Destination
    設定點擊永久連結後要導到哪裡:

    • Main FAQ Page:回到整體 FAQ 列表頁

    • Individual FAQ Page:導向該單篇 FAQ 的專屬網址

faq26

 

8. Functionality(功能設定)

  • Disable FAQ Toggle(禁用收合切換)
    啟用後,點擊問題不再在列表內展開/收合答案,而是跳到該 FAQ 的單獨頁面。

  • FAQ Category Toggle(分類收合切換)
    啟用後(且在「Ordering」中已設定依分類分組),可點擊分類標題一次性收合或展開該分類下的所有問答。

 

9. Display(顯示設定)

  • Hide Categories(隱藏分類)
    啟用後,在 FAQ 條目中不顯示所屬的分類標籤。

  • Hide Tags(隱藏標籤)
    啟用後,不顯示 FAQ 的標籤列表。

  • Display All Answers(預設展開所有答案)
    啟用後,頁面載入時所有答案都預設展開,不會以手風琴(Accordion)方式折疊。

  • Display Post Author(顯示作者)
    啟用後,在每則 FAQ 標題下方顯示該條目的作者名稱。

  • Display Post Date(顯示日期)
    啟用後,在每則 FAQ 標題下方顯示該條目的發佈日期。

  • Display ‘Back to Top’(顯示「回到頂部」連結)
    啟用後,在每則 FAQ 答案底部加入「回到頁首」的快速連結。

faq27

 

h. sitting - Ordering

在這個「Ordering」分頁,你可以設定 FAQ 列表的分組與排序方式:

  • Group FAQs by Category
    是否要依照所屬的分類來分組顯示 FAQ
    (打開後,同一分類的問答會歸在一起;關閉則全部混合排序)。

  • FAQ Ordering
    選擇用哪個欄位做排序依據:

    • Created Date(建立日期)

    • Title(標題)

    • Modified Date(修改日期)

  • Sort FAQs Ordering
    決定上面選定的排序依據要用 Ascending(升冪/從小到大)還是 Descending(降冪/從大到小)。

  faq28

 

i. sitting - Premium

這是 Ultimate FAQ 外掛設定裡的 Premium(付費版) 分頁,用來:

  • 展示付費版專屬功能
    透過畫面截圖讓你預覽高級版的版面、WooCommerce/WPForms 整合、投票系統、分頁顯示、社群分享、自訂欄位、匯入/匯出等進階功能。

  • 列出可用功能清單
    例如無限條 FAQ、進階樣式選項、15 種圖示套件、SEO 搜尋、電子郵件支援等。

  • 引導升級
    底部的「UPGRADE NOW」按鈕與說明連結,提醒使用者購買或試用高級版。

faq28

 

j. sitting - Fields Premium

這是「Fields」分頁(付費版專屬),用來為每則 FAQ 增加自訂欄位並控制其顯示行為:

  • Hide Blank Fields
    若某條 FAQ 未填入該欄位,則自動隱藏該標籤。

  • FAQ Custom Fields 列表:依序設定欄位 ID、欄位名稱、欄位類型(Text、File、Select⋯⋯)及欄位值(供下拉、單選或複選使用)。

  • + ADD:新增更多自訂欄位。

  • 底部則為付費版功能摘要與「Upgrade Now」升級按鈕,引導購買高級版以解鎖此功能。

faq30

 

k. Labelling - Premium

這是「Fields」分頁(付費版專屬),用來為每則 FAQ 增加自訂欄位並控制其顯示行為:

  • Hide Blank Fields
    若某條 FAQ 未填入該欄位,則自動隱藏該標籤。

  • FAQ Custom Fields 列表
    依序設定欄位 ID、欄位名稱、欄位類型(Text、File、Select⋯⋯)及欄位值(供下拉、單選或複選使用)。

  • + ADD
    新增更多自訂欄位。

  • 底部則為付費版功能摘要與「Upgrade Now」升級按鈕,引導購買高級版以解鎖此功能。

faq31

 

 L. Styling - Premium

在「Styling(樣式設定)」這個 Premium 分頁裡,你可以完全透過 UI 自訂 FAQ 的外觀,主要分兩大區塊:

  1. Toggle Symbol(切換符號)

    • Symbol 選擇:內建多組圖示(+/-、▲/▼、●/○⋯⋯)可自由切換。

    • 背景色/圖示色/邊框色:設定展開/收合按鈕的背景、圖示和邊框顏色。

    • 邊框粗細與圓角:調整外框厚度與圓角大小,使切換按鈕更符合整體風格。

    • 圖示大小與上方邊距:微調符號尺寸及與文字標題之間的間距。

  2. FAQ Elements(FAQ 文字區塊)

    • Question Font Color / Family / Size:設定問題標題的文字顏色、字型與字級。

    • Question Margin / Padding:調整問題與周圍元件的外邊距與內邊距。

    • Answer Font Color / Family / Size:同樣可自訂答案區段的文字樣式與間距。

    • Back-to-Top(若有):還可設定「回到頂部」連結的樣式屬性。

透過這些設定,你不必寫一行 CSS,就能讓 FAQ 列表完美融入網站版型。
(此功能僅限高級版)

faq32

 

2. Ultimate FAQ 區塊新增與管理

1. 在外掛清單中找到「Ultimate FAQ」或「WP FAQ」,點選「啟用」,這樣就能開始使用 FAQ 功能。

 

2. 選擇右側 FAQ Category 建立問題分類,建立完成後可以看到 FAQ Category Shortcode

faq23

 

3. 點選「Add New FAQ」開始新增常見問題。

 

4. 在「標題」輸入你的問題,例如:「怎麼重設密碼?」

5. 在「內容區塊」輸入解答。

6. 右側可以選擇分類,例如「帳號問題」、「訂單相關」。

7. 點擊「發佈」→ FAQ 就建立完成囉!

 

 

 

 


六. 如何使用 WP FAQ 外掛建立網站常見問題區塊

1.操作介面說明 - WP FAQ

登入 WordPress 後台 → 到左側選單找到「FAQ」。

 

導覽列中文說明: 

a. All FAQ:全部 FAQ / 常見問題列表

顯示已建立的所有 FAQ 項目,方便進行編輯、刪除或查找。

 

b . Add FAQ 新增 FAQ / 新增常見問題

建立一個新的問題與解答,輸入標題(問題)與內文(答案),並可指定分類。

操作介面說明

新增媒體(Add Media)

  • 用途: 上傳並插入圖片、影片、PDF、音訊等多媒體檔案到 FAQ 內容中。

  • 位置: 常見於 WordPress 編輯器上方。

  • 操作方式: 點一下後會開啟媒體庫或上傳視窗,選好檔案後即可插入到內容區塊。

 

Add Form

  • 用途: 插入表單(通常是搭配外掛如 WPForms、Contact Form 7 使用)。

  • 前提: 必須已安裝支援表單的外掛,否則點了沒反應。

  • 使用情境: 若要在 FAQ 中加入「聯絡我們」、「回覆表單」等互動區塊,可以使用這個按鈕快速插入。

 

Add OptinMonster

  • 用途: 插入來自 OptinMonster 的彈出式行銷表單(如電子報訂閱、優惠彈窗等)。

  • 前提: 需要先安裝並連接 OptinMonster 外掛帳號。

  • 常見應用: 用於增加轉換率,蒐集用戶名單、推播活動等。

 

建議:

  • 如果您只需要建立單純的 FAQ,建議只使用「新增媒體」就夠用。

  • 「Add Form」與「Add OptinMonster」屬於進階整合功能,可選擇性使用。

 

右側操作介面說明:

 

區塊 1:MonsterInsights

Google Analytics 的整合外掛,用來追蹤網站流量與行為

 

各項功能解釋:

  • Exclude page from Google Analytics Tracking
    從 Google Analytics 排除此頁面
    勾選後,此頁面將不會被 GA 數據追蹤。適合內部測試頁使用。

  • Show Page Insights
    顯示頁面洞察報告
    點擊後會顯示該頁面目前的訪問統計(此功能需 PRO 版)。

  • Add a Site Note
    加入網站備註
    可以為這個頁面加入內部註記,供日後追蹤變更用(PRO 版功能)。

  • This is a PRO feature. Upgrade
    這是進階功能,需升級才能使用
    表示上方功能需購買 MonsterInsights Pro 才能啟用。

 

區塊 2:發佈(Publish)
控制文章是否公開、發佈時間、草稿儲存等。

 

各項功能解釋

  • 可見度:公開(Visibility: Public) 編輯
    設定文章誰能看到:
    • 公開(Public):任何人可見

    • 私人(Private):只有登入者可見

    • 密碼保護(Password Protected):輸入密碼才能查看

  • 狀態:草稿(Status: Draft) 編輯
    顯示文章目前狀態,可點「編輯」修改為:草稿、待審核、已發佈。

  • 預覽(Preview):
    開啟文章的預覽畫面,不會被訪客看到。

  • 儲存草稿(Save Draft):
    儲存目前編輯進度,但不公開顯示於網站前台。

  • 立即發佈(Publish immediately)
    編輯:
    可點「編輯」設定未來某個時間自動發佈。

  • Don’t update the modified date
    勾選此項,系統將不會更新這篇文章的「修改日期」。
    適合內容輕微更動又不希望改變時間排序時使用。

  • AIOSEO 分數(0/100)
    這是 All in One SEO 外掛提供的 SEO 優化評分,根據關鍵字、內文結構、自訂標題描述等評估給分。

  • 發佈(Publish)按鈕
    點擊此按鈕即可讓文章正式在網站上公開。

 

區塊 3:Category(分類)

  • 用來將這篇 FAQ(或文章)歸類,方便前台分組顯示與網站整理。

  • 可以選擇一個或多個分類(例如:「床墊常見問題」)。

  • 點選「+ Add New Category」可直接新增新分類,無需跳出頁面。

建議用途:

  • 若您的網站 FAQ 較多,建議依主題分類(例如:付款問題、商品問題、配送問題)。

 

區塊 4:Campaign Settings(活動設定)

  • 與行銷工具 OptinMonster 整合,可設定這篇文章是否要顯示彈跳視窗或表單。

  • 勾選 Disable all OptinMonster campaigns. 表示停用所有 OptinMonster 行銷彈窗。

 

備註:

  • 只有在安裝並設定 OptinMonster 時,這個區塊才會顯示。

  • 若沒使用 OptinMonster,可忽略此設定。

 

區塊5.精選圖片(Featured Image)

  • 為這篇 FAQ 或文章設置代表圖片,通常會出現在列表縮圖或社群分享時。

  • 點「設定精選圖片」可以上傳或選擇媒體庫中的圖片。

建議用途:

  • 精選圖片可提升 FAQ 的視覺吸引力,尤其是做成卡片式版型或在首頁顯示時非常有幫助。

 

C. Category 分類管理

建立與管理 FAQ 類別,例如:帳號問題、付款問題,方便分類顯示 FAQ。

 

d. How It Works 使用說明

外掛開發者提供的基本操作教學頁面,介紹怎麼建立與顯示 FAQ(通常是英文簡介頁)。

 

e. Install Popular Plugins From Us 安裝我們推薦的熱門外掛

外掛開發商推薦的其他外掛連結,點進去會看到他們開發或合作的工具,並可直接安裝。

 

f. Overview 總覽 / 總體功能預覽

顯示外掛有哪些功能、支援哪些區塊、能用哪些 Shortcode,通常也包含快速設定按鈕。

 

g. Upgrade to PRO 升級至付費版本

引導你購買專業版(Premium)外掛,以解鎖進階功能,如更多樣式、搜尋欄、自訂排序等。

 

2. FAQ 區塊新增與管理

1. 在外掛清單中找到「Ultimate FAQ」或「WP FAQ」,點選「啟用」,這樣就能開始使用 FAQ 功能。

 

2. 選擇右側 WP FAQ Category 建立問題分類,建立完成後可以看到 FAQ Category Shortcode

 

3. 點選「Add New FAQ」開始新增常見問題。

 

4. 在「標題」輸入你的問題,例如:「怎麼重設密碼?」

5. 在「內容區塊」輸入解答。

6. 右側可以選擇分類,例如「帳號問題」、「訂單相關」。

 

7. 點擊右上角「發佈」→ FAQ 就建立完成囉!

 

3、建立 FAQ 主頁並嵌入 FAQ 區塊

 

(1) 到「頁面 → 新增頁面」,命名為「常見問題」或「FAQ」。

(2) 在 WPBakery 中插入 FAQ 區塊,

使用 WPBakery Backend Editor進行編輯,

點「+」新增 文字區塊

 

(3) 貼上 FAQ 短代碼 (在 FAQ 分類中) → 儲存即可。

 

(4) 完成後,點擊「發佈」→ 主頁就完成囉!

 

4. 儲存 FAQ 區塊為範本

(1) 將常用 FAQ 區塊儲存為 template,未來可在任何頁面快速插入。

這樣就不需每頁都手動貼 shortcode。

在 WPBakery 區塊右上方 → 套用樣版 → 填寫名稱,如共用faq,後再按儲存樣版



(2) 在新的頁面插入樣版

在 WPBakery 區塊右上方 → 套用樣版 → 選擇 My Templates 選擇要插入的樣版

 

選擇之後會自動出現在頁面的最下方

在 發佈區塊按 預覽變更 及 更新按鈕

 

再到永久連結網址觀看更新後的網頁,確認是否正確

 

5. 新增 FAQ 項目並進行排序

新增更多 FAQ 和分類:

回到「FAQ → Add FAQ」持續新增問題。

若想重新排序 FAQ 項目,請安裝外掛「Simple Custom Post Order」或看你的模板主題是否支援拖曳排序。

有些版本也可在 FAQ 設定中調整預設排序方式,如「依建立時間」或「標題排序」。

 

6. 如何修改現有 FAQ 內容

到後台左側選單 → 點選「FAQ」。

在列表中點選要修改的項目。

修改標題、內文或分類後,點擊「更新」即可完成。

網站前台會自動更新顯示內容,不需重設 Shortcode。

 

 

 

 

 


七. Gutenberg 跟 WPBakery 是什麼?有什麼差別?

在 WordPress 中,我們建立頁面或文章時會用到「編輯器」,而目前最常見的兩種就是:

 

1. Gutenberg(區塊編輯器)

  • WordPress 官方預設編輯器(從 5.0 開始)

  • 用「一塊一塊」的方式編排內容(區塊式設計)

  • 每段文字、圖片、FAQ、按鈕都是一個獨立的「區塊」

  • 介面簡潔、邏輯直覺,適合內容導向的網站

  • 許多外掛會自動新增「區塊」(如 FAQ Block、表單 Block)

Ultimate FAQ 和 WP FAQ 就會在 Gutenberg 中提供專用的 FAQ 區塊

 

2. WPBakery Page Builder(頁面編輯器)

  • 第三方頁面編輯器,常與付費主題搭配使用

  • 提供可視化拖拉編輯(Backend + Frontend 兩種模式)

  • 支援大量元素(Rows, Columns, Text Blocks, Buttons…)

  • 適合設計自由度高的商業網站、Landing Page、品牌首頁

WPBakery 只能透過 Shortcode 插入外掛內容,不會顯示 Gutenberg 的區塊型元件

 

3. FAQ 外掛為什麼在 Gutenberg 才看得到?

這是因為:

  1. Ultimate FAQ 外掛是為 Gutenberg 設計的

    • 安裝後會新增一個「FAQ 區塊」,讓你能直接用拖拉方式插入

    • 也支援分類選擇、搜尋功能等設定,都是「區塊層級」

  2. WPBakery 不讀取 Gutenberg 的區塊元件

    • 在 WPBakery 中,你看不到「FAQ 區塊」選項

    • 但可以用替代方式:「手動貼上 Shortcode 進 Text Block」

 

4. 我該用哪一個?

編輯器優點使用時機
Gutenberg 輕量、快速、原生支援 FAQ 區塊 內容型網站、部落格、FAQ 頁
WPBakery 排版自由、可視化編輯功能強 商業首頁、形象頁、設計感需求高的頁面

以上就是 WP FAQ 外掛完整教學,如果你覺得這支影片對你有幫助,歡迎聯絡告訴我們還想學哪些 WordPress 教學!


相關文章:
wordpress外掛安裝

WordPress 操作實務:設計、教學、問答全包含

wordpress佈景主題安裝

WordPress SEO:10 大設定,快速提升搜尋排名

網站架設 WordPress:網站優化 從一般設定到媒體管理

2022 年適用於 WordPress 和 WooCommerce 的8個最佳 AI 外掛

wordpress安裝教學

網頁設計 教學:打造完美的 JOOMLA 和 WORDPRESS 網站

WordPress / JOOMLA 自製免費 程式 模組 外掛 下載

WordPress Vs Joomla比較

網站資訊安全 政策及管理

推薦閱讀:全後台模組化形象官網

簡易電子書下載:一頁式網頁設計電子書

如果您喜歡我們的文章,歡迎分享!也歡迎查看我們的其他文章。如果有任何疑問也歡迎加line和我們聯絡

全後台模組化形象官網,符合各式商業模式與需求,請參考:https://des13.com/service/rwd.html

Written by Ring
作者:益盛科技 專案經理
通過Google Ads-Measurement Assessment
15年 網站專案管理及人員管理實務經驗。 
具網站美編企劃繪製能力
具多媒體網頁設計與 RWD設計之實務經驗

 

最新文章

原創、翻譯及轉貼的資訊都在這裡。

網站是實現夢想的工具! 開始準備建置您的網站了嗎? 加Line好友
益盛科技

我們重視設計質感與行銷價值

。網頁設計。程式設計。Joomla教學。

 

聯絡資訊

ring@des13.com

點此加我們LINE  @igodos 加line好友

406台中市北屯區文心路四段955號11樓之2(需預約諮詢)

04-37072202 /  0919-413187 

thedes13 

 
OMO電商 社群整合,輕鬆提升5倍轉換率,追蹤客戶行為,自動化行銷!想了解,快與我們聯絡! ×
點此加我們LINE 連結line帳號
Our website is protected by DMC Firewall!