MetFormフォームビルダーアドオンが付属しています 30 個以上のテンプレート (連絡先フォーム、ニュースレター フォーム、フィードバック フォームなど) WordPress Web サイトであらゆるタイプのフォームを作成します。
MetForm では、要素をドラッグ アンド ドロップするだけでカスタム フォームを作成することもできます。と 40以上のスタイル カスタマイズの場合は、完全に応答性が高く機能的なフォームを数分以内にデザインできます。
MetForm でフォームを作成する方法 #
要件：
👉👉 エレメンター: Elementorプラグインをダウンロード
👉👉 MetForm: MetFormプラグインをダウンロード
ステップ 1: フォーム テンプレートを選択する #
To create a form with MetForm, log in to your WordPress site. Then,
- Nagivate to MetForm → Froms WordPress ダッシュボードで。
- クリックしてください 新しく追加する button at the top left corner.
- あ ポップアップモーダル will appear where you can pick a template.
From this popup modal, you can search for a template or start with a blank template. In the popup modal, you will see-
- Form Type: Select the type of form you want to create: General Form and Quiz Form.
- Seach Template: Easily search for a form template you are looking for.
- カテゴリ: You can also filter the form templates based on the categories.
- Blank Template: Select blank template to start from scratch.
or, choose a template to strat quickly with ready designs.
After selecting a template (blank or a ready-made template), a popup window will appear. From there, you can enter the フォーム名 そして choose the builder you want to use to edit it.
[注記： At the moment, MetForm supports only the Elementor builder.]
ステップ 2: フォーム テンプレートをカスタマイズする #
すべてのフォーム テンプレートは、さまざまな目的 (顧客からのフィードバックを取得するためのフィードバック フォームなど) に対応するために完全に設計および開発されています。ただし、elementor と互換性があるため、任意の方法でカスタマイズできます。
次のような 3 つの設定が表示されます コンテンツ、スタイル、および高度な 入力フィールドとボタンのプロパティをカスタマイズおよび制御します。
コンテンツのカスタマイズ #
- ラベルの表示/非表示が可能
- 位置を左または上に設定します
- プレースホルダーを変更できます
- ヘルプテキストを追加する
- 必要なプロパティをオン/オフにします
- 警告メッセージを設定する
- 検証タイプを設定する
- URLを挿入
👉👉スタイルのカスタマイズ #
- レイアウトのカスタム幅を設定する
- 入力フィールドのテキストの色とタイポグラフィを変更する
- プレースホルダーとヘルプのテキストの色とタイポグラフィをカスタマイズする
- 背景色の追加
- カスタム パディング、マージンを設定する
- 必須フィールドのカスタム警告色を選択してください
- 左揃え、中央揃え、両端揃え、または右揃えを設定します
- 入力フィールドに画像の背景を挿入
- 境界線、境界線の色、境界線の半径をカスタマイズする
👉👉高度なカスタマイズ #
- フォームレイアウトのカスタムマージン、パディング、幅、位置を設定する
- 入力フィールドのさまざまなモーション効果
- PC、タブ、モバイルの応答性をオン/オフにします
- 追加の CSS コードなどを追加します
ステップ 3: フォームをページ/投稿に挿入する #
次に、フォームを好みのページ/投稿に挿入します。 MetForm を使用すると、フォームを任意のページに挿入したり、要素ごとに投稿したりすることが簡単になります。また、フォームのショートコードを使用して任意のフォームを挿入することもできます。
1.Elementorを使用してMetFormフォームを挿入します #
まず、新しいページ/投稿を作成するか、既存のページ/投稿を開きます。
- 皮切りに 「エレメンターで編集」
- 要素ブロックを選択してください
- 検索する MetForm ウィジェット Elementor 要素内
- ウィジェットを選択したブロックにドラッグ アンド ドロップします。
- クリック 「フォームを編集」
- すでに作成したフォーム名が表示されます
- を選択してください フォーム名
フォームは数秒以内に挿入されます。これで、さらにカスタマイズすることも、そのままにすることもできます。
- 「保存して閉じる」をクリックします
- クリック "アップデート"
2.ショートコードを使用してMetFormフォームを挿入 #
ショートコードを使用して MetForm フォームを挿入するのも簡単な方法です。
- 新しいページ/投稿を作成するか、既存のページ/投稿を開きます。
- 覆いかぶさる メットフォーム -> をクリックします フォーム
すべてのショートコードがフォーム名とともに表示されます。
- コピー 挿入したいショートコード
- ペースト ページ/投稿のショートコード
- クリック "公開"
準備は完了です!これらのフォーム テンプレートを活用して、Web サイトをよりエレガントでダイナミックなものにしていただければ幸いです。
