MENU

注意事項

  • 本サイトの情報は一般的なガイドラインを提供するものであり、個別の状況に応じた具体的なアドバイスや保証を行うものではありません。
  • サイト売買にはリスクが伴うため、十分な調査と自己判断のもとで行動してください。
  • ラッコマーケットの利用に際しては、公式の利用規約や取引条件を必ずご確認ください。
  • 当サイトで紹介する手法やアドバイスがすべてのケースで効果的であることを保証するものではありません。
  • 記事内容は執筆時点の情報を基にしており、最新の情報とは異なる場合があります。
  • サイト売買に関する法律や規制は国や地域によって異なるため、必要に応じて専門家に相談してください。
  • 訪問者の行動に起因するいかなる損失や損害についても、当サイトは一切の責任を負いかねます。

WordPress コメント欄に画像アップロードを追加する方法|管理者だけドラッグ&ドロップ対応の専用プラグインも作れます

WordPress コメント欄に画像アップロードを追加する方法|管理者だけドラッグ&ドロップ対応の専用プラグインも作れます
  • URLをコピーしました!

※この記事内の一部リンクにはアフィリエイトリンク(PR)が含まれます。

「WordPressのコメント欄に画像をアップロードできたら便利なのに…」と思ったことはありませんか?

たとえば、

  • 読者が不具合のスクショを添付して相談できる

  • 作品への感想コメントに画像も添えられる

  • サポートやコミュニティ運営がぐっとラクになる

…みたいに、コメント欄で画像が使えると体験が一段上がります。

ただ一方で、誰でも画像をアップロードできるようにすると運用上のリスク(スパム・容量圧迫など)があるのも事実。
そこで今回は「例」として、管理者だけが画像をアップロードできて、投稿された画像は一般ユーザー(未ログイン含む)も閲覧できるという仕様のプラグインを作るケースをご紹介します。


目次

「WordPress コメント欄 画像 アップロード」が難しい理由

WordPressは標準のコメント機能がシンプルな分、

  • コメント送信の流れ(wp-comments-post.php)を崩さずに

  • 画像を安全にアップロードし

  • コメントと紐づけて表示する

…という仕組みを綺麗に組むには、ちょっとした設計が必要です。

特に重要なのはこのあたりです。

  • アップロード権限(誰がアップできるか)

  • CSRF対策(Nonce)

  • 画像ファイルだけ許可(MIME/拡張子検証)

  • サイズ制限・枚数制限・レート制限

  • 画像表示(スマホ/PCで見やすいUI)

ここを雑にすると、実装はできても運用が怖いものになりがちです。


例えば、こんなプラグインを作ることもできます(今回の例)

今回の例として作るプラグインは、ざっくりこんな機能です。

1)管理者だけ、コメント欄で画像アップロードできる

  • 管理者権限のユーザーがログインしているときだけ
    コメント欄にドラッグ&ドロップ領域が表示されます。

  • 一般ユーザーや未ログインユーザーには、アップロードUIは表示されません。

✅ これなら「便利さ」と「安全寄りの運用」を両立できます。

2)複数枚アップロード対応(2枚、3枚…もOK)

  • 画像は1枚だけでなく、複数枚でもアップロードできる想定です。

  • 1コメントあたりの最大枚数や、1枚あたりの最大容量も設定できます。

3)画像はコメントと一緒に表示(未ログインでも閲覧OK)

  • 投稿された画像は、コメント本文の下にギャラリーのように表示。

  • **未ログインユーザーも閲覧できる(公開表示)**仕様です。

4)クリックで拡大表示(モーダル / ライトボックス)

  • 画像をタップ/クリックすると、モーダルで大きく表示。

  • スマホでもPCでも見やすい、閉じやすいUIにできます。

5)管理画面から機能をON/OFFできる

  • 「そもそも機能を使う/使わない」を、管理画面のスイッチで切り替え。

  • 「管理者だけアップロード可能」にする設定も、管理画面で分かりやすく説明します。

スクショ①:プラグインの管理画面(設定)

「機能のON/OFF」や「アップロード権限(管理者のみ)」などを管理画面で設定できます。

スクショ②:コメント欄(管理者でログイン時だけ表示されるアップロードUI)

WordPress コメント欄に画像アップロードを追加する方法|管理者だけドラッグ&ドロップ対応の専用プラグインも作れます

管理者権限でログインしている場合のみ、コメント欄にドラッグ&ドロップの画像アップロード欄が表示されます。


管理者以外(一般ユーザー/未ログインユーザー)には、このアップロード欄は表示されません。閲覧はできますが、アップロードはできない仕様です。


「画像はどこに保存されるの?」という疑問にも答えられます

こういったコメント画像アップロード機能をプラグイン化する場合、多くのケースで画像は WordPressのメディアライブラリに保存します。

  • 保存先:通常は wp-content/uploads/年/月/

  • 管理画面:メディア > ライブラリから確認・削除可能

安価なレンタルサーバーでも、WordPressが普通に動いている環境ならこの方式が一番相性が良いです。
(ただし、サーバー側の upload_max_filesizepost_max_size の設定次第で、上限が変わることがあります。)


既存プラグインで難しい「ちょうどいい仕様」を作れます

コメント欄の画像アップロードって、既存プラグインでも近いことはできます。

でも実際は、

  • 権限を管理者だけにしたい

  • 画像は公開表示したい(未ログインも含めて)

  • 見た目を自サイトに合わせたい

  • 画像を複数枚にしたい

  • モーダル表示を入れたい

  • 管理画面からON/OFFしたい

…みたいな「ちょうどいい仕様」にしようとすると、既存プラグインでは噛み合わないことも多いです。

そういうときは、サイトの運用方針に合わせて専用プラグインとして作るのが最短で安定します。


WordPress専用プラグインを開発します(ご相談はこちら)

「WordPress コメント欄 画像 アップロード」みたいな機能追加はもちろん、
既存プラグインでは実現できない細かい仕様も、専用プラグインとして実装できます。

たとえば…

  • 管理者だけアップロード、閲覧は全員

  • 投稿者だけアップロード可能

  • 画像の最大枚数/容量/形式の制限

  • 画像の自動圧縮やEXIF除去

  • コメント削除時に画像も削除する/しない

  • スパム対策やレート制限強化

  • デザイン(UI/アイコン/配色)の作り込み

  • SWELL等テーマに合わせた見た目調整

「これってできますか?」の段階で大丈夫なので、必要な機能があればぜひご相談ください。

WordPress専用プラグインを開発します 既存プラグインで無理な機能を実装します | ココナラ


まとめ

今回は例として、管理者だけコメント欄で画像アップロードできるプラグインの構想をご紹介しました。

  • アップロードは管理者のみ(運用安全寄り)

  • 画像はコメントと一緒に公開表示(未ログインも閲覧OK)

  • 複数枚OK、モーダルで拡大表示も対応

  • 管理画面でON/OFFでき、説明も整備できる

こういった「欲しいところだけ、ちゃんと作り込む」プラグインは、運用がラクで長く使えます。

必要な機能がある方は、遠慮なくご相談ください。あなたのサイトに合う形で、最適な仕様に落とし込んで実装します。

💻あなたのサイト、今すぐ売れます。目的にあわせて選べる2つの売却サービス

「ちょっとした副業サイトを手軽に売りたい」
それとも
「本格的に事業サイトを高く売却したい」

どちらも叶えるのが、ラッコの2つのサイト売買サービスです。


🔸ラッコマーケット:手軽に・すぐ売れる

  • WordPressで作った小規模サイト専用
  • 最短当日掲載、面倒な交渉・契約も不要
  • 売買価格は 1〜50万円 の低価格帯

\ 今すぐ出品して、数日で売却完了も! /
【広告】👉 ラッコマーケットを見る


🔹ラッコM&A:しっかり・高く売りたい方へ

  • サイト、SNS、アプリなど幅広く対応
  • 審査・交渉・契約・エスクローまで安心サポート
  • 高額売却・事業承継にも最適

\ あなたの資産、正当に評価される場所へ /
【広告】👉 ラッコM&Aをチェック


💡「まずは気軽に試したい」「しっかり売りたい」
あなたのニーズに合った方法で、今すぐ一歩踏み出してみませんか?

WordPress コメント欄に画像アップロードを追加する方法|管理者だけドラッグ&ドロップ対応の専用プラグインも作れます

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

WordPressの「困った」を解決する個人開発者です。最新AI技術をフル活用し、プラグインだけでは難しい独自機能をスピーディーかつ正確に実装します。「こんなこと頼める?」という技術的なご相談も、分かりやすくサポート。個人ならではの柔軟さで対応します。Wikipedia作成など、Web全般のお悩みも広く承っています。

【広告】✅ 『【簡単出品】あなたのWordPressサイト、意外と売れます!今すぐ出品で500円還元中!』

ラッコマーケット

WordPressで困っていませんか?ここに気軽に相談してください

コメント一覧 (1件)

  • デモです。この記事で紹介している「WordPress コメント欄 画像 アップロード」機能を使って、画像を2枚添付して投稿しています。
    表示イメージの確認にどうぞ(※画像は一般公開で表示されます)。

たか369 へ返信する コメントをキャンセル

目次