WordPress プレミアムフォームビルダー - Quform

11のコメント

WordPressでContact Form 7、Visual Form Builderなど、様々な無料のフォームビルダーを利用することができます。 Quformは有料フォームビルダーとして特別な設定なしすっきりレイアウトを得ることができます。 特にQuformの場合、ユーザーがWebサイトを介して送信されたメッセージが、管理者ページで確認することができており、電子メールで通知を受けられない場合でも、メッセージが消失する危険性が減少します。

Quform - WordPress フォームビルダー

Quformは CodeCanyonで購入することができます。

Quformは、ドラッグ＆ドロップ方式でフィールドを移動させてお問い合わせフォーム（Contac Form）を完成することができ、非常に使いやすい。

Quform - 新しいお問い合わせフォーム作成

上の図のように、右側のフィールドをドラッグして左側に配置すると、フィールドが追加されます。 利用可能なフィールドには...

  • Single Line Text（テキスト入力フィールド）
  • Paragraph Text（Textareaフィールド）
  • Email Address（電子メールアドレス）
  • Dropdown Menu（ドロップダウンメニュー）
  • Checkboxes（チェックボックス）
  • Multiple Choice（複数選択）
  • Captcha（キャプチャ）
  • Group（グループ）

その他、上図の右側で「もっと」をクリックすると追加 「ファイルのアップロード」、「reCAPTCHA」、「HTML」 などの項目を選択することができます。

More fields in Quform

フィールドを左にドラッグした後、設定「」をクリックすると、以下のように個々のフィールドの設定を指定できるウィンドウが起動します。

Quform Settings

高機能をクリックして、レイアウトを微調整することができます。

Quform Advanced Settings

Add a styleでレイアウト指定を希望する要素（Outer wrapper、Label、Inner wrapper、Text input、Descript）を追加して、個別にCSSを追加することができます。 CSSは、各ラインごとにセミコロン（;）を追加して区別さてくれます。 仮に上記のようなCSSコードを追加すると、次のようにフィールドが2列で表示されます。

Quform Sample - 2 columns

このようにCSSを少し知ることよりも効果的にお問い合わせフォームを構成することができます。

Quformでは、あらかじめ指定されたスタイルも提供しています。

Quform Preset Theme

フォーム作成画面で「設定">"形式「に行き、 Themeで、目的のテーマを選択します。 例えば、 iPhorm Darkを選択してみると、下図のように黒のテーマにフォームが表示されます。

Quform Black Theme

上記のスクリーンショットは、携帯電話の画面での模様です。 （フォームを作りながらPreviewをクリックすると、フォームが任意の形状に現れるをプレビューできます。）

Quformは、さまざまな設定を提供していますので、各設定をテストしながら、レイアウトに調整すると、なりそうです。

メモ：

 

一部の記事にはアフィリエイトリンクが含まれている場合があり、パートナーの活動で一定額の手数料を受け取ることがあります。

11のコメント

  1. 良い情報ありがとうございます〜^^
    contactform7はエラーメッセージをinputボックスごとに思い通りに選択できませんでしたが…もしこのQuformプラグインはそれが可能ですか？
    たとえば、名前入力ウィンドウやら電話番号の入力を求めているならば、名前の部分メッセージは名前を入力してください。 電話番号は、電話番号を入力してください。 と異なって設定することがあるのか​​と思いまして^^

    応答

  2. こんにちは！

    フォームビルダープラグイン「Quform」に関してXNUMXつの質問があり、これを書いてください。

    1。 送信（send）ボタンを押した場合にロード中との表示をどのように変更するのですか？
    私Please waitという英語のテキストが出てきて、この部分をなくしたい。

    2.required filedを満たしていない場合は、表示されるエラーメッセージのフォントの色を変更したい。
    現在エラーメッセージのフォント色が黒で出てきていますが、どこでエラーメッセージフォントの色を変更する必要ですか？

    回答お願いします。

    応答

    1. こんにちは？

      1。 言語ファイル（poファイル）を翻訳して目的のフレーズに変えたらと思われる。
      Loco Translateというプラグインを使用するか、（https://www.thewordcracker.com/basic/how-translate-wordpress-Po-file-using-loco-translate/ ）PoeditというPC用のプログラムを利用することができます。

      2。 フォントの色は、CSSに変更が求められます。 https://www.thewordcracker.com/basic/%EC%9B%8C%EB%93%9C%ED%94%84%EB%A0%88%EC%8A%A4%EC%97%90-css%EB%A5%BC-%EC%A0%81%EC%9A%A9%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95%EA%B8%B0%EC%B4%88/ 文を参考にしてください。

      応答

  3. こんにちは！

    良い文章ありがとうございます。

    Quformを当社のウェブサイトにも適用してみました、二つの程度の質問があってこんなに文を残します。

    1。 送信（send）ボタンを押した場合にロード中との表示をどのように変更するのですか？
    私は「Please wait」という英語のテキストが出て、この部分を取り除きたいと思います。

    2.required filedを満たしていない場合は、表示されるエラーメッセージが表示されません。
    fieldごとにOptionalでError message if required項目にそれぞれのエラーメッセージを入力しても表示がされないですね。 （ただ、スクロールは、そのfieldに移動することだけです。）
    この場合、どのようにでしょうか？

    回答お願いします。
    ありがとう！

    応答

    1. 上記の回答をささげたので参照してください。 2回、今すぐ修正されたようですね。 文字色の変更は、上で述べたようにCSSを介して調整することができます。

      応答

  5. 常にこのブログを通じて多くの助けを受けています

    ありがとうございます
    応答

コメントを残す

*電子メール情報は公開されません。