[WordPress Plugin] 在 Contact Form 7 設定 DOM 的 class name, id

2021-12-30 14:09:32

要在 WordPress 的 Contact Form 7 設定 DOM 的 class name, id 的話，可以在樣板的地方給定 class 跟 id 的值像這樣設定：

[submit class:button id:form-submit "Send Mail"]

這樣在頁面生成時就會多 button 這個 class 以及 form-submit 這個 id 了，而如果要一次設定很多個 class 的話，則是多寫幾個 class: 就好，像是：

class:button, class:button-info

注意最後顯示按鈕文字內容的字串要擺在最後面。

Trianglify- 多邊形圖樣背景產生器 [javascript] 利用 trim() 去掉字串前後的空白字元

你可能也會喜歡的

[WordPress] 取得網站名稱- get_bloginfo( 'name' )

[WordPress] 取得文章圖片(feature images) 的網址- get_the_post_thumbnail_url()

WordPress 客製化單獨文章的樣板

透過 Flexible SSL for CloudFlare 設定 WordPress 的網站使用 Cloudflare 的免費 SSL

[WordPress Plugin] Polylang- 好用的 WordPress 多語系網站外掛

[WordPress Plugin] TaxoPress：WordPress內容組織的最佳夥伴

課程推薦

AI工作術全面學習實戰營：6 堂精選課程，學會最好用 AI 工具，翻轉你的人生

《PChome雜誌》攜手 5 位在 AI 領域的專業講師，打造上述 6 堂實用課程，教你學會時下最好用的 AI 工具，導入生成式 AI 來產製工作內容，改造並升級你的工作流程。

輸入折扣碼 ZERO2024 還可以額外獲得 NT$400 優惠喔。

HTML與SEO實戰應用—並以ChatGPT助力提升網站品質與流量

本課程專為希望深入了解 HTML 並有效結合 SEO 策略的學員設計。我們將重點放在 HTML 的深度學習與應用上，同時穿插介紹如何透過搜索引擎優化提升網站能見度。透過即時互動式的直播教學，加上 ChatGPT 的輔助，您將學習到如何建立一個結構優良、美觀且符合 SEO 標準的網站。這不僅會提升網站的用戶體驗，還會大幅提高網站的搜索引擎排名，進而增加訪客流量和潛在客戶。