プラグイン
ウェブサイト開発
ウェブサイト
ワードプレス
フォームを構築するためのお気に入りの WordPress プラグインがアップデートを発表しましたが、答えよりも疑問の方が多いですか?私たちがお手伝いします!この問題をもっと詳しく見てみましょう。
重力フォームとは何ですか?
WordPress プラグイン ページにアップデートが表示されない場合、今すぐアップデートするにはどうすればよいですか?
プラグインの新機能は何ですか?
次に何を期待しますか?
この投稿では、Gravity Forms バージョン 2.5 リリースに関する最も一般的な質問に対する回答を提供します。さあ、いくぞ！
初心者向けの重力フォーム
ここでこの記事を読んでいるということは、おそらくあなたも幸せな Gravity Forms ユーザーの一人でしょう。そうでない場合は、この大騒ぎが何についてなのか知りたいと思うかもしれません。
一言で言えば、Gravity Forms は、単純な問い合わせフォームから、条件付きロジック、支払い機能、さまざまな統合を備えた非常に複雑な構造まで、あらゆる種類のフォームを作成するためのおそらく最も人気のある WordPress プラグインです。
これはプレミアムプラグインですが、支払う価値は十分にあります。インタラクティブ性はデジタル製品の非常に貴重な特性です。
人々はあなたのサイトを使用するときに疎外されていると感じたくありません。 UX は、ある種のロボットの独白ではありません。それは常にユーザーとの会話です。彼らに応答してもらいましょう！
Web サイトに短いフォームを追加するだけでも、対話性が大幅に向上します。あなたの訪問者はあなたのフィードバックへの関心にきっと感謝するでしょう。また、後で連絡するときに役立つ電子メールなどの貴重な情報を収集することもできます。宣伝するためではなく、正当な評価を支払うためです。Gravity Forms は、特にそのような機能を手動でコーディングしたくない場合に最適です。
アップデートはどこにありますか?
したがって、このプラグインには、よりクールな新しいバージョンがある、いや、2.4… 以前のプラグインよりもはるかにクールになっている、ということを聞いたことがあるかもしれません。しかし、興奮の後にすぐに混乱が起こります。プラグインをインストールした WordPress サイトには更新が表示されません。どうして？
新しいバージョンのリリース日は自動アップデートのリリース日と一致しません。場合によっては、2 つのリリース日の間に数週間のズレが生じることもあります。 Gravity Forms の場合も同様です。リリースは 4 月 27 日に行われました。ただし、まさにこの理由により、WordPress サイトに更新があることが示されない場合があります。
「でももう出てるよ！だから、今すぐ欲しい！「
特に新しいエディターのインターフェイスと機能は非常に有望であるため、皆さんの焦りは理解しています。残りの調整や更新は言うまでもなく、再設計されたフォーム エディターだけでも、今すぐインストールする確かな理由になります。ちょっとしたティーザー/ネタバレをお見せしましょう:
そうです、それは同じような変更ですWordPress エディターは 2018 年に完成しました–昔、ニュースになりましたね。ちなみに、新しい Forms を試したいが古いバージョンがインストールされていない場合は、デモ– それは、どんな言葉で説明するよりも効果的に、良い方向への変化を示しています。さらに素晴らしいのは、プラグインをどの Web サイトにもインストールする必要がなく、どこでも機能することです。
しかし、本題に移り、既存の Gravity Forms プラグインを更新する方法を見てみましょう。どうしようか？
手動重力フォーム更新
- Gravity Forms アカウントにログインします。
- に行きますダウンロードエリア– プラグインのアクティブなライセンスの所有者である必要があることに注意してください。
- そこに .zip ファイルがあります。これが新しいバージョンです。ダウンロードしてください。
- 次に、使用している WordPress のバージョンを確認し、それに応じて次に進みます。
WordPress バージョン 5.5 以降の場合:
ａ．に行くプラグイン – 新規追加WordPress 管理ダッシュボード上。
注意！以前のバージョンのプラグインをアンインストールしないでください。
古いバージョンの Gravity Forms を保持しておいてください。データを保存するために必要です。プラグインがまだ存在していることを確認したら、ステップ 5 に進みます。
WordPress バージョン 5.4 以前の場合:
ａ．クリックプラグインWordPress 管理ダッシュボード上。
b. Gravity Forms プラグインを見つけてクリックします非アクティブ化。
c.同じプラグインの場合は、消去。これは、新しいバージョンフィールドの「部屋を空にする」だけであり、データには影響しません。したがって、削除を確認し、アップロードに進みます (ステップ 5)。
- を選択アップロードオプションを選択してクリックしますブラウズアップロードするファイルを探します。
- Gravity Forms Web サイトから取得した .zip アーカイブを選択し (ステップ 3 を参照)、クリックします。アップロード。
- クリック今すぐインストール。古いプラグイン (WordPress バージョン 5.5 以降) を保持している場合は、次のオプションを選択します。現在のものをアップロードされたものに置き換えます。それ以外の場合は、活性化。
そして、あなたはそれをやり遂げました！ 2.5 バージョンがここにありますので、お試しください。
アップデートには何が含まれますか?
あこっそり覗くこの投稿の冒頭では、苦労して更新する価値があるかどうかを判断するのに十分な内容が示されていません。新しくなったグラビティフォームが私たちにもたらす恩恵とは何でしょうか？
Gravity Forms チームは、彼らが行った、または計画している変更をテストすることに多大な労力を費やしました。彼らは人々がサンドボックスで遊べるいくつかの候補バージョンを提示し、フィードバックを求めました。このコミュニティとの協力により、候補 3 (本番環境に到達した候補 3) を磨き上げることができました。変更履歴すべての改善が施されました。その結果何が得られるかを見てみましょう。
完全に再設計されたエディター
フォーム エディターには、よりユーザー フレンドリーで見た目が楽しい、スタイリッシュで改良されたインターフェイスが追加されました。また、すべての編集が実行されているのをライブで確認することもできます。
サイドバーのフィールド タイプは、WordPress のブロックによく似ています。一般に、この新しいインターフェイスは WordPress Gutenberg エディターに似て作られており、Gravity Forms チームはこれを目標として明言しています。その考え方は、プラグインが WordPress 環境にうまく適合し、専門家以外のユーザーにとってもわかりやすいものでなければならないということです。
変更点の中には、UX の向上とインターフェイスの見栄えを目的とした、さまざまな規模の調整が複数あります。の設定たとえば、ページの外観が刷新されました。また、フィールド設定条件付きロジック オプションが別のフライアウト メニューに配置されたため、より便利に配置され、より簡潔になりました。
フォーム エディターは全般的に操作が容易になり、これは喜ばしいことです。そして、それは管理者側とエンドユーザー側の両方に当てはまります。後者では、ページ ナビゲーションに非表示のページが表示されなくなります。またもや混乱が生じます。
列コントロールをドラッグ アンド ドロップします。
ドラッグ アンド ドロップの列コントロールによってさらに使いやすさが向上します。フィールドを隣り合った行に配置するのが非常に簡単になりました。必要なのは、フィールドを選択して、必要な場所にドラッグすることだけです。
制限されるのは数だけです。4 つを超えるフィールドをまとめることはできません。しかし、これは正当な制限のように思えます。5 は多すぎる可能性があります。
フィールドを一列に配置したら、各フィールドの幅を調整できます。上の図では、ドラッグされている要素の後ろにハンドルがあります。ハンドルはまさにこの目的を果たします。これらはフィールド間にマウスを置くと表示されます。ドラッグするだけでフィールドを縮小または拡張でき、すっきり簡単です。
このアップデートがもたらすもう 1 つの優れた点は、このドラッグ アンド ドロップ機能にあります。列レイアウト コントロールが変更されたため、それらの Ready クラスは必要なくなりました。これらは、ドラッグ アンド ドロップというより優れた代替手段があるため、サポートされなくなりました。究極の使いやすさへ、また一歩！
アクセシビリティ
この一連の変更は、Gravity Forms チームが最も推進しているものです。それには理由があります。すべての人を巻き込み、すべての人のエクスペリエンスを合理化することをもっと考える必要があるのは間違いありません。
このプラグインには、複数のアクセシビリティ改善を含む変更されたマークアップが付属しています。これは、作成するすべての新しいフォームの標準になります。ただし、すでに持っているものは古いマークアップを維持しますが、唯一の注意点は、列レイアウトをサポートしていないことです。
従来のマークアップも引き続き利用できます。このオプションはすべての古いフォームで自動的にオンになりますが、フォーム設定。そのためには、フォームオプションセクションを選択して、対応するパラメータを切り替えます。
この種の実験は、必ず最初にサンドボックスで実行してください。したがって、実際のサイトで互換性の問題 (およびその他のさまざまな問題) を解決する手間を省くことができます。これは、適用する変更に対する一般的な推奨事項です。経験則では、ある種のステージング環境そして作成しますバックアップサイト上のほとんどすべてのものを編集する前に。
新しいマークアップ (およびプラグイン内のすべて) は、以下に完全に準拠するように作成されています。WCAG 2.1AA– Web 製品のアクセシビリティに関する推奨事項の最新リリース。 Gravity Forms は、このアップデートとともに、アクセシビリティの向上に関するメッセージを積極的にブロードキャストします。彼らは、プラグインを誰にとっても簡単に使用できるようにするために可能な限りすべてを実行してきた (そして今後も実行し続ける) ことを保証します。
この方向での変更のうち、すぐに気づくことができるのは、隠しボタンが見えなくなる方法です。次のようなフォームを作成すると想像してください。提出するボタンは、すべてのフィールドに入力した場合にのみ使用できます。
以前は、ボタンはフォームから削除されるだけで、条件が満たされた場合にのみ表示されていました。ボタンを非表示にしてその条件を指定するには、フォーム設定そして下にスクロールして、条件付きロジックセクション。
そこで必要なパラメータをすべて設定し、クリックします設定を保存するページの下部にあります。
注記：フォームのプレビューでは、フォームがサイト上で表示されるとおりに正確に表示されるとは限りません。プラグインはそれに関する警告を表示しますが、デモで変更を適用するときに驚かないようにしたいと考えました。
誰にとっても便利な Web サイトを構築できるように、Gravity Forms はアクセシビリティを妨げるものがあるたびに警告メッセージを表示します (上記の画面上の注記と同様)。特定の種類のフィールドでは、視覚障害のある人が使用するスクリーン リーダーを混乱させる可能性があります。必要のない場所に誤って追加した場合に備えて、プラグインは次の通知を送信します。
テキストはクリック可能で、Gravity Forms がこのメッセージの意味を詳しく説明するページにリンクします。
もちろん、reCAPTCHA や隠しスパム対策フィールドなどの一部のフィールドには理由があって存在しており、ソフトウェアで読み取りにくいことがその目的そのものです。警告がフィルターとして機能する場合は、警告に関係なく削除しないでください。ただし、これらの通知をレッドカードとして受け取る必要はありません。これらの通知は問題の潜在的な原因を示しているだけであり、それが悪い選択であるとは述べていません。
Web 担当者をさらに支援するために、Gravity Forms は次のアクセシビリティ ガイドをまとめました。デザイナーそして開発者。非常に役立つ読み物です。大きなプロジェクトに取り組んでいる間、いくつかのことが頭から離れなかったり、焦点が合わなくなったりすることがあります。これらの記事はアクセシビリティ チェックリストとして機能します。これらを使用して、さらに優れた製品を構築してください。
その他の改善点
Gravity Forms のフォーム スタイルでさらにカスタマイズできるようになりました。それを可能にする変更の 1 つは、2 ファイル システムです。つまり、フォームのスタイルが 2 つのファイルに分散されるようになりました。基本的な.cssそしてテーマ.css。
- 基本的な.css名前が示すように、その機能に必要なフォームの基本的なスタイル プロパティが含まれています。
- テーマ.cssフォント、色など、フォームのスタイルと呼ばれるものが含まれています。
「それからどのように利益を得られますか?」不思議に思うかもしれません。つまり、フォームの外観をより安全に調整できるようになります。言い換えれば、この種のシステムは、機能関連のスタイル (おそらく干渉したくない) をフォームの外観に関連するスタイルから分離します。したがって、デフォルトのテーマ設定を無効にすることで、フォームのテーマ設定を適用できます。
これを行うには、アクティブなテーマまたはカスタム関数プラグインの function.php に次のフィルターを追加する必要があります。
add_filter( 'gform_disable_form_theme_css', '__return_true' );無効になりますテーマ.cssファイルを作成して、スタイルを適用できるようにします。
Gravity Forms の新しいバージョンには、セキュリティと最適化の一連の機能強化もあります。新しいスクリプト読み込み方法を使用すると、コンテンツの読み込みが速くなり、フォームを含むサイトの UX が向上します。
次は何ですか？
Team Gravity Forms は、プラグインがあらゆる期待に応え、それを超えるものにするために、ユーザーからのフィードバックを収集し続けています。新しいリリースがまだ 1 か月も経っていないため、次のアップデートについて話すには時期尚早かもしれません。ただし、彼らは少なくとも 2 つのことを発表しました。
- 近いうちに、フォーム リスト ツールバーとエントリ リストのフィルタリングのモバイル表示用のパッチ パッケージがリリースされる予定です。
- 次回の更新では従来のマークアップは非推奨となり、アクセシビリティに関して改善された新しいマークアップのみが残されます。
したがって、現在のバージョンを使用すると、Web サイト上のフォームの品質についてより自信を持っていただけます。サイトとそこにあるすべてのものを完全に安全に保ちたいですか?サイトのメンテナンスは私たちにお任せください！私たちはあらゆる脅威やバグからクリーンな環境を保ち、24 時間 365 日対応いたします。お問い合わせ見積もりや WordPress サイトに関するその他の質問については、喜んでお手伝いいたします。
