自作WordPressプラグインやテーマ内でメディアアップローダーを使用する

いま開発しているプラグインで、テキストフィールドに画像のURLを入力する必要があって、メディアアップローダーからファイルを選択できるようにしました。

以下は、そのための手順です。

HTMLの準備

自作プラグインの管理画面に以下のようなHTMLを記述してください。

ポイントは以下のとおりです。

  • ファイル名を挿入するinput要素とメディアアップローダーを開くためのa要素を用意する。
  • a要素のrel属性の値にinput要素のid属性を指定する。
  • a要素のclass属性に”media-upload”を指定する。
  • これらの組み合わせは1ページ内に複数あってもOKです。

JavaScriptの準備

上述のHTMLを出力する<head>内などに以下のJavaScriptを設置してください。

JavaScriptのカスタマイズは不要です。

PHPの処理

プラグインには以下の記述が必要です。

$hook_suffixについては、こちらのページを参考にして下さい。

参考

http://www.webmaster-source.com/2010/01/08/using-the-wordpress-uploader-in-your-plugin-or-theme/