AIサマリー
フォーム内の情報を変更することなく表示したい場合があります。アカウントの詳細を表示する場合、他のステップから値を引き継ぐ場合、あるいはフィールドがオートメーションに必要なものであり、そのままの状態を維持する必要がある場合などです。
WPFormsでは、トグル一つでほとんどのフィールドを読み取り専用フィールドにすることができます。コードを書いたり、回避策を考えたり、訪問者が重要なものを上書きしてしまうリスクを負う必要はありません。
以下では、なぜこの機能が便利なのか、そしてどのように設定するのかを説明しよう。さあ、始めよう！
WordPressのフォームに「読み取り専用」フィールドを追加する方法
なぜフォームに読み取り専用フィールドが必要なのか？
読み取り専用フィールドは、情報を表示したいが訪問者に変更させたくない場合に役立ちます。このような状況がいくつかあります：
- 事前入力された詳細情報の表示
あなたのサイトに会員プロフィールがある場合、会員ランク、更新日、顧客番号などを表示して、ユーザーが自分のアカウントに添付された情報を確認できるようにすることができます。例えば、{user_email}や{user_display_name}のようなスマートタグを挿入することで、ユーザーがそれらの値を編集することなく、アカウントの詳細を表示することができます。 - サイトの別の部分からコンテキストを表示する
フォームが既存のリストや投稿を更新する場合、読み取り専用フィールドはそのID、タイトル、またはカテゴリを表示することができます。 - システム生成データの凍結
ワークフローの中には、追跡番号、コード、またはチケット ID を自動的に割り当てるものがあります。読み取り専用フィールドを使用すると、正確性を保つためにロックされたまま、ユーザがこれらの値を見ることができます。 - チームが所有する詳細を表示する
社内フォームには、部署やプロジェクトマネージャーなど、リクエスト送信者が変更すべきでないフィールドがあることがよくあります。 - 追加アクションをトリガーするフィールドを保護する。
通知、統合、条件ロジックに関連するフィールドは、そのままにしておく方が安全です。
WPFormsに読み取り専用フィールドを追加する
文字通り2ステップで、フィールドを読み取り専用フィールドにすることができます：読み取り専用」にしたいフィールドを選択し、このオプションをオンに切り替えます。
それだけだ！しかし、わかりやすくするために、フォームの最初から始めましょう。
1.WPFormsビルダーでフォームを開く
まず、既存のフォームを開くか、新しいフォームを作成します。
テキスト、数値、ドロップダウンなど、ほぼすべてのフィールドタイプを読み取り専用に設定できます。
2.ロックしたいフィールドをクリックする
フィールドを選択すると、左側のパネルにオプションが表示されます。
新しいフィールドでも、すでにフォームにあるフィールドでも可能です。
3.詳細」タブを開き、「読み取り専用」に切り替える。
Advancedタブの中に "Read-Only "スイッチがあります。これをオンにすると、フィールドがロックされ、訪問者は値を見ることはできますが、変更することはできません。
4.フォームを保存する
フィールド設定の編集が終わったら、必ずフォームを保存してください。
この設定をオンにすると、フィールドはロックされます。フィールドはまだフォームに表示され、その値はまだエントリーと一緒に送信されます。
読み取り専用フィールドは、編集できないことがわかるように、少し灰色で表示されるか、視覚的に無効にされます。このスタイリングはWPFormsのテーマ（ClassicとModern）、およびGutenberg、Elementor、Diviなどのページビルダーで機能します。
訪問者はこの値を変更することはできませんが、フォームを送信する際にこの値が含まれます。
読み取り専用フィールドを効果的に使用するためのヒント
ちょっとした計画が大きな効果を生む。ベストプラクティスをいくつか紹介しよう：
- 読み取り専用フィールドは、関連する編集可能フィールドの近くに置いてください。
- あまり多くのフィールドをロックしないようにしましょう - 訪問者は、彼らが対話することを許可されているのか疑問に思うかもしれません。
- スマートタグを使って、役立つ情報を自動的にプリフィル。
- 読み取り専用フィールドも条件付きロジックで動作しますので、ユーザーの回答に基づいて表示/非表示を切り替えることができます。
読み取り専用フィールドに関するよくある質問
どのフィールドも読み取り専用にできますか？
ほとんどのフィールドタイプはロックできます。オプションは各フィールドのAdvancedタブにあります。
読み取り専用フィールドの値はエントリーに保存されますか？
はい、その値は最終的な提出書類に含まれます。
読み取り専用フィールドにあらかじめ自動的に入力することはできますか？
できます。スマートタグとデフォルト値は読み取り専用フィールドでも同じように機能します。
読み取り専用フィールドは条件付きロジックで機能しますか？
はい-どのような表示／非表示ルールでも使用できます。
読み取り専用フィールドと無効フィールドの違いは何ですか？
無効化されたフィールドは値を送信しません。読み取り専用フィールドは値を送信します。
次に、フォームにカメラフィールドを追加します。
このチュートリアルでは、特定のフィールドを読み取り専用にする方法を紹介しました。しかし、もう一方では、ユーザーに独自の制御を許可する方法として、フォームにカメラフィールドを追加することを検討するかもしれません。
カメラフィールドは、応募フォームや、写真やビデオをすぐに必要とするその他の場合に最適です。ぜひご覧ください！
フォームを作る準備はできましたか？最も簡単なWordPressフォームビルダープラグインで今すぐ始めましょう。WPForms Proにはたくさんの無料テンプレートが含まれており、14日間の返金保証がついています。
この記事がお役に立ちましたら、Facebookや TwitterでWordPressの無料チュートリアルやガイドをフォローしてください。
