[WordPress] 外掛分享： Mask Contact Form

內容目錄

1 前言介紹
2 外掛協作開發者
3 外掛標籤
4 內容簡介
5 原文外掛簡介
6 各版本下載點
7 延伸相關外掛（你可能也想知道）

前言介紹

這款 WordPress 外掛「Mask Contact Form」是 2017-11-30 上架。
目前有 20 個安裝啟用數。
上一次更新是 2017-12-11，距離現在已有 2700 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
外掛最低要求 WordPress 3.0.1 以上版本才可以安裝。
外掛要求網站主機運作至少需要 PHP 版本 5.2.4 以上。
尚未有人給過這款外掛評分。
還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

marcus |

外掛標籤

mask | Input | contact form | contact form 7 |

內容簡介

在輸入欄位中，您應該使用以下其中一個類別，例如：

上傳檔案到資料夾 /wp-content/plugins/（保留外掛原始資料夾）

在 WordPress 的「外掛」介面啟用這個外掛

使用指定的類別以啟用此功能

任意部分
Markdown 簡單範例

jQuery(‘.date’).mask(’99/99/9999′);
jQuery(‘.tempo’).mask(’00:00:00′);
jQuery(‘.date_time’).mask(’00/00/0000 00:00:00′);
jQuery(‘.cep’).mask(‘00000-000’);
jQuery(‘.phone’).mask(‘0000-0000’);
jQuery(‘.phone-2’).mask(‘(00) 0000-0000’);
jQuery(‘.phone_us’).mask(‘(000) 000-0000’);
jQuery(‘.mixed’).mask(‘AAA 000-S0S’);
jQuery(‘.cpf’).mask(‘000.000.000-00’, {reverse: true});
jQuery(‘.money’).mask(‘000.000.000.000.000,00’, {reverse: true});
jQuery(‘.cnpj’).mask(‘00.000.000/0000-00’, {reverse: true});
jQuery(‘.wpcf7-tel’).mask(maskBehavior, options);

在此示例中，我們使用「wpcf7-tel」類別，這是 Contact Form 7 聯絡表單的原生類別

原文外掛簡介

Onde você deve informar no campo input uma dessas class, Exemplo:

Faça upload dos arquivos para a pasta /wp-content/plugins/ (mantenha a pasta original do plugin)

Ative o plugin na interface de ‘Plugins’ do WordPress

Para utilizar use as classes determinadas

Arbitrary section
A brief Markdown Example
jQuery(‘.date’).mask(’99/99/9999′);
jQuery(‘.tempo’).mask(’00:00:00′);
jQuery(‘.date_time’).mask(’00/00/0000 00:00:00′);
jQuery(‘.cep’).mask(‘00000-000’);
jQuery(‘.phone’).mask(‘0000-0000’);
jQuery(‘.phone-2’).mask(‘(00) 0000-0000’);
jQuery(‘.phone_us’).mask(‘(000) 000-0000’);
jQuery(‘.mixed’).mask(‘AAA 000-S0S’);
jQuery(‘.cpf’).mask(‘000.000.000-00’, {reverse: true});
jQuery(‘.money’).mask(‘000.000.000.000.000,00’, {reverse: true});
jQuery(‘.cnpj’).mask(‘00.000.000/0000-00’, {reverse: true});
jQuery(‘.wpcf7-tel’).mask(maskBehavior, options);
Onde nesse exemplo usamos a classe wpcf7-tel que é nátiva para o formulário de contato Contact Form 7

各版本下載點

方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Mask Contact Form」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

延伸相關外掛（你可能也想知道）

International Telephone Input With Flags And Dial Codes 》這個外掛可以將標準的電話輸入欄位轉換為帶有國旗下拉式選單及相應國家撥號代碼的國際電話輸入欄位。, 功能, , 啟用外掛功能的選項, 排除國家的選項, 僅顯示...。
Conditional WooCommerce Checkout Field 》如果您透過 WooCommerce 商店出售產品並需要在客戶完成購買前收集一些額外的資訊，這個外掛正是您所需要的。, 現在有專業版, 升級至專業版可以獲得更多功能...。
Gift Cards – Coupon Input 》這是一個免費外掛，可以與官方的 WooCommerce 禮品卡擴充套件一起使用，允許您使用預設的優惠券表單來套用和兌換禮品卡。, 啟用插件後，“有禮品卡嗎？”表單...。
Form Data Collector 》這款外掛是一個開發者工具箱，可用於從您的 WordPress 網站收集表單數據。它提供必要的鉤子和實用工具，讓您管理之後如何存儲和顯示數據。, 開始使用的最好方...。
Input Scanner 》這個 WordPress 外掛包含一個 HTML 輸入元素的網頁條碼和 QR 掃描器。使用預定義的查詢類別和集成自己的查詢類別的選項，可以在管理介面或網站上使用掃描器。...。
Placehold (Gravity Forms) 》這個外掛在您的Gravity Forms輸入欄位中添加了一個佔位符號字段，並將其顯示為一個合適的 HTML5 佔位符號屬性，無需 JavaScript（耶！）, 我從wpbeginner.com...。
Fix Admin Contrast 》從 WordPress 2.7 版本開始，後台的輸入欄位幾乎無法看見。經過一年的修改 CSS 檔案來解決此問題後，Matt 建議我製作一個外掛程式以覆寫核心的 CSS 值。這個...。
Simple Coherent Form 》概括：SCF是一個能協助開發者在WordPress的外掛或主題裡，創建統一風格的輸入欄位的外掛，兼具效率、可存取性和靈活性，提供眾多選項和多個鉤子，為開發者所...。
Placeholder Text 》這個外掛可以讓不支援 HTML5 的瀏覽器（包括 Internet Explorer 6）使用 placeholder 屬性。這個外掛只需要啟用 James Allardice 的 placeholders.js 腳本。...。
Osmig Signup Plugin 》這個外掛的設計目標是為了在LARP活動網站上更輕鬆地提供註冊表格，並且在處理輸入表單欄位的方式上具靈活性。, 這個外掛的優勢如下：, , 您可以定義所需的表...。
Loderi Virtual Keyboard 》如果您的網站訪客以其母語輸入，而又有可能您的訪客沒有所需的鍵盤佈局 - 這就使用此外掛程式，從Loderi.com整合虛擬鍵盤。當使用我們的鍵盤時，您的訪客可以...。
GF Hebrew Virtual Keyboard Add-On 》這是一個Gravity Forms希伯來文虛擬鍵盤外掛，當特定輸入欄位被點選時，它會在您的專案中新增一個虛擬鍵盤。, 資訊與需求：, * PHP 5 以上版本；, * WordPres...。
Flex Forms 》```html,
- Flex Forms 是一個簡單靈活的 WordPress 表單建立外掛。使用這個外掛，您可以創建具有不同字段的表單，並使用短碼在您的網站...。
- Block Collections 》外掛簡介：, - 安裝此外掛後，會註冊以下七個區塊，在區塊編輯器和網站編輯器中都可使用。, - 每個區塊可以配置基本樣式，例如文字顏色、背景色、邊框和間距...。
- SOLASS Personal design of forms 》以下是這篇文章的要點，以 HTML 項目清單格式呈現：, , * 透過這個簡單的外掛，您可以將標準的「select」下拉式表單更改為您自己設計的表單。, * 這個外掛是...。

文章

文章