WPForms でフォームを複製

WPForms 1.1.4 – フォームの複製と送信ボタンのスタイル

WPFormsでは、皆様からのご要望の機能や改善点の追加に尽力しております。計画通りに進めば、今週中に2つのメジャーアップデートがリリースされます。WPForms 1.1.4の新機能はこちらです。

フォームを1クリックで複製

多くの皆様から、フォームを簡単に複製する方法をご要望いただいておりました。これで、フォームを1クリックで簡単に複製できるようになりました。

フォーム画面に移動し、複製したいフォームにマウスカーソルを合わせると、複製ボタンが表示されますのでクリックしてください。

WPFormsでフォームを複製する

フォームテンプレートを使えば、新しいWordPressフォームを簡単に作成できることはご存知かと思います。この機能を使えば、それらのフォームを複製できるため、さらに強力になります。

お尋ねになる前に申し上げますが、はい、独自のカスタムフォームテンプレートを作成する簡単な方法も開発中です。現在でも(少しコーディングが必要ですが)作成する方法はあります。

送信ボタンのスタイル

WPFormsでは、送信ボタンを除くすべての入力フィールドにカスタムCSSを追加できましたが、送信ボタンにはできませんでした。どのように見落としていたのか分かりませんが、ご指摘いただきありがとうございます。

このバージョンでは、送信ボタンにカスタムCSSスタイルを追加できるようになりました。

送信ボタンをクリックするだけで、カスタムCSSクラスを追加できる設定画面が表示されます。

送信ボタンクラス

機能強化 + バグ修正 + 今後の予定

これら2つの新機能に加え、いくつかの軽微なバグ修正と既存機能の強化も行いました。

今週後半にはv1.1.5をリリース予定で、フォームの送信データをエクスポートしたり、メール通知を再送信したり、単一の送信データ画面のUIを大幅に改善したりできるようになります。

来週には、GetResponse連携と、さらに2つの素晴らしい機能を開始する予定です。

ドラッグ&ドロップのWordPressフォームビルダーをお探しですか?今すぐWPFormsを入手して、すべての素晴らしい機能をアンロックしましょう。

開示:当社のコンテンツは読者によってサポートされています。これは、一部のリンクをクリックすると、手数料が発生する可能性があることを意味します。WPFormsがどのように資金調達されているか、なぜそれが重要なのか、そしてどのように私たちをサポートできるかをご覧ください

サイード・バルキ

SyedはWPFormsの共同創設者であり、WPBeginnerおよびAwesome Motive Inc.の創設者兼CEOです。2006年にWordPressを使い始め、WordPressコミュニティで起業家として非常に成功したキャリアを歩みました。もっと詳しく

最高のWordPressドラッグアンドドロップフォームビルダープラグイン

簡単、高速、安全。WPFormsを信頼する600万人以上のウェブサイト所有者に加わりましょう。

WPForms 1.1.4 – フォームの複製と送信ボタンのスタイル」へのコメント27件

  1. こんにちは。

    WPFormsはとても気に入っていますが、ボタンの色を変更するのに苦労しています。ボタンの色を#292929に、テキストの色を#ffffffに変更したいです。また、ボタンのホバー時の色を#444444に、テキストの色を再度#ffffffにしたいです。ボタンのサイズ、形状、フォントは変更したくありません。さまざまなCSSアプローチを試しましたが、ボタンの色は変わりませんでした。「送信ボタンのCSSクラス」フィールドに、これらの色を実現するためにどのようなCSSコードを追加すればよいですか?

    1. David様

      送信ボタンにCSSクラスを追加するだけです。例えば、wpf-custom-buttonと呼びましょう。

      次に、CSSファイルに以下を追加します。

      .wpf-custom-button{ background: #292929 !important; color: #fff !important; }

      .wpf-custom-button:hover{background: #444 !important}

  2. 送信ボタンの外観を変更するためにこのカスタムCSSコードを使用していますが、外観に影響がありません。

    .wpf-custom-button{ background: #ffdddd !important; color: #161616 !important; }

  3. こんにちは

    フォームの背景色を変更する方法を教えていただけますか?

    どうもありがとうございます

    Ftim

    1. こんにちは、ボニーさん!WPFormsのスタイルを設定するには、いくつかの方法があります。

      1つはプラグインCSS Heroを使用する方法です。コーディングは不要で、ポイント&クリック操作のみです。CSS HeroでWPFormsをカスタマイズする方法については、こちらのガイドをご覧ください。

      CSSを使用してご自身でフォームのスタイルを設定することもできます。CSSで連絡フォームのスタイルを設定する方法については、こちらの投稿をご覧ください。

      すべてのフォームの背景を変更するには、次のようなCSSを使用できます。

      .wpforms-form {background-color:black}

      上記でリンクした投稿には、さらに多くの例と手順が記載されています。お役に立てば幸いです!他に質問があれば、お気軽にお問い合わせください 🙂

  4. こんにちは

    背景色ではなく、テキストボックスの説明のテキストを変更したいです。例えば、名前、姓、名などです。

    お願いします。

    1. Andrewさん、こんにちは。

      テキストボックスの説明は、CSSセレクター.wpforms-form labelを使用してターゲットにすることができます。ステップバイステップの手順と例については、CSSで連絡フォームのスタイルを設定する方法に関するブログ投稿をご覧ください。サポートが必要な場合は、お気軽におお問い合わせください 🙂

    1. こんにちは、アーノルドさん、

      素晴らしい質問ですね。それを行うために必要なCSSはこちらです。

      div.wpforms-container-full .wpforms-form .wpforms-submit-container { text-align: center; }

      注意点として、このCSSはサイト上のすべてのWPFormsの送信ボタンを中央揃えにします。特定のフォームにのみこのスタイルを適用したい場合は、こちらのチュートリアル(「連絡フォームのデザインをカスタマイズする方法」セクションの「方法2」を参照)でその方法を確認できます。

      お役に立てば幸いです! 🙂

      1. ありがとうございます、素晴らしいです!

        間違ったdivを中央揃えしようとしていました…。

      2. こんにちは、アーノルドさん、

        どういたしまして、お役に立てて嬉しいです!良い一日を 🙂

    1. ブライアン、うまくいってよかったです。お知らせいただくお時間をいただき、ありがとうございます!

      では、良い一日を 🙂

  5. フォームには3つのフィールドだけが必要で、それらは必須ですが、フォームの最後にランダムな追加フィールドが表示され、ページをリロードするたびに異なり、通常はすでに選択した3つのうちの1つです。どういうことですか??どうすれば修正できますか?ありがとう

    1. レナさん、こんにちは。

      説明によると、ハニーポットフィールドが表示されているようです。ハニーポットフィールドは通常、人間には見えませんが、スパムボットには見えます。そのため、フォームでハニーポットフィールドが入力されると、スパムボットであることがわかり、送信を防ぐことができます。

      ただし、前述したように、このフィールドは人間には表示されないはずです。そのため、テーマが誤ってこのフィールドを表示させているCSSを適用している可能性が高いです。ただし、少しCSSを追加することで、このフィールドを再び非表示にすることができます。

      .wpforms-field-hp {
          display: none;
      }
      

      お役に立てば幸いです。こちらは、WPBeginnerの、このようなカスタムCSSをサイトに追加する簡単な方法に関するチュートリアルです

      お役に立てば幸いです! 🙂

  6. Wpformsで問題が発生しています。送信ボタンを押すと、ページは自動的にすべてのフィールドを空白にリセットし、すべての情報を再入力して送信ボタンを押すと、フォームは正しく送信され、次のサンキューページにリダイレクトされます。しかし、毎回フォームを2回入力する必要があります。最初の送信ボタンでフォームがすべてのフィールドをリセットします。

    1. ムハンマドさん、こんにちは。

      喜んでお手伝いさせていただきます!お時間のある時に、サポートにご連絡いただければお手伝いできます。

      WPFormsのライセンスをお持ちの場合は、メールサポートをご利用いただけますので、サポートチケットを送信してください。

      それ以外の場合は、WPForms Lite WordPress.orgサポートフォーラムで限定的な無料サポートを提供しています。

      ありがとうございます 🙂

    1. マリウスさん、こんにちは。

      もちろんです!このスタイルを調整するには、カスタムCSSが少し必要になります。必要なCSSスニペットをこのチュートリアルで共有しました。以下にコピーしました。

      div.wpforms-container-full .wpforms-form .wpforms-page-button.wpforms-page-next {
          background-color: #eee;
          border: 1px solid #ddd;
          color: #333;
      }
      

      このスニペットでは、16進値(#eee#ddd#333)を変更する必要があります。これらは異なる色を表すために使用されます。お役に立てば幸いです。私はhtmlcolorcodes.comというサイトが好きで、必要な色の16進値を探すのに使っています。これらはそれぞれ背景色、境界線の色、フォントの色を調整します。

      また、WPBeginnerにはサイトにCSSを追加する方法に関する優れたチュートリアルがあります。

      お役に立てば幸いです!追加の質問があれば、お気軽にお問い合わせください 🙂

  7. こんにちは皆さん
    助けてください。ウェブサイトでチェックアウトフォームが1つではなく2つ表示される問題があります。
    どうすれば修正できますか?リンクは提供できません。ローカルホストにあります。

  8. どなたか助けていただけますでしょうか。送信前にユーザーを別のウェブサイトに誘導するボタンをフォーム内に作成する必要があります。これは可能でしょうか、それともコードを追加する必要がありますか?

    1. Manjinder様
      現在、WPFormsには送信ボタン、またはページの次へ/前へボタン以外のボタンを追加する組み込みオプションはありません。
      カスタムボタンを追加したい場合は、HTMLフィールドを使用してHTMLボタンコードを追加し、それをCSSでスタイル設定してみてください。
      お役に立てれば幸いです!
      良い一日をお過ごしください 🙂

  9. 一人一回登録 – 月、日、何でも良いので、一回連絡したらユーザーをブロックするにはどうすればよいですか。

    ユーザーのメールといくつかの情報を収集するためにWPフォームを使用しています。プラグインは正常に動作していますが、

    問題点 —

    1. 連絡フォームのように、ユーザーが複数のフォームを送信するのを停止するにはどうすればよいですか。一度誰かがフォームを送信したら、次回はすぐに終了ページに送信され、何度も詳細を尋ねられるべきではありません。

    フォームに入力したら、次回は少なくとも10日から15日間は詳細を尋ねる必要がなく、最後のページに送信されるべきです。つまり、サンクスページです。

    私たちを助けてください

    1. こんにちは、

      確認メッセージが表示されているときにユーザーがページを更新したことが原因で、重複エントリが発生している可能性があります。この場合、これを防ぐためのいくつかの可能な解決策があります。

      1. フォーム送信時の確認メッセージではなく、ユーザーをサンクス・ページにリダイレクトします。

      2. AJAXフォーム送信を使用します。これは、フォームビルダーで設定 > 一般に移動してAJAXフォーム送信を有効にするを選択すると有効にできます。

      3. 同じユーザーが複数のエントリを送信するのを防ぎたい場合は、特定のフィールドに一意の値を要求できます。これは、Form Lockerアドオンの同じユーザーからの複数エントリを防ぐ機能(Pro以上のレベルで利用可能)を使用して達成できます。

      お役に立てれば幸いです!WPFormsライセンスをお持ちの場合は、メールサポートをご利用いただけますので、サポートチケットを送信してください。それ以外の場合は、WPForms Lite WordPress.orgサポートフォーラムで限定的な無料サポートを提供しています。

      ありがとうございます 🙂

  10. 素晴らしいフォーム

    wpformsで重複エントリを防ぐにはどうすればよいですか?

    ぜひお聞かせください

    1. Sam様 – この件でご迷惑をおかけしたことをお詫び申し上げます。

      確認メッセージが表示されているときにユーザーがページを更新したことが原因で、重複エントリが発生している可能性があります。

      重複するエントリを防ぐために、次の方法をお勧めします。

      フォーム送信時に確認メッセージではなく、サンキューページにユーザーをリダイレクトします。これは、サンキューページはユーザーをより多くの方法で支援できるように設計できるため、多くの場合さらに良い選択肢となります。サンキューページのセットアップ方法の詳細や、このページを効果的にするための例については、こちらのチュートリアルをご覧ください。

      AJAXフォーム送信を使用します。これは、[設定] > [一般] に移動して [AJAXフォーム送信を有効にする] を選択すると、フォームビルダーで有効にできます。このオプションは、ユーザーがフォーム送信後にページを更新したときに重複エントリが作成されるのを防ぎます。AJAXフォーム送信に関する詳細については、こちらのガイドをご覧ください。

      とはいえ、同じ問題がまだ発生しており、WPFormsライセンスをお持ちの場合は、メールサポートをご利用いただけますので、サポートチケットを送信してください。それ以外の場合は、WPForms Lite WordPress.orgサポートフォーラムで限定的な無料サポートを提供しています。

      ありがとうございます。

コメントを追加

コメントを残していただきありがとうございます。コメントはすべて、当社のプライバシーポリシーに従ってモデレーションされます。また、すべてのリンクはnofollowとなります。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。

このフォームはCloudflare Turnstileによって保護されており、Cloudflareのプライバシーポリシーおよび利用規約が適用されます。