如何設計 WordPress 評論表單(終極指南)

WPressize Me

05/10/2023

評論在建立網站用戶互動方面起著重要作用。一個外觀良好且用戶友好的評論表單可以鼓勵用戶參與討論。

本文將向你展示如何輕鬆設計 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 類別列表。



Related Posts

  • 2024-07-20
  • WordPress 主题

您是否想在 WordPress 中為不同頁面使用多個佈景主題?可以自訂網頁的外觀和布局,為文章、頁面和部分區域建立模板。但是如果您想為網站的某些部分或頁面使用完全不同的佈景主題呢?本文將指導您如何在 WordPress 中為頁面使用多個佈景主題。

閱讀更多
  • 2024-07-19
  • WordPress 主题

您是否想在 WordPress 網站上添加回頂效果?這種效果在頁面較長時非常有用,可以讓用戶輕鬆返回頁面頂部,提升網站的用戶體驗。本文將教您如何使用 jQuery 和插件在 WordPress 中添加平滑回頂效果。

閱讀更多
  • 2024-07-13
  • WordPress 主题

您是否想在 WordPress 中創建一個自定義頁面?自定義頁面允許您使用與網站其餘部分不同的佈局。許多 WordPress 網站使用自定義頁面佈局來建立銷售頁面、登陸頁面、網路研討會頁面等。在這篇文章中,我們將向您展示如何輕鬆地在 WordPress 中創建自定義頁面。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>