如何在WordPress中突出顯示作者的評論


在大多數網站上,用戶很難跟踪作者的評論。 這就是為什麼許多WordPress網站通過使其具有不同的背景顏色,添加圖像等來突出其作者評論的原因。如果您想學習如何在WordPress中突出顯示作者的評論,那麼您來對地方了。 在本文中,我們將向您展示在WordPress中突出顯示作者評論的最簡單方法。

影片教學

訂閱WPBeginner

如果您不喜歡該視頻或需要更多說明,請繼續閱讀。

WordPress默認情況下會生成許多CSS類,這使設計人員和用戶可以更輕鬆地更改樣式(WordPress CSS備忘單)。 在WordPress添加的默認類中,其中之一專門用於樣式化作者的註釋。

該類稱為.bypostauthor,可以在.commentlist元素中找到。 您所要做的就是使用CSS添加自定義樣式。 例如,您可以添加自己的背景,自己的圖像等。注意:此代碼將在主題文件夾中的style.css文件中找到。

.commentlist .bypostauthor {}
.commentlist li ul.children li.bypostauthor {}

這不必是超級複雜的。 通常,這是一個相當簡單的區別,突出了作者的評論。 例如,克里斯·科耶爾(Chris Coyier)的邊框頂部是黃色/橙​​色,這使他的評論脫穎而出。

突出作者克里斯

要獲得類似於Chris的東西,您要做的就是在這些類中添加以下值:

.commentlist .bypostauthor {border-top: 10px solid #e18728;}
.commentlist li ul.children li.bypostauthor {border-top: 10px solid #e18728;}

注意:我們強烈建議您更改顏色以匹配配色方案 :)

另一個例子是Matt Cutt的網站。 他通過在評論中添加淺色背景來突出顯示他的評論,而所有其他評論都具有白色背景。

重點作者馬特

您可以通過在style.css文件中添加如下內容來實現:

.commentlist .bypostauthor {background: #e7f8fb;}
.commentlist li ul.children li.bypostauthor {background: #e7f8fb;}

同樣,我們強烈建議您更改顏色以匹配您站點的配色方案。

我們希望您能找到有關如何在WordPress中突出顯示作者評論的教程,以有所幫助。 上面的示例非常簡單,但是您可能會發瘋並添加背景圖片等。如有任何問題,請告訴我們。