スマートグリッド-お問い合わせフォーム7のレイアウト設計 | Aurovrata V.
スマートグリッド-お問い合わせフォーム7のレイアウト設計

スマートグリッド-お問い合わせフォーム7のレイアウト設計 | Aurovrata V.

説明

プラグインは、スマートグリッドCSSプラグインを使用して、美しいフォームレイアウトを構築します。フォームを設計するためのグラフィカルエディタと、優れたCodeMirrorエディタを使用して構築された色付きのhtml構文エディタが導入されています。スマートなレイアウトを簡単に設計できるようになりました。
v4.0では、ダッシュボード内にチュートリアルセクションが導入されており、さまざまなYouTubeチュートリアルをすばやく参照できます。利用可能なチュートリアルの完全なリストについては、このプレイリストにアクセスしてください。

さらに、プラグインは、次のような複数のスマート入力機能も導入します。

テーブル入力セクション:これらを使用すると、複数の繰り返し入力フィールドをテーブル行としてグループ化できます。プラグインは、フロントエンドフォームに[行の追加]ボタンを自動的に追加し、ユーザーがグループ化されたフィールドの複数の行を追加できるようにします。

タブ付きセクション:このプラグインを使用すると、繰り返しフィールドのタブ付きセクションを作成して、ユーザーがタブを追加できるようにすることができます。これは、上記のテーブル入力セクションと同様の概念ですが、代わりにタブ付きレイアウトになっています。

折りたたみ可能なセクション:長くて複雑なフォームの場合、フロントエンドフィールドを折りたたみ可能なセクションにグループ化できるようになり、ユーザーが全体像を簡単に確認できるようになりました。

オプションセクションの折りたたみ可能なセクションを切り替えました。デフォルトの「はい/いいえ」の値を持つトグルが挿入され、ユーザーがオプションのフィールドを送信できるようにします。このフィールドは、セクション内でデザインで必須に設定できます(詳細については「FAQ」セクションを参照してください)。

いずれかまたはオプションのセクションのグループ化されたトグルセクション。

再利用可能なサブフォーム:複数のフォームにまたがって繰り返されるフィールドがある場合、フォームに含めることができるサブフォームを作成できるようになりました。これにより、フォームを毎回再設計する手間が省けますが、大きなフォームがはるかに簡単になります。維持します。

フォームカテゴリ:プラグインは、ユーザーがアクセスするために特定のフォームセットに関連付ける必要がある場合に、オンライン登録を使用するためにフォームを分類するためのフォーム分類法を導入します。

動的ドロップダウンフィールド:これらは、既存の投稿タイトル、ユニットなどの管理リスト、またはカスタムフィルターを使用して入力できる特別な選択フィールドです。これにより、ダッシュボード内の既存のCMSデータの動的な相互リンクが簡単になり、データをキャプチャするための非常に強力なツールが提供されます。

Post My CF7 Formプラグインとうまく連携します。そして何よりも、安定したPost My CF7Formプラグインを使用してすべてのフォームをカスタム投稿にマップできます。

フォームエディターの再設計:このプラグインは、WordPressのデフォルトの投稿エディターページを使用してフォームを編集/構築するようになりました。したがって、開発者は、Contact Form 7のすべてのフックを維持しながら、機能をプラグインするのが簡単になります。

協力者を探しています
あなたはWordPress開発者ですか、それともHTML / JavaScriptウィザードですか?このプラグインでコラボレーションしたいですか?このプラグインのロードマップには非常に優れた機能がいくつかありますが、それらすべてをタイムリーにファイルに保存するための時間やリソースがありません。コラボレーションしたい場合は、GitHubに参加してください。
プラグイン開発者向け
CF7プラグインのエディター内ヘルパーコード機能を活用する場合は、次のフックを使用する必要があります。
cf7sg_ui_grid_js_helper_hooks –jsバインドイベントコードヘルパーを含めます。
cf7sg_ui_grid_helper_hooks –phpフィルター/アクションフックコードヘルパーを含めます。
cf7sg_enqueue_admin_editor_scripts –管理エディターページでsciptsをキューに入れて、さらに動的なコードヘルパーのエディターイベントにバインドします。
これを使用する方法の例を見たい場合は、Google MapCF7拡張プラグインコードを確認してください。 cf7-google-map / contains / class-cf7-googleMap.phpには上記のフックがリストされており、関数呼び出しはcf7-google-map / admin /class-cf7-googleMap-admin.phpファイルにあります。
他のCF7プラグイン拡張機能をチェックしてください

CF7 Polylangモジュール–このプラグインを使用すると、多言語Webサイト用にさまざまな言語でフォームを作成できます。プラグインでは、翻訳を管理するためにPolylangプラグインをインストールする必要があります。

CF7マルチスライドモジュール–このプラグインを使用すると、スライダーを使用してマルチステップフォームを作成できます。各スライドにはcf7フォームがあり、これらはリンクされて1つのフォームとして送信されます。

私のCF7フォームを投稿する–このプラグインを使用すると、cf7フォームをカスタム投稿に保存したり、フィールドをメタフィールドまたは分類法にマップしたりできます。また、フォームが表示される前にフィールドに事前に入力することもできます。

CF7 Googleマップ– Googleマップをお問い合わせフォーム7に挿入できます。他のプラグインとは異なり、このプラグインでは、フォームレベルでマップ設定を行うことができ、フォームごとにさまざまなマップを構成できます。

CF7のスマートグリッドレイアウトデザイン–レスポンシブグリッドレイアウトContact Form 7フォームデザインを可能にし、複雑なフォームのモジュラーデザインを可能にし、CMSデータと分類/投稿が入力された動的ドロップダウンフィールドとの豊富な相互リンクを可能にします。

ドキュメンテーション
このプラグインには、多くの情報が含まれているFAQとスクリーンショットの実質的なセットがあります。基本的な機能の使用方法を理解するには、FAQとスクリーンショットのキャプションを確認してください。
プラグインには、フォームのレイアウトとフィールドをさらにカスタマイズするために利用できるフック(フィルターとアクション)がいくつかあります。フォームを作成/編集するときは、フォーム投稿エディターで使用できるヘルパーメタボックスを参照してください。ヘルパーは、functions.phpファイルにコピーして貼り付けることができるコードスニペットにコメントを付けて、それらの使用方法をさらに理解しています。 (スクリーンショット#21を参照)。
オープンソースの取り組みをサポートする
このプラグインは、以下のオープンソースの取り組みなしには実現できなかったでしょう。これらのプラグインのページにアクセスして、作者に寄付していただきありがとうございます。少量のビールでも常に感謝しています。あるいは/さらに、メンテナンスや翻訳の作業を手伝うことができます。

Beautify –このプラグインのテキストエディタで使用される、htmlテキストを美化するjQueryプラグイン。

CodeMirror –他の多くの機能の中で色分けされた強調表示を可能にする注目に値するjQueryテキストエディタ。このプラグインのテキストエディタでフォームのソースコードを編集するために使用されます。

CSSスマートグリッド–レスポンシブグリッドレイアウトの直感的なCSSスタイリングを可能にするCSSプラグイン。レスポンシブフォームレイアウトの構築に使用されます。

jQueryクリップボード–ヘルパーリンクに使用されるクリップボードにテキストをコピーします。

jQuery Nice Select –美しいドロップダウンフィールドを作成します。

jQuery Select2 –このプラグインは、ドロップダウンを強力な検索可能なドロップダウンフィールドに変換します。

jQuery Toggles –折りたたみ可能なセクションでかなりのトグルスイッチを有効にします。

PHP Simple HTML Dom –jQueryなどのCSSセレクターを使用してhtmlドキュメントのトラバースと操作を可能にするphpライブラリ。これは、フォームデザインのモジュラー機能を構築するために使用されます。

Glider.jsスライダー–非常に高速で、非常に小さく、完全に応答性が高く、モバイルフレンドリーで、依存関係のない、ページングコントロール付きのネイティブスクロールリストです。

おかげで
提供してくれたビルマニア@birmania:

JSトグルの修正。
メールの添付ファイルとしてのタブのファイルフィールドの修正

Andrew Browning @altworks提供:

フロントエンドテーブルフィールドのIEポリフィル。

PenhTech @penhtech

php7.3の継続警告の修正

トーマス・フェリンジャー@netzgestaltung

Really SimpleCaptchaプラグインの修正。

プライバシーに関するお知らせ
このプラグイン自体は、次のことを行いません。

ステルスでユーザーを追跡します。
ユーザーの個人データをデータベースに書き込みます。
データを外部サーバーに送信します。
クッキーを使用してください。

インストール

Contact Form7プラグインを

インストール

します。
このプラグインアーカイブファイルをwp-content / pluginsフォルダーに解凍します。
WordPressの[プラグイン]メニューからプラグインをアクティブにします。
グリッドエディタを活用するために新しいフォームを作成します。既存のフォームはテキストモードでのみ編集できます。
このプラグインの使用方法を理解するには、FAQとスクリーンショットのキャプションをお読みください。

プラグインの作者

Aurovrata V.

プラグインの公式ウェブサイトアドレス

https://wordpress.org/plugins/cf7-grid-layout/
スマートグリッド-お問い合わせフォーム7のレイアウト設計プラグインの使用で問題が発生した場合は、以下にコメントしてください。問題の解決に最善を尽くします

コメントを残す