WordPressでファイルアップロードフォームを作成する方法

つい最近まで、WordPressにファイルアップロードフォームを追加するには、カスタムコードや面倒な回避策が必要でした。初心者にはあまり優しくなく、サイトの所有者と訪問者の両方にとって混乱を招くことがよくありました。

そのため、私たちは長年かけて様々なツールをテストし、企業がこのプロセスを効率化するのを支援してきました。

例えば、求人応募の収集、顧客からのフィードバックの受信、プロジェクトに必要な重要書類の収集などが必要な場合です。このような場合、ファイルアップロードフォームがあれば、サイトの効率性とプロフェッショナリズムを大幅に向上させることができます！

このステップバイステップガイドでは、初心者向けのプラグインを使用してWordPressでファイルアップロードフォームを簡単に作成する方法を説明します。コーディングは不要です。これは、多くのパートナーブランドがドキュメント収集を簡素化し、ユーザーインタラクションを改善するために依存しているのと同じ方法です。

WordPressファイルアップロードフォームを作成する理由

ファイルアップロードフォームがあると、訪問者はWordPressサイトを通じて、迅速、整理された安全な方法で直接ファイルを送信できます。そのため、メールで送信したり、他の場所にファイルをアップロードしたりするように依頼する代わりに、フォームを使用すると、すべてをサイト上で直接送信できます。

ファイルアップロードフォームを使用すると、あなたとユーザーの両方の生活が楽になります。

• ユーザーはメールを開いてファイルを添付し、手動で説明する必要がありません。
• 必要な情報とファイルがすべて1つの構造化された提出物として届きます。
• エントリはWordPressデータベースに保存されるため、通知メールを見逃したり削除したりした場合でも、いつでも再度見つけることができます。

さらに、ファイルアップロードフォームは、ユーザーに次のようなものを送信してほしい場合に非常に役立ちます。

それでは、WordPressでファイルアップロードフォームを作成する方法をご紹介します。この記事では、以下の内容について説明します。

早速始めましょう！

WordPressでファイルアップロードフォームを作成する方法

このチュートリアルでは、市場で最高のオンラインフォームビルダーであるWPFormsを使用します。初心者にも使いやすい一方で、ファイルアップロード、条件付きロジック、複数ステップフォームなどの高度な機能にも対応できるほど強力です。

当社では、問い合わせフォーム、ウェブサイト移行リクエスト、年次ユーザー調査などの重要なタスクを処理するために、複数のウェブサイトでWPFormsを使用しています。これにより、メールやスプレッドシートを駆使することなく、簡単に回答を収集・管理できるようになりました。

詳細については、WPFormsの完全レビューをご覧ください。

開始するには、WPFormsのウェブサイトにアクセスしてアカウントを作成してください。「今すぐWPFormsを入手」ボタンをクリックし、プランを選択してサインアップを完了できます。

サインアップ後、独自のWPFormsアカウントダッシュボードが利用可能になります。ここでWPFormsプラグインファイルをダウンロードし、ライセンスキーをコピーできます。

次に、サイトにWPFormsをインストールして有効化する必要があります。

WordPressダッシュボードから、プラグイン » 新規追加に移動します。

次の画面で、「WPForms」と検索してください。

結果に表示されたら、「今すぐインストール」をクリックし、次に「有効化」をクリックしてプロセスを完了します。詳細は、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。

有効化後、WPFormsのバージョンをアップグレードするために、WPForms » 設定に移動してください。

ライセンスキーを「ライセンスキー」フィールドに貼り付け、「キーの検証」ボタンをクリックしてください。

これで、WPForms がインストールされ、使用準備が整いました。

WordPress 管理サイドバーから WPForms » 新規追加 ページに移動できます。これにより「テンプレートの検索」ページが表示され、新しいフォームに名前を付けることから始めることができます。

次に、フォームの作成方法を選択します。空白のキャンバス、AIフォームビルダー、または既製のテンプレートを使用します。

例えば、WPForms AIフォームビルダーを選択した場合、必要なフォームの種類を簡単なプロンプトで説明するだけで済みます。WPFormsが自動的にフォームを生成します。

ただし、このチュートリアルでは、事前に作成されたテンプレートを使用します。検索バーを使用して、ファイルアップロードフォームテンプレートをすばやく見つけることができます。

見つけたら、「ファイルアップロードフォーム」オプションの下にある「テンプレートを使用」ボタンをクリックするだけです。

これで、WPFormsビルダーに移動します。ファイルアップロードフォームが自動的に読み込まれます。

ファイルアップロードフォームテンプレートは、変更せずにそのまま使用することも、‘フィールドの追加’サイドバーからフォームフィールドをドラッグ＆ドロップすることもできます。

次に、フォームの「ファイルアップロード」フィールドをクリックして、左側の列でその設定を開きます。

デフォルトでは、フォームに次のようなさまざまな種類のファイルをアップロードできます。

• 画像ファイル形式：.png、.gif、.jpg
• ドキュメント: .doc, .xls, .ppt, .pdf
• オーディオ: .wav, .mp3, .mp4
• 動画: .mpg, .mov, .wmv

「許可されるファイル拡張子」ボックスにファイル形式を入力することで、任意のファイル形式を受け入れることができます。

このチュートリアルでは、PNG、GIF、JPG などの画像形式をサポートします。ファイル拡張子をカンマで区切ってボックスに入力するだけです。

最大ファイルサイズ制限と最大ファイル数を設定することもできます。このチュートリアルでは、ユーザーが最大 3 枚の写真、最大サイズ 50 MB まで送信できるようにします。これは、ホスティングのアップロード制限を超えないように注意してください。

ファイルを添付せずにWordPressフォームの送信を防ぎたい場合は、「必須」スイッチをオンにすることができます。これは、少なくとも1つのファイルがアップロードされない限り、フォームを送信できないことを意味します。

次に、上部にある「詳細設定」タブに切り替えるだけです。

デフォルトでは、ファイルアップロードフィールドは、ユーザーがファイルをドラッグアンドドロップできるモダンな形式を使用しています。

ただし、フォームのスペースが限られている場合や、従来のアップロードフィールドを好む場合は、これを変更できます。「スタイル」ドロップダウンメニューから「クラシック」オプションを選択するだけです。

「クラシック」アップロードフィールドは、一度に 1 つのファイルしかアップロードできないことに注意してください。複数のファイルを受け入れたい場合は、デフォルトの「モダン」スタイルを使用することをお勧めします。

「ファイルをWordPressメディアライブラリに保存する」スイッチをオンにすると、送信されたファイルをWordPressメディアライブラリに保存することも選択できます。これにより、アップロードされたファイルを投稿やページに簡単に追加できます。

たとえば、写真コンテストを実行している場合、勝者を発表する際に最高の写真を含めたい場合があります。

フォームの他のフィールドを編集したい場合は、それらをクリックすると左側の列にフィールドの設定が開きます。

左側の列から、ファイルアップロードフォームに他のフィールドを追加することもできます。

たとえば、フォームにウェブサイト/URL フィールドを追加して、ユーザーが自分のウェブサイトへのリンクを提供できるようにしたい場合があります。

フォームに満足したら、画面右上にある「保存」ボタンをクリックして設定を保存してください。

ファイルアップロードフォームの通知を設定する

フォームの通知設定を変更するには、左側の「設定」タブを開きます。そこに移動したら、「通知」タブをクリックするだけです。

デフォルトでは、フォームは送信時に{admin_email}にメール通知を送信します。

WordPressサイトを自分で作成した場合、これがあなたのメールアドレスになります。そうでない場合は、{admin_email}を削除して、代わりにここにあなたのメールアドレスを入力できます。

ただし、{admin_email} がご自身のメールアドレスであるか不明な場合は、WordPress の管理画面から 設定 » 一般 ページにアクセスしてください。

そこに着いたら、「管理者のメールアドレス」セクションを探してください。ここから管理者のメールアドレスを変更できます。

完了したら、「変更を保存」ボタンをクリックして設定を保存することを忘れないでください。

送信されたファイルを複数の人に送信したい場合は、複数の通知受信者を持つお問い合わせフォームの作成方法に関するチュートリアルをご覧ください。

フォーム送信後にユーザーに表示される確認メッセージを変更することもできます。

これを行うには、左側の列から設定 » 確認ページにアクセスします。次に、「確認メッセージ」ボックスにメッセージを入力します。太字や斜体などの書式設定を追加することもできます。

最後に、変更を加えたら必ずフォームを保存してください。

右上隅の「X」をクリックすると、フォームビルダーを終了できます。

ファイルアップロードフォームをウェブサイトに追加する

フォームの作成が完了したら、それをウェブサイトに追加する必要があります。

これを行うには、管理サイドバーから既存または新規のWordPressの固定ページ/投稿を開く必要があります。このチュートリアルでは、新しいページにファイルアップロードフォームを追加します。

そこに着いたら、画面の左上にある「新しいブロックを追加」(+)ボタンをクリックし、WPFormsブロックを見つけます。

ブロックを追加すると、ページにWPFormsのドロップダウンメニューが表示されます。

作成したばかりのファイルアップロードフォームを選択してください。

最後に、「公開」または「更新」ボタンをクリックして変更を保存します。詳細については、WordPressフォームの埋め込み方法に関するガイドを参照してください。

これで、Webサイトにアクセスして、ファイルアップロードフォームが機能していることを確認できます。

管理者サイドバーの「WPForms » すべてのフォーム」ページにアクセスして、いつでもフォームを変更することもできます。

ここから、フォーム名をクリックするか、フォーム名の上にカーソルを合わせて「編集」リンクをクリックしてフォームビルダーを開きます。

フォームを編集すると、WordPress ウェブサイト上で自動的に更新されるため、再度ページに追加する必要はありません。

アップロードされたファイルの表示またはダウンロード

ファイルアップロードフォームを使用してファイルが送信されると、メール受信トレイまたはWordPressダッシュボードで確認できます。

フォームの各エントリごとに、次のようなメールが届きます。

ファイル自体を表示またはダウンロードするには、リンクをクリックするだけです。

WordPressダッシュボードでファイルに簡単にアクセスすることもできます。単にWPForms » Entriesページに移動し、フォームの名前をクリックしてください。

アップロードされたファイルは、WordPressフォームエントリのテーブルで確認できます。

または、「表示」リンクをクリックして、各フォームエントリの詳細を確認することもできます。

ボーナスヒント🌟：WordPressフォームのスタイル設定方法

ファイルアップロードフォームを作成したら、ブランドカラーに合わせてカスタマイズすることをお勧めします。これにより、フォームが視覚的に魅力的になり、より多くのユーザーがサイトに送信するよう促され、最終的にリードを生成することができます。

これは WPForms で簡単に行えます。新しいブラウザタブを開き、WordPress のダッシュボードから WPForms » 設定 ページにアクセスしてください。

ここで、「モダンマークアップを使用」オプションがチェックされていることを確認してください（通常はデフォルトで有効になっています）。その後、「変更を保存」ボタンをクリックします。

次に、フォームを追加したページを開き、右側のブロックパネルを確認します。ここに、ファイルアップロードフォームのスタイル設定に使用できる新しい設定が表示されます。

フィールドの色、テキストの色、ボタンの色を変更して、フォームを視覚的に魅力的にすることができます。

完了したら、上部にある「公開」または「更新」ボタンをクリックするだけで設定が保存されます。これで、ファイルアップロードフォームのスタイル設定が正常に完了しました。

詳細については、WordPressフォームのカスタマイズとスタイリング方法に関するチュートリアルをご覧ください。

よくある質問：WordPressでファイルアップロードフォームを作成する

終わりに、WordPress サイトで訪問者にファイルをアップロードさせることに関する最も一般的な質問への簡単な回答をいくつかご紹介します。

WordPress にユーザーがファイルをアップロードできるようにするにはどうすればよいですか？

最も簡単な方法は、WPForms のような お問い合わせフォームプラグイン を使用することです。これにより、コードに触れることなく、ファイルアップロードフィールドをフォームに追加したり、許可するファイルの種類を制御したり、ファイルサイズを制限したりできます。フォームが公開されると、訪問者はフォームから直接ファイルをアップロードできます。

HTML でユーザーがウェブサイトに画像をアップロードできるようにするにはどうすればよいですか？

このような基本的な HTML ファイル入力フィールドを使用できます。

<input type="file" name="image">

ただし、これによりアップロードフィールドが作成されるだけです。アップロードを処理し、ファイルを検証し、安全に保存するには、引き続きサーバーサイドコード（PHPなど）が必要です。そのため、ほとんどのWordPressユーザーは代わりにプラグインを使用することを好みます。

WordPressで訪問者が画像をアップロードできないのはなぜですか？

これは通常、SVGのようなファイルタイプが許可されていない、ファイルがWordPressのアップロードサイズ制限を超えている、またはユーザーロールにファイルをアップロードする権限がないことが原因で発生します。ファイルタイプを許可する、アップロードサイズ制限を増やす、またはユーザー権限を調整することで、これを修正できます。

WordPressへのファイルのアップロードが失敗するのはなぜですか？

ファイルが大きすぎる、タイムアウトまたはメモリ制限の問題がある、またはプラグインやテーマの競合がある場合、ファイルのアップロードは失敗する可能性があります。アップロードサイズ制限の確認、PHP制限の引き上げ、他のプラグインの一時的な無効化は、問題の特定と解決に役立ちます。

ビデオチュートリアル：WordPressでファイルアップロードフォームを作成する

動画での説明をご希望ですか？WordPressでファイルアップロードフォームを作成する方法に関する完全なYouTubeチュートリアルをご覧ください。

WordPressでのフォーム使用の次のステップ

このチュートリアルで、WordPressでファイルアップロードフォームを作成する方法を学べたことを願っています。

これがお役に立った場合は、他のガイドも参照することをお勧めします。

• お問い合わせフォームを使ってメールリストを増やす方法
• WordPressフォームでユーザーがライブ写真や動画を撮影できるようにする方法
• WordPressフォームで条件付きロジックを使用する方法
• WordPressでよりインタラクティブなフォームを作成するためのヒント
• おすすめのWordPressファイルアップロードプラグイン
• WordPress フォーム使用の究極ガイド

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。