Material Design for Contact Form 7 表單樣式外掛程式

max

3 年前

Material Design for Contact Form 7 表單樣式外掛程式

Material Design for Contact Form 7 表單樣式外掛程式，方便我們設計 Contact Form 7，讓聯絡表單更有質感、更精美。

常看這裡文章的朋友應該會發現，我個人非常喜歡介紹 Contact Form 7 這一個聯絡表單外掛程式。也介紹了很多相關的擴充外掛程式，原因在於這是一款運作非常穩定的聯絡表單外掛程式，在 WordPress 官網的外掛程式區裡，也有非常多的下載安裝啟用數量，提供的聯絡表單功能，也足以應付多數網站的需求。如果要說有什麼需要挑剔的地方，那就是它的表單樣式十分陽春，實在沒有什麼設計感。對於不懂式樣設計的朋友，Contact Form 7 聯絡表單外掛程式實在不受歡迎。所以，今天要跟大家介紹一款表單樣式擴充外掛程式，來幫助我們建置出漂亮的 Contact Form 7 聯絡表單，如果你也是跟我一樣喜歡使用 Contact Form 7 外掛程式的話，不要錯今天的文章內容。

Material Design for Contact Form 7 表單樣式外掛程式

外掛程式名稱：Material Design for Contact Form 7
外掛程式網址：~~https://tw.wordpress.org/plugins/material-design-for-contact-form-7/~~ 註：這個外掛已於 2022 年 2 月 11 日關閉，且不提供下載。原因: 安全性問題
外掛程式安裝完成啟用後，會出現第三方資訊連結的提示視窗，如果不想要連結第三方資訊，點選跳過也可以繼續進行。
接著就會來到外掛程式的歡迎說明頁面。

在開始使用這款擴充外掛程式前，當然網站需要先安裝並啟用 Contact Form 7 外掛程式，同時並建立好聯絡表單。
另外，也可以確認一下在還沒有使用這個擴充外掛程式前，聯絡表單的樣式十分簡單。

接下來就透過今天這個外掛程式所帶來的設計功能，讓我們原本的聯絡表單展示漂亮的 Material Design 樣式設計。建置的方式與原來 Contact Form 7 的建置方式相同，不過每個選項功能的前後多了外掛程式的短代碼。
將這些短代碼填在原本 Contact Form 7 聯絡表單製作區塊內就可以了。
同時在編輯聯絡表單時，會注意到編輯區塊上方的 Live Preview for Contact Form 7 外掛程式安裝提示，這是為了方便我們可以在表單編輯時就可以即是預覽到效果，可以選擇性安裝。