>
如果您的網站由WordPress提供動力,則有許多插件無縫地集成了您的網站上的聯繫表。在本文中,我將提供一些免費的WordPress聯繫表插件的列表。我還將討論為什麼您應該考慮滾動自己的聯繫表。然後,我將為您提供一個簡短的教程,向您展示如何構建自己的WordPress聯繫表格插件。
WordPress聯繫表插件
>在開始之前,我們將介紹WordPress插件目錄中提供的一些流行的免費觸點插件。這些非常適合使用,但是當您開始構建自己的插件時,甚至可以從中學習。
>>
聯繫表7 - 這是第二個最受歡迎的插件,下載超過1800萬個插件,幾乎可以被視為WordPress網站的事實上的聯繫表格插件。聯繫表7可以管理多個聯繫表格,您可以使用簡單的標記自定義表格和電子郵件內容。表單功能包括Ajax驅動的提交,CAPTCHA,AKISMET垃圾郵件過濾等等。>
>電子郵件表格- 此插件不僅創建聯繫表格並將數據發送到指定的電子郵件地址,還將聯繫表格數據保存到數據庫中,提供可打印的報告,並將所選數據導出到csv/excel文件。
> Formget聯繫表格 - 簡單的在線拖放聯繫人表單構建器工具。您需要做的就是單擊您所需的字段,並在幾秒鐘內您的聯繫表格準備就緒。
為什麼要滾動您自己的聯繫表插件?
>>
根據雅虎的績效規則:>
如果您像我一樣,並且想要一個簡單的觸點表格插件,該插件剛剛起作用,請繼續閱讀。我將指導您開發自己的插件的簡單過程,以便您可以親吻Goodbye Bloated插件。在此示例中,不需要額外的CSS和JavaScript文件,使用HTML5進行驗證。聯繫表格插件開發
>在五分鐘內,您將學習如何開發簡單的WordPress聯繫表格,這是一個承諾!>
準備了嗎?放?走!
>所有WordPress pluigns都是PHP文件,位於/wp-content/plugins/Directory中。在我們的示例中,該文件將稱為SP-form-example.php。我認為您喜歡使用FTP/SFTP/SCP或SSH連接到服務器。
>接下來,我們添加包含聯繫人表格html的函數html_form_code()
通過模式輸入屬性添加了基本驗證。
>觸點表中的正則表達式進行以下字段驗證:
>
電子郵件表單控件驗證了電子郵件字段,因此不需要模式屬性。有關此操作方式的更多信息,請閱讀我有關使用HTML5的客戶端形式驗證的文章,以了解模式屬性如何通過表單驗證進行有助於。
好吧,我們剩下幾分鐘?四分鐘!我們仍然有時間解決這個問題。
表單數據的衛生性是由以下WordPress內部功能完成的:
<span><span><?php </span></span><span><span>/* </span></span><span><span>Plugin Name: Example Contact Form Plugin </span></span><span><span>Plugin URI: http://example.com </span></span><span><span>Description: Simple non-bloated WordPress Contact Form </span></span><span><span>Version: 1.0 </span></span><span><span>Author: Agbonghama Collins </span></span><span><span>Author URI: http://w3guy.com </span></span><span><span>*/ </span></span><span> <span>// </span></span><span> <span>// the plugin code will go here.. </span></span><span> <span>// </span></span><span><span>?></span></span>
文本區域值。
代碼get_option('admin_email')從數據庫中編程地檢索WordPress管理員的電子郵件地址,該電子郵件將發送到。 不希望聯繫表將郵件發送到管理員?只需將變量$設置為所需的電子郵件地址即可。
>如果函數WP_Mail()函數成功處理了電子郵件,則文本>函數cf_shortcode()是當觸點表單快速代碼[sitepoint_contact_form]處於活動狀態時所調用的回調函數。
> >以上函數調用html_form_code()和evry_mail()函數以顯示觸點表單HTML表單並分別驗證表單數據。 >最後,將快速代碼[sitepoint_contact_form]註冊到WordPress。因此,簡單地添加:
恭喜,我們已經成功地開發了自己的WordPress聯繫表插件,我履行了我較早的諾言。
><span>function html_form_code() { </span> <span>echo '<form action="' . esc_url( $_SERVER['REQUEST_URI'] ) . '" method="post">'; </span> <span>echo '<p>'; </span> <span>echo 'Your Name (required) <br />'; </span> <span>echo '<input type="text" name="cf-name" pattern="[a-zA-Z0-9 ]+" value="' . ( isset( $_POST["cf-name"] ) ? esc_attr( $_POST["cf-name"] ) : '' ) . '" size="40" />'; </span> <span>echo '</p>'; </span> <span>echo '<p>'; </span> <span>echo 'Your Email (required) <br />'; </span> <span>echo '<input type="email" name="cf-email" value="' . ( isset( $_POST["cf-email"] ) ? esc_attr( $_POST["cf-email"] ) : '' ) . '" size="40" />'; </span> <span>echo '</p>'; </span> <span>echo '<p>'; </span> <span>echo 'Subject (required) <br />'; </span> <span>echo '<input type="text" name="cf-subject" pattern="[a-zA-Z ]+" value="' . ( isset( $_POST["cf-subject"] ) ? esc_attr( $_POST["cf-subject"] ) : '' ) . '" size="40" />'; </span> <span>echo '</p>'; </span> <span>echo '<p>'; </span> <span>echo 'Your Message (required) <br />'; </span> <span>echo '<textarea rows="10" cols="35" name="cf-message">' . ( isset( $_POST["cf-message"] ) ? esc_attr( $_POST["cf-message"] ) : '' ) . '</textarea>'; </span> <span>echo '</p>'; </span> <span>echo '<p><input type="submit" name="cf-submitted" value="Send"/></p>'; </span> <span>echo '</form>'; </span><span>}</span>
如果您然後預覽頁面,則應看到顯示的聯繫表格如下所示。
>進一步了解插件的構建方式以及如何在WordPress站點上實現,請複制下面的代碼,將其粘貼到文件中,然後將其上傳到您的/wp-content/plugins/Directory。
這是整個插件示例:
<span><span><?php </span></span><span><span>/* </span></span><span><span>Plugin Name: Example Contact Form Plugin </span></span><span><span>Plugin URI: http://example.com </span></span><span><span>Description: Simple non-bloated WordPress Contact Form </span></span><span><span>Version: 1.0 </span></span><span><span>Author: Agbonghama Collins </span></span><span><span>Author URI: http://w3guy.com </span></span><span><span>*/ </span></span><span> <span>// </span></span><span> <span>// the plugin code will go here.. </span></span><span> <span>// </span></span><span><span>?></span></span>
>簡單的WordPress管理插件(教程)
>關於構建自己的WordPress聯繫表插件的常見問題(常見問題解答)
>創建自己的WordPress聯繫表插件有什麼好處? >創建自己的WordPress聯繫表插件可讓您完全控製表單的設計,功能和數據處理。您可以自定義表格以匹配您網站的美學,添加滿足您特定需求的獨特字段,並以適合您業務運營的方式管理收集的數據。此外,它消除了對第三方插件的需求,有時可能會減慢您的網站或帶來安全風險。>如何處理通過我的WordPress觸點表單提交的數據?
>在您的WordPress聯繫表中添加驗證碼涉及涉及與Google Recaptcha這樣的驗證碼服務集成。這需要從服務中獲取API鍵,並將必要的HTML和PHP代碼添加到您的表格中。 CAPTCHA有助於保護您的表格免受垃圾郵件和自動提交的影響。
>我如何使用WordPress聯繫表格進行故障排除問題?
以上是在5分鐘內構建自己的WordPress聯繫表插件的詳細內容。更多資訊請關注PHP中文網其他相關文章!