Bit Form V3のご紹介：より洗練され、高速になったWordPress用フォームビルダー

WordPressフォームの作成は、フィールドを追加するだけではありません。フォーム間を移動したり、フィールドの設定を調整したり、レイアウトをスタイル設定したり、さまざまなデバイスでフォームをプレビューしたり、送信後のエントリーを管理したりする必要もあります。.

で Bit Apps, 、私たちはWordPressでのフォーム作成を、可能な限り効率的で、カスタマイズ性が高く、使いやすいものにしています。皆様からのご意見を真摯に受け止め、WordPressでのフォーム作成において最も簡単な体験を実現する「Bit Form バージョン3」を発表できることを大変嬉しく思います！ 

Bit Form V3 使い慣れたフォーム作成ワークフローを維持しつつ、ダッシュボード、ビルダー、スタイリングシステム、プレビュー体験、およびフォーム管理のいくつかの領域を再構築します。また、マルチサイトサポート、メールOTP認証、レスポンシブプレビューモード、およびエントリーのエクスポート制御の改善といった重要な新機能も追加されます。.

Bit Form V3が単なる外観の刷新以上のものと言える理由

競争の激しいフォームプラグインの世界では、使いやすさが重要です。Bit Formは、そのシンプルさと高速性で既に高い評価を得ていました。ユーザーからは、豊富な機能を備えながらも、そのドラッグ＆ドロップインターフェースが「とても使いやすい」と評されていました。. 

バージョン3は、その基盤の上に構築され、～に焦点を当てています 使いやすいフォームビルダー フォーム作成をより迅速かつ容易にするための改善点について説明します。完全に刷新されたビルダーUIから、高度なスタイリング、マルチサイト機能まで、このアップデートのハイライトと、それらがフォーム作成体験をどのように向上させるかを見ていきましょう。.

Bit Form バージョン 3 の新機能とは？

〜で バージョン3, ダッシュボード内での体験を向上させることに重点を置いています。コア機能、統合、フォーム設定はこれまでと変わりませんが、更新された UI/UXデザイン プラグインの使い方を理解するのに費やす時間を減らし、サイトに適したフォームを作成する時間を増やすことができます。.

本題に入る前に、Bit Form V3で導入された主な改善点について簡単に概要をご紹介します。.

それでは、これらのアップデートをさらに詳しく見て、更新された内容をご紹介します。 ダッシュボード スクリーンショットを添付しました。これにより、弊社がどのように物事をよりシンプルかつ効率的にしたかをご確認いただけます。.

マルチサイト対応：1つのプラグインで、管理下にあるすべてのサイトに対応

V3 より前

WordPressのマルチサイトネットワークでフォームを管理するには、多くの場合、追加の手動設定と個別のサブサイトに対する別々の設定が必要になります。.

V3の後

バージョン3では、WordPressのマルチサイトアーキテクチャのサポートが強化されました。フォームおよび関連データを、マルチサイトネットワーク内の個々のサブサイト全体でより効果的に管理できるようになり、単一のWordPressインストールからより優れた制御と柔軟性を提供します。.

その重要性: WordPressマルチサイトは、教育プラットフォーム、ビジネスネットワーク、マルチブランドウェブサイト、大規模なコンテンツエコシステムで広く使用されています。マルチサイトサポートの改善は、チームが接続されたサイト全体でフォームをより一貫して管理するのに役立ちます。.

より優れた全体像を把握できる、すっきりとしたフォームダッシュボード

Bit Form V3を起動すると、まず目に付くのは、よりすっきりとしたフォームダッシュボードです。一目で把握しやすく、整理整頓されており、余計なクリックをすることなく、フォームの詳細情報を確認できます。.

新しいダッシュボードでは、基本的なフォームの一覧を表示するだけでなく、各フォームに詳細なコンテキストが提供されます。エントリ数、表示回数、完了率、作成日、利用可能なアクションなどの主要な詳細情報を1か所から素早く確認できます。.

紙の上では小さな変更です。しかし、それは毎日数回のクリックを節約します。.

よりクリーンなフォーム作成体験のためのビルダーUI再設計

UI とタイポグラフィ：あなたが知らなかった、視覚的な浄化

Bit Form V2では、すでにドラッグ＆ドロップによるフォーム作成が可能な実用的なビジュアルビルダーがユーザーに提供されていました。V3では、ビルダーの操作性がさらに洗練され、画面の把握が容易になり、長時間のフォーム作成作業でも快適に利用できるようになりました。.

更新されたインターフェイスは、フォームキャンバスにスペースを増やし、視覚的なバランスを改善し、メインコントロールをより認識しやすくしています。フィールドエリア、設定、ビルダーアクションは、より整理されたように感じられるため、ユーザーは探し回る時間をかけずに作業場所を理解できるようになります。.

Bit Form V3では、ビルダー全体のタイポグラフィも改善されています。文字サイズの調整がより明確になり、セクションラベルの見やすさが向上し、全体的なレイアウトによって、より集中して編集できる環境が整いました。.

シンプルなコンタクトフォームを作成するユーザーにとっては、プロセスがよりスムーズになります。より長文のフォーム、登録フォーム、複数ステップのフォーム、またはクライアントプロジェクトに取り組むユーザーにとっては、よりクリーンなビルダーレイアウトにより、日常的なフォーム作成の管理が容易になります。.

種類別に分類された2列のフィールド一覧

これは些細な変化に聞こえるかもしれませんが、一度体験すると、もう元には戻りたくなくなるでしょう。.

Bit Form V2には、ユーザーがさまざまな種類のフォームを作成するために必要なすべての主要なフィールドがすでに含まれていました。唯一の制限は、フィールド一覧が1つの長い列として表示されていたため、特に長めのフォームや高度なフォームを扱う場合、適切なフィールドを見つけるのに少し時間がかかってしまうことでした。.

Bit Form V3では、2列のフィールドレイアウトと明確なフィールドカテゴリにより、その操作性が向上しています。.

長いリストをすべて目を通す代わりに、基本フィールド、オプション／選択フィールド、詳細フィールド、支払いフィールド、スパム対策／キャプチャ、要素といった整理されたグループからフィールドを検索できるようになりました。.

これにより、新規ユーザーと既存ユーザーの両方にとって、ビルダーが使いやすくなります。新規ユーザーは利用可能なフィールドタイプをより速く理解できるようになり、通常のユーザーは検索や余分なクリックを減らしてフォームを構築できるようになります。.

これにより、フォームの作成により集中し、適切なフィールドを見つけることに費やす時間を減らすことができる、よりクリーンなフィールド選択エクスペリエンスが得られます。.

フィールドオプションが左に移動され、セクションごとに整理されました

Bit Form V2では、すでにラベル、プレースホルダー、検証、その他のフィールドの動作をカスタマイズするために必要なフィールド設定がユーザーに提供されていました。唯一の制限は、これらのオプションが1つの長いパネルにまとめられていたため、複雑なフォームを扱う際に、詳細設定や条件付き設定を見つけるのに少し時間がかかってしまうことでした。.

Bit Form V3では、フィールドオプションを左側のパネルに移動し、「基本」、「詳細」、「条件分岐」という明確なセクションに分類することで、操作性を向上させています。.

これにより、フィールドの設定がより分かりやすくなります。ラベルやプレースホルダーなどの一般的な設定には「Basic」、検証やカスタムオプションには「Advanced」を使用でき、 条件分岐 ルールベースのフィールド動作のため。.

シンプルなフォームでは、編集体験をすっきりと保ちます。より高度で設定が多い長いフォームでは、余分なスクロールを減らし、目的のオプションをより迅速に見つけるのに役立ちます。.

フィールド追加ボタンとフィールドピッカーモーダルでフォーム作成を高速化

V3のより洗練されたUXの追加機能の1つは、新しいコンテキストフィールドピッカーです。ビルダー内の既存のフィールドにカーソルを合わせると、インラインで「フィールドを追加」ボタンが表示されます。それをクリックすると、フィールドピッカーモーダルがそのまま表示されるため、上にスクロールしてフィールドリストを表示させ、ドラッグして位置を再調整することなく、新しいフィールドを挿入できます。.

マウスホイールに一度も触れることなく8つのフィールドを追加したと気づくまで、20フィールドのフォームを構築していると、それは些細なことのように聞こえます。.

ビルダーで入力右を切り替え可能にする

V3では、ビルダー内にフォーム切り替え機能が追加されました。一つのフォームを編集中に、別のフォームを参照したり切り替えたりする必要が生じても、ビルダーを一度終了してダッシュボードに戻り、目的のフォームを開く、という手間がなくなりました。切り替え機能はビルダー内にあります。.

複数のフォームを管理している人や、同じフォームのバリエーションを構築している人にとって、これはすぐに効果が出る QOL 向上策です。.

フィールド設定での条件ロジック

Bit Formでは、条件付きロジックは以前は別の機能として扱われていました。フォームを作成した後、別のセクションに移動して表示ルールを設定する必要がありました。V3では、基本的な条件付きロジックがフィールド設定パネルに直接組み込まれています。.

「詳細設定」画面内で、設定中のフィールドから移動することなく、別のフィールドの値に応じて特定のフィールドを表示または非表示に設定できるようになりました。ユーザーが「はい、連絡してください」を選択した場合にのみ電話番号フィールドを表示するといったシンプルな用途では、まさにこの設定が最適です。.

メールOTP認証：送信前にメールアドレスを確認

Bit Form V3では、V2にはなかったメールによるOTP認証機能が標準搭載されました。.

これは、登録フォーム、サインアップフォーム、お問い合わせフォーム、リードフォーム、またはメールアドレスが重要なあらゆるフォームで、より信頼性の高い送信が必要な場合に役立ちます。入力された任意のメールアドレスを受け入れる代わりに、送信が完了する前にユーザーにメールアドレスの確認を求めることができます。.

アクセシビリティの改善：大きな意味を持つ小さな工夫

V3では、より優れたaria-labelサポート、エラー処理の改善、非表示フィールドの動作改善など、主要なフォーム領域全体でアクセシビリティも向上しています。.

サイトオーナーにとって、これはフォームがより幅広い訪問者に、よりクリーンな体験を提供できることを意味します。. 

会話形式UI/UX改善

会話の形式 これらはすでにBit Form V2で利用可能でした。バージョン3では、インターフェースと全体的なユーザー体験の向上に重点を置きました。.

名前、メールアドレス、パスワード確認フィールド

Bit Form V3では、名前、メールアドレス、パスワード関連のフィールドに特化した改善が施されており、共通フォームの設定もより簡単になりました。. 

これは、ちょっとした入力ミスが後々問題を引き起こす可能性のある、サインアップフォーム、登録フォーム、アカウント作成フォーム、オンボーディングフォームなどで特に役立ちます。. 

スタイル選択：より詳細な制御、推測の低減

新しいプリセットテーマ

V3には、より洗練され、本番環境ですぐに使えるフォームレイアウトを実現するために設計された、新しい既成のテーマが同梱されています。Bit Form V2のテーマは、ユーザーにスタイリングのためのシンプルな出発点を提供していました。一方、新しいV3のオプションでは、手動でのカスタマイズを最小限に抑えつつ、現代的なWordPressサイトにふさわしい、より洗練されたデザインが提供されています。.

テーマのクイック修正：フラットリストから整理されたセクションへ

V2でテーマクイック調整パネルを使用したことがあるなら、それがどのような見た目だったか exact にわかっているはずです。1つの長くて平坦なリスト：アクセントカラー、背景色、フォントカラー、フィールド背景色、境界線、フォントファミリー、フィールドサイズ、フォントサイズ、ラベル配置。これらすべてが、フォームコンテナに影響するもの、ラベルに影響するもの、入力フィールドに影響するものとの間に区別なく、単一のグローバル見出しの下に積み重ねられていました。.

機能したのですが、フォームのスタイル設定が必要になった途端、パネルは手狭で操作しにくくなりました。フォントの色を変更しても、それがラベルの色なのか入力テキストの色なのか分からなくなりました。境界線を調整しても、意図しない部分に影響していることに気づきました。.

V3 は Quick Tweaks パネル全体を再構築します。同じ設定が、折りたたみ可能なセクション（Form、Label、Input Field、Others）に整理されました。Form セクションは、アクセントカラー、背景、テキストカラー、フォントファミリー、フィールドサイズを扱います。Label は、テキストカラー、フォントサイズ、配置のための専用ブロックになります。Input Field と Others は同様のロジックに従います。.

カスタムテーマ：複製、編集、エクスポート、削除

最も要望の多かった機能の1つは、カスタムテーマ管理の改善でした。V3では、テーマを複製して開始点として使用したり、直接編集したり、他のフォームやサイトで使用するためにエクスポートしたり、不要になったテーマを削除したりできるようになりました。.

クライアント向けにフォームを構築するデザイナーや開発者にとって、このワークフローはゲームチェンジャーとなります。一度テーマを作成し、エクスポートして、あらゆる場所に展開できます。.

テーマのエクスポートとインポート：フォームまたはファイルから

これをさらに発展させ、V3ではフォームから直接テーマをエクスポート（現在のスタイルを再利用可能なテーマとして取得）したり、スタンドアロンファイルとしてエクスポートしたりできます。インポートも同様です。同僚からテーマファイルを受け取り、インポートしてすぐに適用することができます。.

これは、単体ツールをチームツールに変える、協力しやすい機能です。.

スタイルレイヤーUIを共通、マルチステップ、個別セクションに再編成

V2のスタイルパネルは、すべてが一箇所にまとまった、長くてスクロール可能なセクションでした。スタイリングしたいレイヤーを見つけるためには、必要のない設定をスクロールして通り過ぎて、目的の設定にたどり着く必要がありました。.

V3は、スタイルレイヤーUIを3つの明確なグループに分割します：共通（グローバルなフォームスタイル）、マルチステップ（に固有のスタイル 複数ステップフォーム ナビゲーション）、そして個別（フィールドごとのオーバーライド）です。この階層構造は論理的で、ほとんどのデザイナーがフォームのスタイル設定を考える際の思考プロセスを反映しています。.

Common Layers におけるホバーおよびフォーカス状態のスタイリング

V3では、共通スタイルレイヤーにホバー状態とフォーカス状態のカスタマイズが追加されました。標準のCSSインタラクション状態を使用して、ユーザーがフィールドにホバーしたときやフォーカスされているときのフィールドの外観を定義できるようになりました。これは以前のバージョンでは顕著な欠点であり、フォームのスタイリングをUIの他の部分に合わせようとする開発者にとって一般的なフラストレーションの原因でした。.

また、今回のリリースでは、Commonレイヤーのstyleプロパティの対応範囲も大幅に拡大されました。.

「エントリー」セクション：フィルタリングとエクスポート機能がさらに便利になりました

フィルターオプションの改善

V3では、エントリーページから特定のフォーム送信をフィルタリングして見つけやすくなりました。.

フィルターを作成・管理できるため、エントリーの確認がより迅速かつ整理された状態で行えます。. 

エントリーのエクスポートを改善

V3では、エントリをエクスポートする前に、含めたい列を選択することができます。これにより、実際に必要なデータのみを含む、より整理されたエクスポートファイルを作成できます。. 

プレビューページ：ユーザーと同じ視点でフォームを確認する

V3のプレビューページが大幅に強化されました。プレビュー画面上で直接、さまざまなビューポートのブレークポイントを切り替えることができるようになり、モバイル、タブレット、デスクトップでのフォームの表示状況をシミュレートできるようになりました。.

外観コントロールにより、フォームのスタイル、レイアウトの動作、レスポンシブブレークポイントなど、実際のユーザーが見るものをより適切に表現できます。これまでは、フォームを発行してから携帯電話で確認して、正しく表示されているか確認する必要がありました。今では、発行前に確認できます。.

この機能のおかげで、「すみません、スマホで見るとフォームの表示がおかしくなっていました」といった気まずいやり取りを避けることができます。.

Bit Formの今後の展開

Bit Form V3 大きな前進ではあるが、 ロードマップはここで終わりではありません。. チームは、WordPressの実際のユースケースにおいて、フォーム作成をより柔軟に、実用的に、そして簡単にできるような、さらなる機能の開発にすでに取り組んでいます。.

今後の改善点には、 専用のアドレス入力欄、連携に失敗した際のメール通知、投票・アンケートフォームのサポート、AIフォームテンプレート ユーザーがより速くフォームを作成できるように.

これらのアップデートにより、Bit Form を使用したフォームの作成、管理、自動化の利便性がさらに向上していきます。.

今すぐ Bit Form V3 を試してみてください

さあ、その魅力を体験する準備はできましたか？ 新登場 Bit Form バージョン3? 今すぐアップグレードして、 よりクリーンで、より速く、より直感的なWordPressフォームビルダー. いつも通り、私たちはいつでもお手伝いいたします。ご質問やフィードバックがありましたら、お気軽にご連絡ください。.

よくある質問