AI要約
数ヶ月前にブロックエディター向けにフォームスタイリングオプションをリリースした際、私たちは他のどのフィードバックよりも多くのフィードバックをすぐに受け取りました。
Elementorユーザーからは、フォーマットオプションが不足しているという声がありました。ブロックエディターに追加した強力なスタイリング機能が欠けていたのです。
ページビルダーを使用している場合、フォームの外観を整えるためにコードに飛び込んでCSSをいじることは、最後の手段であってほしいものです。それは難しく、時間のかかる作業です。
しかし、私たちの目標は常に物事を非常にシンプルにすることです。私たちは、適切に機能し、素晴らしい見た目のフォームを作成してほしいと考えています。Elementorユーザーがフォームを完全に制御できるようにすることが、私たちにとって最優先事項です！
WPForms 1.8.3で、すべてのWPFormsユーザーが簡単なフォームスタイルを利用できるようになりましたことをお知らせできることを嬉しく思います！
Elementorでのフォームスタイリングに加えて、このリリースにより、フォーム送信の読み取りと解釈が容易になります。
詳しく見ていきましょう。
Elementorで簡単にフォームをスタイリングする
今回のアップデートの主な目標は、ページビルダーとしてElementorを使用しているユーザーにとって、フォームのスタイリングをより迅速かつ容易にすることでした。
以前のリリースでブロックエディターユーザーに展開されたのと同じ機能にアクセスできるようになりました。手間をかけずに美しいフォームを作成できます！
このリリースでは、フィールド、ラベル、ボタンのスタイルをカスタマイズして、サイトに合った美しいフォームを作成できます。CSSスキルやデザイン知識は必要ありません。完全に初心者向けです。
これらのオプションにアクセスするには、フォームがElementorで開かれていることを確認し、WPFormsウィジェットエディターでスタイルをクリックしてください。
これにより、Elementorでフォームのスタイリングオプションが開きます。
そこから、各スタイルをクリックして設定を調整し、フォームの外観をカスタマイズできます。
フィールドスタイルを編集する際には、フォームのフィールドサイズ、境界線の半径、および色を設定します。このオプションを使用すると、サイトのスタイルと一致させることで、統一されたブランドエクスペリエンスを簡単に作成できます。
ラベルスタイルで、フォームのラベルのサイズと色を編集して、サイト全体でより一貫した外観を作成します。
最後に、ボタンのスタイルを編集すると、フォームのボタンのサイズ、境界線の半径、背景色、およびテキストの色を調整できます。これにより、一貫性を維持し、フォームボタンがサイトの他のボタンと一致していることを確認するのが簡単になります。
これだけです。CSSは不要です！
Elementorユーザーがフォームのスタイリングオプションを持てなかったことが不満であったことは承知しています。私たちはそれをはっきりと聞きました！皆様からのフィードバックにより、より多くのお客様がフォームスタイル機能を利用できるようにするソリューションを開発するために、チームが協力しました。
エントリービュー設定の改善
また、このリリースにより、フォームのエントリーをこれまで以上に簡単に読み取れるようになりました。
これまでは、フォームのエントリーを表示しても、送信された情報しか表示されませんでした。非常に柔軟性がなく、セクション区切り、ページ区切り、またはコンテンツフィールドのすべてが表示されませんでした。
WordPressでのエントリー管理は便利ですが、情報を思い通りに表示できない場合があることを私たちは理解しています。特に、デフォルトのエントリー表示は複雑なフォームでは機能しないことがありました。
エントリー表示は読みにくいだけでなく、リードの処理に時間がかかり、作業効率を低下させていました。誰もそんなことは望んでいません！
そこで私たちは再び知恵を絞り、エントリー表示に対するより多くのコントロールを提供できるようになりました。これにより、最も重要な情報を表示できます。
これで、フォームのエントリーを表示する際に、右上隅に設定アイコンが表示され、すべてのフィールド設定をドロップダウンで選択できるようになります。
トグルを切り替えるだけで表示をカスタマイズし、変更を即座に適用できます。
選択が完了すると、自動的に保存されます。つまり、理想的な表示を選択すると、変更しない限りその状態が維持されます！
この例ではセクション区切りとページ区切りをオンにした後、このように読みやすく理解しやすくなります。応答で保持したい列がある場合は、フォームのレイアウトを維持することも選択できます。
フォームの提出内容を解釈するのが常に簡単ではなかったことを私たちは理解しています。特に複雑なフォームではそうです。これらの新しいレイアウトコントロールとまったく新しいコンパクトビューにより、フォームの単純さや複雑さに関係なく、必要なビューを正確に取得できるようにしたいと考えました。
この機能は、応答だけでなく、フォーマットされ整理されたすべてのフォームデータを提供することで、時間を節約します。
シングルエントリービューコントロールは、すべての有料ライセンス所有者が利用できます。
最後に、これらの機能に加えて、ぜひチェックしていただきたい他の多くの改善点をバンドルしました。
- スパム対策の改善： スパムエントリーを拒否するのではなく、保存してスパムとしてマークできるようになりました。また、ボットによるフォームへのスパム送信を防ぐために、送信を遅くする追加のトグルも追加しました。
- フォームフィールド検索：フォームビルダー内で上にスクロールして、必要なフィールドをすばやく検索できるようになりました。
- そして…まったく新しい
{site_name}スマートタグ。
まもなくさらに多くのアップデートが公開されます
いつものように、私たちのチームはWPFormsで最高の体験を提供するために一生懸命取り組んでいます。新しいアドオンとリリースを開発中で、私たちが取り組んでいるものを皆さんにお見せできることを非常に楽しみにしています。
ご期待ください！
サポートチームがご質問にお答えしますので、何かお手伝いできることがあれば、お気軽にお問い合わせください！
ジャレッド
私はあなたの常連のお客様です。入学願書を提出した後、PDFまたは印刷オプションを保持する必要があります。このオプションを保持することは、私たちのような多くのお客様に役立ちます。Dayaはこのオプションを非常に迅速にオンにしたため、サードパーティのプラグインを使用する必要がありませんでした。
メヘディさん、こんにちは。現在、提出されたエントリーのPDF/印刷オプションは提供されていません。申し訳ありません。素晴らしい機能だと思いますので、開発者の皆様の目に留まるよう、機能リクエストトラッカーに追加させていただきます。
回避策として、フォーム通知メールを設定して、提出されたエントリーの内容をメールで送信することができます。ほとんどのブラウザでは、メールをPDFとして保存できます（Chromeの場合はこちらが例です）。
また、各エントリーを手動でPDFとして作成することもできます。
別の回避策として、ユーザーがフォームから送信した情報を含むダウンロード可能なCSVファイルを通知メールに添付することもできます。
ありがとうございます 🙂
Oxygen Builder向けに何か作業されていますか？
Mineshさん、こんにちは。Oxygen Builderとのスタイル連携は現在提供されていませんが、開発者の皆様の目に留まるよう、機能リクエストトラッカーに追加させていただきました。
Elementor Proでスタイルタブが消えています。WPFormsのライセンスも購入済みです。どうすればよいか教えてください！
Robertさん、こんにちは。ご迷惑をおかけしております。お時間のある際に、サポートまでご連絡いただければ対応させていただきます。
WPFormsのライセンスをお持ちですので、メールサポートをご利用いただけます。サポートチケットを送信してください。
ありがとうございます 🙂
Elementorにスタイルタブを追加していただきありがとうございます！これで大量のCSSを書かずに済みます。
Ronさん、こんにちは。お知らせいただきありがとうございます。気に入っていただけて嬉しいです。:)
Elementorで送信ボタンを（中央に）配置することはできません。
Raviさん、こんにちは。申し訳ありませんが、現時点ではElementorでは不可能です。しかし、こちらに記載されている方法でカスタムCSSを使用すれば可能です。
上記2つのオプションを含む、サイトにカスタムCSSを追加する方法の詳細については、こちらの記事をご覧ください。
お役に立てれば幸いです。ありがとうございます 🙂