グーテンベルクフォームを使用してブロックエディタを介してフォームを作成する

完璧なフォームプラグインの探求は、WordPressとほぼ同じくらい古いものです。 プロジェクトは行ったり来たりしました。 優れたフォームプラグインがいくつかありますが、多くの場合、独自の方法で処理を行う大規模なビルダーと、期待に応えられないほど単純なソリューションのどちらかを選択します。 Munir Kamalは、ブロックエディター内でフォームを排他的に構築するために設計されたプラグインであるGutenberg Formsを使用して、この飽和状態の市場に参入することで、彼の帽子をリングに入れました。

プラグインは決して完璧ではありません。 それは多くの癖があります。 それは多くのことを正しく行います。 ゲームを変える可能性のある機能で失敗することがあります。 WordPress用の最高のフォーム作成プラグインの1つになる可能性があります。

最新のアップデートであるバージョン1.4.0の時点で、グーテンベルクフォームは成功とフラストレーションの混合バッグです。 ワクワクします。

私たちはまだこのプラグインの寿命の初期段階にあるので、私は興奮しています。 カマルがグーテンベルクハブやACFブロックなど、グーテンベルク関連のプロジェクトを短期間で成功させてきたので、私は興奮しています。 時間の経過とともに改善すると信じているので、私は興奮しています。

フォームプラグインは簡単ではありません。 現在の問題にも関わらず、Gutenberg Formsは、今後フォームビルダーで見たいボックスの多くにチェックマークを付ける便利なプラグインです。 ブロックベースのフォームに必要なアイデアが整っています。 実行には、いくつかの改良が必要です。

グーテンベルクフォームは今年2月に再作成されました。 カマルは当初2018年にプラグインをリリースしましたが、最新のAPIでプラグインを更新する前に、1年半の間問題が発生していました。 それ以来、彼は涙を流し、頻繁なアップデートをリリースし、プラグインの動作を改善しています。 私は数ヶ月前に最初にそれをテストしましたが、結果に満足していませんでした。 ただし、最新のイテレーションははるかに有望です。

現在のユーザーが200人以上であるため、プラグインに必要な最大のことは、より多くのユーザーからのフィードバックを増やすことです。

フォームの作成

グーテンベルクフォームは、フォームの作成を簡単にします。 プラグインでフォームを作成する方法は2つあります。 最初の方法は、管理者のカスタム「フォーム」画面です。 これは、投稿やページと同じように機能するカスタム投稿タイプです。 違いは、ユーザーがプラグインによって提供されるフォームフィールドの追加に制限されていることです。 フォームを作成するこの方法を使用すると、フォームが1つの場所に保存され、サイトのどこでも使用できるため、理想的です。

2番目の方法は、投稿またはページエディタから直接フォームを作成することです。 プラグインのすべてのカスタムブロックは、カスタムフォームの作成に使用できます。 1回限りのフォームの場合、これを使用する方法もありますが、代わりに[フォーム]画面から作成することをお勧めします。

[フォーム]画面でフォームを作成した後、ユーザーは後でGutenbergFormsブロックを使用して保存したフォームを挿入できます。 このブロックを挿入すると実際に発生するのは、保存されたフォームを選択するときに、プラグインがショートコードをエディターに挿入することです。 これは、プラグインの癖の1つです。 ビルディングブロックのアイデアの1つは、開発者がショートコードシステムの利用から離れることです。 技術的な観点から、ここでショートコードを混ぜる必要はありません。 単にサーバー側のブロックである必要があります。 これがエンドユーザーにとってそれほど重要だとは思いません。 できます。 長期的に進化することを願っているのは、単に奇妙なことです。

プラグインは、エンドユーザーがフォームプラグインに表示することを期待する一般的なフォームフィールドのほとんどを提供します。 現在利用可能なフォームフィールドブロックは次のとおりです。

• 計算
• チェックボックス
• 日付ピッカー
• Eメール
• ファイル
• フォームボタン
• メッセージ
• 名前
• 番号
• 電話
• 無線
• 選択する
• 文章
• Webサイト
• はい・いいえ

グーテンベルクフォームには、フィールドを出力するためのものではない他のブロックも含まれています。 Form Columnsブロックを使用すると、エンドユーザーは列化されたフィールドを作成できます。 これは、市、州、郵便番号のフィールドなど、水平方向に並べる必要のあるフィールドに最適です。 Form Groupブロックを使用すると、ユーザーは複数のブロックをグループ化できます。 また、カスタムカラーやパディングなど、いくつかのデザインオプションがあります。 Form Stepブロックは、マルチステップフォームにステップを追加する場合に役立ちます。

最大ですが最も洗練されていない機能は、グーテンベルクフォームが利用できるようにする事前に設計されたテンプレートライブラリです。 現在、プラグインには約3ダースのカスタムテンプレートがあります。 カマルがグーテンベルクハブでテンプレートを使って作業していることを考えると、将来的にはさらに多くのテンプレートが表示されると思います。

問題？ フォームテンプレートインサーターは常に機能するとは限りません。

最新のWordPressプラグインとGutenbergプラグインの両方に対してプラグインをテストしたところ、新しいフォーム画面からフォームテンプレートを挿入できませんでした。 挿入を妨げるJavaScriptエラーがありました。 少なくとも私のテスト環境では、プラグインが機能しなかった最もエキサイティングな機能の1つは、少しがっかりしたことでした。

テンプレートの挿入はフォーム作成画面では機能しませんでしたが、ページ編集画面で1回限りのフォームを作成する場合は機能しました。 ただし、挿入後、一部のブロックで「このブロックには予期しないコンテンツまたは無効なコンテンツが含まれています」という恐ろしいメッセージが表示されました。

この問題は克服できないものではありません。 グーテンベルクプロジェクトは常に流動的な状態にあります。 物事が非常に不安定であるため、私は現在この種の問題を許しています。また、アップデートで対処できることも知っています。 ただし、実稼働環境でもう少し洗練されたものが必要になる可能性があるユーザーのために、それらを指摘したいと思います。 テンプレート機能がなくても、フォームを簡単に作成できます。

最終的な考え

はい、グーテンベルクフォームは端が少し荒いです。 それは、フォーム市場の他の主要なプレーヤーのいくつかと競争できる時点ではありません。 ただし、今後6か月または1年後には、継続的な改善を前提として、独自のパイのスライスを開始できるようになるはずです。

プラグインには他にもいくつかの落とし穴があります。 たとえば、一部のブロックで使用可能な「インライン」ブロックスタイルは、デフォルトにリセットできません。 チェックボックスのブロック名の「C」は小文字ですが、他のすべてのブロック名は大文字で始まります。 これらのマイナーなことにより、プラグインは実際よりも洗練されていないように見えます。

私が概説した問題があっても、このプラグインをテスト実行するために、市場の人々にブロックベースのフォームビルダーをお勧めします。 そのシンプルさは、多くの人にとって簡単な選択になります。 ほとんどの場合、それはうまく機能します。 結局のところ、フォームを作成し、それらのフォームの送信をデータベースに直接保存することができます。これが本当に重要なことです。

私は私たちが何か特別なことの始まりにあると固く信じています。 そこに着くまでには少し時間がかかります。 Gutenberg Formsがフォームビルダー市場を引き継がない場合でも、他のプラグイン開発者は、このプラグインが行っていることからヒントを得始める必要があります。