WordPressサイトでユーザーに画像のアップロードを許可する方法

WordPress サイトの管理画面へのアクセス権をユーザーに与えずに、画像をアップロードさせたいですか？あなただけではありません。

多くのサイトオーナーは、サイトを安全かつ管理しやすく保ちながら、画像の投稿を許可したいと考えています。フォトコンテストを実行している場合でも、ユーザー投稿コンテンツを収集している場合でも、最も簡単な方法は、サイトに画像アップロードフォームを追加することです。

いくつかのツールをテストした結果、WPForms が最も効果的な方法であることがわかりました。このプラグインを使用して多くの WordPress ユーザーが画像アップロード機能を設定するのを支援してきましたが、コーディング不要で、すべてを迅速かつ簡単に行えます。

このガイドでは、WordPressサイトでユーザーが簡単に画像をアップロードできるようにする方法を説明します。動画チュートリアルもありますので、実際の操作で手順を追いたい場合はそちらをご覧ください！

WordPressでユーザーが画像を安全にアップロードできるようにする

複数の著者がいるブログを実行したい場合、ユーザーが画像をアップロードできるようにする最も簡単な方法は、ウェブサイトに著者として追加することです。

しかし、ゲスト投稿の送信、製品レビュー、フォトコンテストなど、一度きりのシナリオでは、ユーザーに WordPress 管理画面へのアクセス権を与えるのは理想的ではありません。

幸いなことに、ユーザーがウェブサイトのセキュリティを侵害したり、WordPress管理エリアへのアクセス権を与えたりすることなく画像をアップロードできるWordPressプラグインがいくつかあります。

それでは、WordPressでユーザーが簡単に画像をアップロードできるようにする方法をいくつか見てみましょう。以下のクイックリンクを使用して、使用したい方法にジャンプできます。

• 方法1：ユーザーにファイルアップロードフォームを使用して画像をアップロードさせる
• 方法2：ゲスト投稿者としてユーザーに画像のアップロードを許可する
• ボーナス方法：コンテスト用の写真をユーザーにアップロードさせる
• 動画チュートリアル

さあ、始めましょう。

方法1：ユーザーにファイルアップロードフォームを使用して画像をアップロードさせる

この方法は、ユーザーに画像やその他のファイル（求人応募書類、カバーレターなど）をアップロードさせたい場合に最適です。

ユーザーの名前、メールアドレス、アップロードされたファイル、およびオプションのメッセージを収集するファイルアップロードフォームを簡単に作成できます。

この方法では、WPForms、つまり最高のWordPressフォームビルダープラグインを使用します。組み込みのファイルアップロードフィールドが付属しており、プロセス全体を迅速かつ初心者向けにしています。

WPBeginnerでは、お問い合わせフォームやウェブサイト移行フォームから年次読者アンケートまで、あらゆるものにWPFormsを使用しています。画像アップロードフィールドを含むあらゆる種類のフォームを作成できる柔軟性を firsthand で実感しています！

プラグインの詳細については、WPFormsの完全レビューをご覧ください！

開始するには、WPForms プラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。

アクティベート後、WordPressダッシュボードのWPForms » Settings ページにアクセスしてライセンスキーを入力する必要があります。

ライセンスキーは、WPFormsサイトのアカウントエリアの「ダウンロード」タブで見つけることができます。

これが完了したら、WPForms » Add New に移動してフォームを作成します。

「設定」ページで、「フォームの名前」フィールドにフォームの名前を付けることができます。これは参照用ですが、整理しやすくするために明確な名前を使用してください。

次に、WPFormsで、空白のキャンバス、WPForms AI、およびすぐに使用できるテンプレートを使用してフォームを作成できることがわかります。

AIフォームビルダーを使用したいとしましょう。次に、「AIで生成」ボックスにカーソルを合わせ、「フォームを生成」をクリックします。

次の画面では、簡単なプロンプトを記述するだけです。または、関連性がある場合は、利用可能なプロンプト例から選択することもできます。

その後、AI ツールが、そのようにフォームを生成します！

テンプレートを使用したい場合は、テンプレートにカーソルを合わせて「テンプレートを使用」をクリックします。

WPFormsには2,000以上の既製のテンプレートがあります。検索機能を使用してオプションを絞り込むことができます。

例えば、ここでは「シンプルなコンタクトフォーム」を使用します。

これで、ドラッグアンドドロップフォームビルダーに移動します。

左側には、フォームに追加できるすべてのフィールドが表示されます。右側には、ライブプレビューがあります。

次に、「ファイルアップロード」フィールドをフォームにドラッグアンドドロップします。

このフィールドは、左側の「Fancy Fields」セクションにあります。

追加したら、フォームの「File Upload」フィールドをクリックして編集します。

このフィールドの名前（ラベル）を「あなたの写真」に変更し、許可されるファイル拡張子を指定します。画像ファイルのみを許可したいので、JPG/JPEG、GIF、PNGファイルを許可します。

その後、ファイルサイズの上限を設定しましょう。

ディスクコストを節約するために 5 MB までに指定することをお勧めします。これは、WordPress ホスティングアカウントのコストを節約するのに役立ちます。さらに、これによりユーザーのアップロードがサイトの速度を低下させないことが保証されます。

次に、「必須」の横にあるチェックボックスにチェックを入れるのを忘れないでください。これにより、ユーザーは画像をアップロードするまでフォームを送信できなくなります。

「詳細設定」タブをクリックすると、このフィールドのさらに詳細なオプションを設定することもできます。

ここで、アップロードフィールドのスタイルを選択できます。デフォルトは「モダン」なドラッグ＆ドロップフィールドです。必要に応じて、「クラシック」フィールドに置き換えることができます。

さらに、トグルをオンにすることで、画像をWordPressメディアライブラリに保存することを選択できます。ブログ記事などに提出された画像を収集する場合は、これが良い考えです。

フォームに満足したら、フォームビルダーを保存して終了できます。

WordPressに画像アップロードフォームを追加する

次に、フォームを WordPress の投稿またはページに埋め込み、ユーザーが送信した画像を受け入れる必要があります。WPForms を使用すると、ウェブサイトのどこにでもフォームを追加するのが非常に簡単です。

画像アップロードフォームを追加したい投稿またはページを編集します。WordPressコンテンツエディターで、WPFormsブロックをコンテンツエリアに追加する必要があります。

その後、ドロップダウンメニューから以前に作成したフォームを選択する必要があります。WPForms は、コンテンツエリア内にフォームのプレビューを表示します。

これで、投稿またはページを保存し、ライブで表示して、画像アップロードフォームが機能していることを確認できます。

アップロードできる追加のファイルタイプを許可する

アップロードフィールドの設定でファイルタイプを許可した場合でも、ユーザーがファイルをアップロードしようとしたときにこのエラーが表示されることがあります。

セキュリティ上の理由により、このファイルタイプは許可されていません。

問題は、WordPress がデフォルトでは特定のファイルタイプしか許可しないことです。より多くのファイルタイプを許可する最も簡単な方法は、コンパニオンプラグインを使用することです。

WPForms の File Upload Types プラグインをお勧めします。プラグインを WordPress にインストールして有効化したら、設定 » ファイルアップロードタイプ に移動します。

次に、許可したいファイルタイプをリストから選択するか、カスタムファイルタイプを追加できます。

WordPressがデフォルトで許可しているタイプはリストに含まれていないことに注意してください。

SVG画像のアップロードを許可したいだけであれば、無料のWPCodeプラグインを使用できます。詳細については、WordPressにSVG画像ファイルを追加する方法に関するガイドをご覧ください。

方法2：ゲスト投稿者としてユーザーに画像のアップロードを許可する

ユーザーに画像をアップロードさせる主な理由の 1 つは、ゲスト投稿の提出を収集している場合です。同様の方法で、お客様の声のような他のユーザー生成コンテンツにも使用できます。

まず、WPForms プラグインをインストールして有効化する必要があります。詳細については、WordPress プラグインのインストール方法に関するステップバイステップガイドをご覧ください。

プラグインを有効化した後、WordPressダッシュボードのWPForms » 設定ページにアクセスしてライセンスキーを入力する必要があります。ライセンスキーは、WPFormsサイトのアカウントの「ダウンロード」タブの下にあります。

ライセンスキーをサイトに入力すると、次のようになります。

次に、WPForms » Addonsに移動して、Post Submission Addonをインストールします。

「アドオンをインストール」ボタンをクリックします。自動的にインストールおよび有効化されます。

さて、ゲスト投稿送信フォームの作成を開始できます。

WPForms » 新規追加 に移動し、下にスクロールして「ブログ投稿送信フォーム」を見つけます。

クリックすると、新しいフォームが作成されます。ゲスト作成者の詳細、投稿の提案タイトル、アイキャッチ画像、コンテンツ、投稿抜粋、およびカテゴリのデフォルトフィールドが含まれます。

必要に応じて、さらにフィールド（フォームのセクション）を追加できます。

例えば、著者が自身の WordPress ブログの URL を入力できる「ウェブサイト / URL」フィールドを追加したい場合があります。

フィールドのラベルやフォーム上のテキストを変更するには、それをクリックするだけです。

たとえば、「Featured Image」ボックスをクリックして、「Description」を変更し、おすすめの画像サイズを指定できます。

事前設定された「アイキャッチ画像」フィールドを通じてアップロードされたファイルは、WordPress内のメディアライブラリに保存されます。

このオプションは、フィールドの「高度なオプション」 ドロップダウンをクリックすることでオン/オフを切り替えることができます。

必要に応じて、「ファイルアップロード」フィールドが受け付ける画像のタイプを変更できます。たとえば、ユーザーにPNGファイルのみをアップロードさせたい場合があります。

ファイルあたりの最大サイズをMB単位で入力することもできます。必要に応じて、ユーザーに2つ以上のファイルをアップロードさせることもできます。

「モダン」アップロードフィールド（デフォルト）では、ユーザーはファイルをドラッグアンドドロップできます。

必要に応じて、高度なオプションで「Classic」フィールドに変更することもできます。ただし、これによりユーザーは1つのファイルしかアップロードできなくなります。

フォームに必要なすべてのフィールドが揃ったら、「設定」タブに移動します。ここでは「通知」の詳細を変更したい場合があります。

例えば、ゲスト投稿が編集者に送られる場合、その人のメールアドレスを「送信先メールアドレス」ボックスに入力したいでしょう。

フォーム送信後にユーザーが表示する確認メッセージを変更したい場合もあります。これは 設定 » 確認 で行うことができます。

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

ゲスト投稿送信フォームをサイトに追加する

フォームは、任意の投稿または固定ページにサイトに追加できます。ゲスト投稿の送信専用の新しいページを作成することもできます。

Gutenberg（ブロック）エディターを使用している場合は、(+)アイコンをクリックして新しいブロックを作成します。次に、「WPForms」ブロックを選択してエディターに追加します。

次に、WPFormsドロップダウンが表示されます。リストからフォームを選択すると、投稿に追加されます。

作成したフォームであれば、もちろん「ファイルアップロード」フィールドを使用できます。これは、収集したいあらゆる種類のユーザー生成コンテンツに上記のメソッドを使用できることを意味します。

ボーナス方法：コンテスト用の写真をユーザーにアップロードさせる

ファイルアップロードフォームではユーザーはあらゆる種類のファイルをアップロードできますが、写真コンテストを実行している場合は最適なソリューションではないかもしれません。

それは、WPForms がコンテストプラグインではなく、フォームビルダーだからです。勝者を選ぶ、バイラル共有などの機能は付属していません。

そこで登場するのがRafflePressです。これは、トラフィックとソーシャルメディアフォロワーを増やすためのバイラルコンテストを作成できる最高のWordPressプレゼントプラグインです。

これを使用して、ユーザーが写真をアップロードできるコンテストウィジェットをデザインできますが、フォロワーを増やすための共有やその他のエンゲージメントアクションを奨励することもできます。

実際、私たちはRafflePressを使用して、毎年恒例のWPBeginner誕生日プレゼント企画を実行しています。これにより、メールリストの拡大、ソーシャルシェアの増加、サイト全体のエンゲージメントの向上に役立ちました。すべてWordPressダッシュボードから簡単に管理できます。

RafflePressの完全なレビューですべての機能をご覧ください！

RafflePressを使用してWordPressでフォトコンテストを作成する方法については、詳細なガイドを作成しました。詳細については、そちらを参照してください。

動画チュートリアル

出発前に、WordPressサイトでユーザーが画像をアップロードできるようにする方法に関するビデオチュートリアルをご覧ください。

WPBeginnerを購読する

この記事が、WordPressサイトでユーザーに画像のアップロードを許可する方法を学ぶのに役立ったことを願っています。また、WordPressでアルバム付きの写真ギャラリーを作成する方法に関するガイドや、WordPressでAMPフォームを作成する方法のステップバイステップチュートリアルも参照してください。

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