コーディングなしで、ワードプレスサイトに履歴書を集める簡単な方法が必要でした。ユーザーがPDFや画像などのファイルをアップロードして、送信をクリックするだけのシンプルなフォームです。
いくつかのプラグインを試した後、ファイルアップロードフィールドをとんでもなく簡単に追加できるドラッグ＆ドロップ式のフォームビルダー、WPFormsにたどり着いた。10分もかからずに、ドキュメントからオーディオクリップまですべてをサポートするアップロードフォームが完成した。
このガイドでは、WPFormsを使用してWordPressのファイルアップロードフォームを作成するために私が取った正確な手順を紹介します。
なぜWordPressのファイルアップロードフォームを使うのか？
WordPressのファイルアップロードフォームは、ユーザーがあなたのウェブサイトから直接文書、画像、動画、音声ファイル、その他のメディアをアップロードすることができます。
一般的な使用例をいくつか紹介しよう：
- 求人応募- 応募者に履歴書、カバーレター、ポートフォリオを提出させます。
- カスタマーサポート- ユーザーがサポートチケットにスクリーンショットやエラーログを添付できるようにします。
- ユーザー作成コンテンツ- 証言やコンテストのために写真やビデオを集める。
- ポッドキャスト投稿- ゲストやリスナーからオーディオクリップを受信。
- イベント登録- 参加者に身分証明書、署名済みの権利放棄書、または書類をアップロードしてもらいます。
フォームを使用することで、すべてが整理され、メール添付の必要がなくなり、ファイルをWordPressサイトに安全に保存できます。
WPFormsを使ったWordPressファイルアップロードフォームの作り方
WordPressにファイルアップロードフォームを追加するには、まず作業に適したWordPressプラグインを選択する必要があります。
このチュートリアルでは、WPFormsを使ってWordPressのフォームを作成し、様々な種類のファイルをアップロードできるようにします。
WPFormsは市場で最高のWordPressファイルアップロードプラグインです。使い方は簡単で、初心者の方でもHTMLやCSSを使って一からフォームを作る手間がなく、すぐに使い始めることができます。さらに、強力なフォームテンプレートとドラッグアンドドロップビルダーでどんなフォームも簡単に作成できます。
もし私たちの言うことが信じられないのであれば、WPFormsユーザーからのコメントをご覧ください。
詳しくはWPFormsのレビューをご覧ください。
WPFormsはこちらから入手できます。そして以下の手順に従ってWordPressにプラグインをインストールしてください。
注：WordPress.orgのプラグインリポジトリにはWPFormsの無料版があります。このガイドでは、 高度な統合と機能のためにWPForms Proを使用します。
WordPressのダッシュボードでプラグインを有効化したら、以下の手順に従ってファイルアップロードフォームを作成してください：
ステップ 1: WPForms を使って新しいコンタクトフォームテンプレートを作成する
最初のステップは、あらかじめ用意されている WPForms テンプレートを使ってフォームを作成することです。このチュートリアルでは標準の問い合わせフォームを使います。
これを行うには、WordPressの管理エリアからWPForms " Add Newにアクセスしてください。
上のような画面が表示されるので、フォームに名前を付け、テンプレートを選択します。
シンプルなコンタクトフォームテンプレートを選択します。
フォームビルダーに移動し、デフォルトのテンプレートに新しいフィールドをカスタマイズして追加することができます。
シンプルコンタクトフォームテンプレートに含まれるデフォルトのフィールドラベルは以下の通りです：
- 名称
- 電子メール
- コメントまたはメッセージ
また、これらのフィールドのどれかをクリックしてドラッグし、並べ替えることができます。さらにフィールドを追加するには、画面の左側からオプションをクリックし、フォームにドラッグするだけです。
ステップ 2: ファイルアップロードフィールドの追加
シンプルなお問い合わせフォームを設置したら、フォームにファイルアップロードオプションを追加する準備ができました。
これを行うには、Fancy Fields見出しに向かい、File Uploadsフィールドを選択します。
次に、左側のパネルからフィールドをドラッグして、フォームの好きな場所にドロップします。ファイルアップロードフィールドをクリックするだけで、フォームに表示させることもできます。
フォームのファイルアップロードフィールドを編集するには、それをクリックしてフィールドオプションを開きます。
ここでは、以下のオプションを編集することができます：
- Label- フィールド名を変更します。
- Description- フォームフィールドの説明のテキストを入力します。
- 許可するファイル拡張子- 許可するファイル拡張子をカンマ区切りで入力します。
- Max File Size- ファイルサイズの上限をメガバイト単位で入力します。最小サイズは300MBです。
- Max File Number- ユーザーがアップロードできるファイル数を入力します。デフォルトは1です。
- 必須- ファイルのアップロードを必須にするには、このチェックボックスをオンにします。
WPFormsのファイルアップロードの優れた点は、ユーザーが一度に複数のファイルを添付できることです。ユーザはサイトのフロントエンドのアップロードエリアにファイルをドラッグ＆ドロップするだけです。
デフォルトでは、すべてのファイルはウェブサイトのUploadsディレクトリ内のWPFormsフォルダに保存されます。また、詳細オプションの「Store field in WordPress Media Library」チェックボックスを選択することで、WordPress Media Libraryにファイルを保存することもできます。
ステップ3: フォーム名、説明、スパム設定の設定
ファイルのアップロードを受け付けるようにフォームが設定されたので、次は一般的なフォームの設定を行います。
これを行うには、設定 " 一般に進みます。
一般的なフォーム設定では、以下のオプションを設定できます：
- フォーム名- フォームに新しい名前を付けます。
- フォームの説明- フォームに説明を追加することで、何のためのフォームなのかをより理解しやすくなります。例えば、GIF、PNG、JPGなど、どのファイルタイプを受け付けるかを記述します。
- 送信ボタンテキスト- 送信ボタンのテキストを変更します。
- スパム防止- アンチスパムのハニーポットオプションをチェックすることで、不要なフォーム送信を減らすことができます。
- 情報保存-GDPR法を遵守するため、WordPressに入力情報を保存しないようにする。
設定が完了したら「保存」をクリックし、次のステップに進みます。
ステップ 4: 新規ファイルアップロードのメール通知を有効にする
一般設定]タブの[通知]をクリックします。
ここでは、フォームが送信されるたびにEメールを受け取るように通知をオンにすることができます。
WPFormsでは、迅速かつメール配信性を向上させるため、送信されたファイルをメール通知に添付しません。その代わりに、クリックしてアップロードされたファイルを見るためのリンクが提供されます。
デフォルトでは、通知はオンになっています。しかし、ドロップダウンメニューからOffを選択することで、無効にすることができます。
その後、変更を保存してください。
ステップ 5: フォームの確認メッセージやリダイレクトをカスタマイズする
次に、「確認」タブをクリックして、フォーム送信後に表示されるメッセージを設定します。
WPFormsで利用可能な確認メッセージは3種類あります：
- メッセージ- フォームが送信されたことを確認する簡単なお礼のメッセージを表示します。
- ページを表示-訪問者をウェブサイトのサンキューページにリダイレクトします。
- URLに移動（リダイレクト）- フォームを送信した後、訪問者を別のウェブサイトに移動させます。
デフォルトのメッセージ確認オプションを使用するには、提供されている確認メッセージボックスにメッセージを入力し、変更を保存するだけです。
ステップ 6: ファイルアップロードフォームをページや投稿に埋め込む
さて、いよいよWordPressにファイルアップロードフォームを埋め込む番です。WPFormsはフォームの公開をとても簡単にします。WPFormsウィジェットとショートコードを使って、投稿、ページ、あるいはウェブサイトのサイドバーにフォームを追加することができます。
ここでは、WordPressのページにフォームを公開する方法を説明します。
まず、 ページ " 新規追加で新しいWordPressページを作成します。次にプラスアイコンをクリックして新しいコンテンツブロックを追加します。
検索ボックスに「WPForms」と入力すると、フォームブロックが出てきます。それをクリックしてページに追加してください。
ドロップダウンボックスからWordPressのファイルアップロードフォームを選択して挿入します。
Publishをクリックしてページを公開すれば完了です。
あなたのウェブサイトの正面からは、このように見えるでしょう。
ステップ 7: WPFormsでアップロードされたファイルにアクセスし管理する
人々があなたのウェブサイトにファイルをアップロードし始めたら、WPForms " Entriesにアクセスしてそれらのファイルを見ることができます。
そして、詳細を表示するには、任意のファイルの表示をクリックします。ファイルは新しいブラウザのタブで開き、そこで詳細を見たり、クリックしてファイルをコンピュータにダウンロードすることができます。
より多くの機能が必要な場合は、WPFormsプラグインは、インストールすることができますいくつかのアドオンを提供しています。例えば、Zapierアドオンを使用すると、Google Drive、Dropbox、その他のクラウドストレージサービスにすべてのファイルのアップロードを自動的に保存することができます。また、WPFormsのProバージョンで支払いを受け付けることもできる。
よくある質問
ファイルの種類とサイズを制限するには、ファイルアップロードプラグイン内で設定を行うことができます。例えば、WPFormsでは'Allowed File Extensions'フィールドに移動して許可されるファイルタイプを設定し、'Max File Size'フィールドを調整してファイルサイズを制限します。
このエラーを解決するには、php.iniファイルを探し、以下のパラメーターを探します：
「upload_max_filesize =" と "post_max_size =" 。
'='値を32Mに設定し、保存します。ホスティングプロバイダーに問い合わせることもできます。
おめでとうございます！これで、ユーザーが自分のファイルをアップロードできる WordPress フォームを作成する方法がわかりました。ファイルアップロード機能を持つ強力な WordPress フォームプラグインを使用することで実現できます。
このチュートリアルがお役に立てば幸いです。以下は、役に立つと思われる他のステップバイステップのガイドです：
- WooCommerceをメンテナンスモードにする方法（4つの簡単なステップ）
- WordPress ウェブサイトにアンケートを追加する方法（ステップバイステップ）
- WordPressサイトにオンライン注文フォームを作成する方法
お読みいただきありがとうございました！ご質問やご意見がありましたら、お気軽にコメントをお寄せください。
また、YouTube、X（旧Twitter）、Facebookでも、ビジネスの発展に役立つコンテンツを配信しています。
