評論在建立網站用戶互動方面起著重要作用。一個外觀良好且用戶友好的評論表單可以鼓勵用戶參與討論。
本文將向你展示如何輕鬆設計 WordPress 評論表單,以提升網站上的互動性。
開始之前
WordPress 主題控制你網站的外觀和感覺。每個 WordPress 主題都包含多個文件,包括模板文件、函數文件、JavaScripts 和樣式表。
樣式表包含 WordPress 主題使用的所有元素的 CSS 規則。你可以添加自己的自定義 CSS 來覆蓋你的主題樣式規則。
如果你之前沒有這樣做過,請參閱我們的文章初學者如何在 WordPress 中添加自定義 CSS。
除了 CSS,你還可能需要添加一些函數來修改你的 WordPress 評論表單的默認外觀。如果你之前沒有這樣做過,請參閱我們的文章如何在 WordPress 中複製和粘貼代碼。
說到這裡,讓我們來看看如何設計 WordPress 評論表單。
由於這是一個相當全面的指南,我們創建了一個導航目錄,方便你快速跳到所需部分:
使用 SeedProd 主題生成器設計 WordPress 評論表單
使用默認 CSS 類別更改 WordPress 評論
在 WordPress 評論中添加社交登入
在 WordPress 評論表單中添加評論政策文本
將評論文本字段移到底部
從 WordPress 評論表單中移除網站(URL)字段
在 WordPress 中添加訂閱評論復選框
向 WordPress 評論表單添加自定義字段
使用 SeedProd 主題生成器設計 WordPress 評論表單
這種方法需要使用 SeedProd,它是市場上最好的 WordPress 頁面和主題生成器插件。
這種方法推薦給沒有編碼經驗的初學者。然而,這種方法的缺點是它會用自定義主題替換你現有的 WordPress 主題。
首先,你需要安裝並啟用 SeedProd 插件。更多詳細信息,請參閱我們的分步指南如何安裝 WordPress 插件。
注意:你需要至少 PRO 計劃才能訪問主題生成器功能。
啟動後,你需要為你的自定義 WordPress 主題創建模板。SeedProd 允許你使用他們內置的主題輕鬆生成這些模板。
有關詳細說明,請參閱我們的教程如何在無需編碼的情況下創建自定義 WordPress 主題。
生成主題模板後,你需要編輯單篇文章模板。
這將在 SeedProd 主題生成器界面中加載單篇文章預覽。你會注意到評論表單區塊在預覽的底部。
只需點擊評論表單,你將在左側面板中看到其屬性。
在這裡,你可以添加評論說明或隱私政策,你也可以切換到高級選項卡來編輯評論表單的樣式,而無需編寫任何 CSS 代碼。
完事後,不要忘記點擊保存按鈕來發布你的更改。
SeedProd 使得更改網站上任何元素的樣式變得非常簡單,無需編寫代碼。
然而,它是一個主題生成器,你可能已經在使用你喜歡的 WordPress 主題。在這種情況下,以下提示將幫助你在 WordPress 中手動更改評論表單的樣式。
在 WordPress 中更改評論表單樣式
在大多數 WordPress 主題中,有一個名為 comments.php 的模板文件。該文件用於顯示評論和評論表單在你的博客文章中的評論表單。WordPress 評論表單是使用函數生成的: 。
默認情況下,這個函數會生成評論表單,包含三個文本字段 (Name, Email, and Website),一個評論文本區的 textarea 字段,一個符合 GDPR 遵從的復選框和提交按鈕。
你可以通過簡單調整默認 CSS 類別來輕鬆修改每個這些字段。以下是 WordPress 添加到每個評論表單的默認 CSS 類別列表。