WordPressのフォームにカメラフィールドを追加する方法 (ステップバイステップ)

フォームに写真をアップロードしようとして、スクリーンショット、ミーム、休暇中の写真など、たくさんの写真をスクロールして、適切な写真を探したことがあるだろうか?

毎回そうしているからだ。

WPFormsのカメラフィールドが小さな奇跡のように感じられるのはそのためです。フォームを離れることなく、デバイスのカメラから写真やビデオを即座に撮影することができます。

このフィールドは、求人応募や身分証明書の確認、フォトコンテストへの応募を集めるのに最適です。また、デート申込書のテンプレートで、すぐに写真を提出して見込み客を選別することもできます

では、設定方法を順を追って説明しよう。

WordPressのフォームにカメラフィールドを追加する方法 (ステップバイステップ)

WPFormsのカメラフィールドとは?

カメラフィールドでは、ユーザーがフォーム内で直接写真を撮ったり、短いビデオを録画することができます。デスクトップとモバイルデバイスの両方で動作し、残りのフォーム入力と一緒に安全に保存されます。

カメラのフィールドは完璧だ:

  • 写真付き身分証明書
  • コンテストやイベントへの参加
  • 自撮り写真や短い自己紹介を使った顧客紹介フォーム
  • ビデオ証言付きフィードバック・フォーム

ステップ 1: カメラフィールドをフォームに追加する

まず、フォームを開くか、新しいフォームを作成します。

カメラフィールドはフォームビルダーのファンシーフィールドの下にあり、ファイルアップロードフィールドの右隣にあります。

カメラフィールドをクリックするか、フォームのプレビューエリアにドラッグ&ドロップしてフォームに追加します。小さなカメラアイコンが表示され、ユーザーはここをクリックして写真やビデオを撮影します。

それで終わりだ!カメラフィールドが追加されました。みんな、荷物をまとめろ。家に帰ろう

冗談です。いくつかカスタマイズのオプションがありますが、大まかにはこんな感じです!

今すぐWordpressフォームを作成

ステップ2:キャプチャ形式(写真またはビデオ)を選択する

新しいカメラフィールドをクリックして、フィールドオプションパネルを開きます。Formatの下に2つの選択肢があります:

  • 写真 - プロフィール写真、スナップ写真、IDカードに最適です。
  • ビデオ - 簡単なイントロダクション、証言、短いクリップに最適です。

デフォルトでは「写真」に設定されているが、いつでも切り替えることができる。

ユーザーがカメラボタンをクリックすると、撮影前に3秒間の短いカウントダウンが表示される...髪を直したり照明を調整したりするのに十分な時間だ。

ステップ3:ファイルサイズと時間制限の設定

OK、まだフィールド・オプションから離れないでください -最大ファイルサイズまでスクロールダウンしてください。

各アップロードの最大サイズ(MB)を入力します。空白の場合、WPFormsはサーバーのデフォルト制限を使用します。

ビデオの場合、時間制限も調整できます(デフォルトは1分30秒)。

クリップを短くすることで、フォームの読み込みが速くなり、サイトのスペースも節約できます。次の長編映画をここにアップロードしようとする人がいないことを祈ります。

ステップ4:カメラボタンのスタイルとテキストのカスタマイズ

次に、Advancedタブで、Button Styleドロップダウンを見つけてください。

このドロップダウンメニューでは、ボタンアイコンかリンクを選択できます。

ここにいる間、ボタンにもっとブランドらしいことを書いてほしいですか?

ボタンのリンクテキストを、「📸 あなたのカメラで撮影」や「🎥 私のイントロを録音」など、あなたのトーンに合うように更新してください。

個人的には、"Say Cheese!"のような楽しいものに変えるかな。

このような小さな工夫が、フォームを洗練された意図的なものにしている。

ステップ5:キャプチャしたファイルの保存場所を選ぶ

デフォルトでは、WPFormsはキャプチャした写真やビデオをWPFormsディレクトリ内のサイトのUploadsフォルダに保存します。

すべてをメディアライブラリに保存したいですか?詳細設定]タブで [ファイルを WordPress メディア ライブラリに保存] オプションを切り替えるだけです。

また、サーバーのスペースを節約するためにファイルを外部に保存したい場合、WPFormsはDropboxや Google Driveとシームレスに統合されており、簡単にオフロードすることができます。

また、エントリー・ダッシュボードでは、各投稿に添付されたすべてのキャプチャファイルを見ることができます。

こちらもお読みください:フォーム入力の完全ガイド

ステップ6:アップロードされたファイルへのアクセスを制限する

フォームが機密性の高いメディア(IDや顧客のアップロードなど)を収集する場合、閲覧者を制限することができます。

詳細設定]タブで、[ファイルアクセス制限を有効にする]をオンにします。

ここでは以下のことができる:

  • WordPressにログインしているユーザーにアクセスを制限する。
  • セキュリティ強化のためにパスワード保護を追加する。

これはシンプルだが、個人ファイルをプライベートに保つ重要な方法だ。

WordPressのフォームにカメラオプションを追加するのは、ほんの数クリックでできますが、人々のサイトへの接し方がガラリと変わります。

基本的に、あなたはもうテキストを集めるだけではありません。あなたのフォームを通して、証拠、顔、瞬間、創造性を直接収集するのです。

それでは、どうぞ!WPFormsを開き、カメラフィールドにドロップして、ユーザーにポーズをとってもらいましょう。

WPFormsのカメラフィールドに関するFAQ

投稿前に写真やビデオを撮り直すことはできますか?

そう!撮影後、プレビューが表示され、保存、再撮影、削除のオプションが選べる。うっかり下手なセルフィーを撮ってしまうこともない!これにより、より自然な体験となり、ユーザーは自分の投稿が思い通りに見えるという自信を得ることができる。

カウントダウンタイマーの変更はできますか?

はい - カメラが始まるまでのディレイを長くしたり短くしたりしたい場合は、開発者は短いPHPスニペットで調整できます。例えば、ビデオイントロダクションのためにディレイを長くしてユーザーが準備する時間を確保したり、IDチェックのような素早いスナップショットのためにディレイを短くしたりすることができます。

モバイルでも使えますか?

もちろん。カメラ」フィールドは、携帯電話の内蔵カメラを自動的に使用するため、ユーザーはその場で写真やビデオを撮影することができます。配達確認、現場報告、視覚的なフィードバックなど、外出先での提出に特に便利です。

アクセスするには上位プランが必要ですか?

いいえ!カメラフィールドはWPForms Basicから利用可能です。すでに有料プランをご利用の場合は、ビルダー内ですぐにご利用いただけます。ドラッグ、ドロップするだけで、数分で写真やビデオをキャプチャすることができます。

このブログ記事で、「カメラ」フィールドが顧客紹介フォームに最適だと書きました。私は、従業員名簿の写真や短い紹介ビデオなどを考えています。オンボーディングを簡素化するためのヒントをお探しですか?次のブログ記事をお読みください。

フォームを作る準備はできましたか?最も簡単なWordPressフォームビルダープラグインで今すぐ始めましょう。WPForms Proにはたくさんの無料テンプレートが含まれており、14日間の返金保証がついています。

この記事がお役に立ちましたら、Facebookや TwitterでWordPressの無料チュートリアルやガイドをフォローしてください。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。WPFormsがどのように資金を調達しているのか、なぜそれが重要なのか、そしてどのように私たちをサポートできるのかをご覧ください。

ケイシー・クーパー

ケイシーはWPFormsのライター兼テンプレート作成者です。彼女は2016年からWordPressでブログを書き、それについて書いている。もっと知る

最高のWordPressドラッグ&ドロップフォームビルダープラグイン

簡単、速い、安全。WPFormsを信頼する600万人以上のWebサイトオーナーの仲間入りをしてください。