無料Wikiサービス | デモページ
Linuxなどのメモ書き
検索

Adsense

WordPress メタボックス追加サンプルコード


Rev.4を表示中。最新版はこちら

概要

WordPressの記事投稿ページにメタボックスを追加して、入力項目をカスタマイズするサンプルコード。

コード入手先

コードは以下にアップ済み。

https://github.com/kztomita/wordpress-plugin-sample-metabox

説明

プラグイン形式なので、ディレクトリごとwp-content/plugins以下に配置して、WordPressの管理画面からSample Metaboxプラグインを有効化すればよい。プラグインを有効化すると、記事編集ページに以下の3つの入力項目(メタボックス)が追加される。

  • チェックボックス
  • ファイルアップロード
  • メディアライブラリを使ったファイルアップロードおよび選択

 

図1 追加されるメタボックス

 

ファイルの説明

プラグインに含まれるファイルの内容は以下のとおり。

ファイル一覧

./sample-metabox.php
./sample-metabox-admin.php
./sample-metabox-admin-checkbox.php
./sample-metabox-admin-file.php
./sample-metabox-admin-media.php
./js/media_upload.js

 

./sample-metabox.php

Pluginのメインファイル。

./sample-metabox-admin.php

管理画面内で実行されるファイル。本プラグインは記事編集ページのカスタマイズを行うだけなので、全処理はここから読み込まれる。

3つのメタボックスの処理は、それぞれ
sample-metabox-admin-media.php
sample-metabox-admin-checkbox.php
sample-metabox-admin-file.php
に分割されており、これらのファイルを読み込む。

./sample-metabox-admin-checkbox.php

チェックボックスに関する処理を格納。

./sample-metabox-admin-file.php

ファイルアップロードに関する処理を格納。

<input type="file" />を使ったファイルのアップロードを行う。アップロードしたファイルはメディアライブラリに登録せずに、記事編集ページのみで管理を行う。ファイルを再アップロードした場合は、旧ファイルを削除することで、ファイルの差し替えを行う。記事を削除した場合は、アップロード済みのファイルを削除する。

./sample-metabox-admin-media.php

メディアライブラリを開いてファイルのアップロード/選択を行う処理を格納。

./js/media_upload.js

メディアライブラリのOpen処理、およびファイル選択時の処理。sample-metabox-admin-media.phpとセットで使用。

編集中。。。

 


最終更新 2015/12/22 00:21:39 - kztomita
(2015/12/21 23:01:58 作成)
添付ファイル
metaboxes.png - kztomita
checkbox_metabox.png - kztomita