讓Contact Form 7 不要自動加上<p> 標籤

此文章已於 2024-05-29 更新

Contact Form 7 是WordPress最多人使用的表單外掛之一,也非常的好客製化,不過常在使用的人應該都會注意到,Contact Form 7 (後面用CF7替代)在前台的表單,儘管顯示正常,但若我們使用瀏覽器的「檢查」,可以發現每個欄位都被加上了 < p > 標籤。

如果只是一般使用倒不會影響什麼,不過要客製化CF7的外觀樣式,這個就會變成一個阻力,為了讓樣式吃進去必須要多花費點功夫。

為了解決這個問題,我在網路上搜尋了一下,找到一段內建的語法可以讓CF7不要這麼的“替我們著想”,直接把 <p> 標籤移除,語法如下,大家可以參考看看:


add_filter('wpcf7_autop_or_not', '__return_false');

備註:嵌入此段語法可以放在子主題的 functions.php 裡面。