WordPress管理画面カスタマイズ 自作のメニューを追加表示する方法

WordPress 2012 年 9 月 15 日 google+0 はてなブックマーク2 Evernote

WordPressサイトの管理画面をカスタマイズして、自作のヘルプメニュー等を追加したい。
そんな時のカスタマイズ。

調べたところ、プラグインで追加する形式が紹介されていた。

カスタマイズの仕方

まず、phpファイルを作成。

例)
help.php

作成したファイルにメニューを表示するためのPHPを記述。
ここは、メニューの表示位置によって書く内容が若干違うので、別に説明。

1.新しいメニューを、投稿などの既存のメニューの下に追加
2.新しいメニューを、管理画面にそのまま追加

作成したhelp.phpをプラグインのデレクトリにいれ、管理画面からプラグイン確認。

プラグインを有効にすると、管理画面に表示されるはず。


1.新しいメニューを、投稿などの既存のメニューの下に追加

help.php

<?php
/*
Plugin Name: Help
Plugin URI: http://1day.sorezore.net/
Description: ヘルプページ
Version: 1.0.0
Author: Kuromu.
Author URI: http://1day.sorezore.net/
*/

add_action('admin_menu', 'manual_menu');

function manual_menu() {
   add_submenu_page('users.php', 'ヘルプメニュー', 'ヘルプ', 8, __FILE__, 'menu_function');
}
}

function menu_function() {
   echo '<div class="wrap">';
   echo '<p>ヘルプページはこちら</p>';
   echo '</div>';
}
?>

プラグイン有効でこんな表示。

最後の太字 echo の後に書かれている

<div class="wrap">
<p>ヘルプページはこちら</p>
</div>

の部分に表示したい内容やリンクを書けばOK。

他の部分の簡単な説明

add_submenu_page('users.php', 'ヘルプメニュー', 'ヘルプ', 8, __FILE__, 'menu_function');

users.php - どの項目内に表示するか(ここではユーザー)
 どのメニューに表示するかは以下の通り
  投稿 post-new.php
  コメント edit-comments.php
  外観 themes.php
  プラグイン plugins.php
  ユーザー users.php
  設定 options-geeral.php
ヘルプ - 管理画面に表示される項目名
8 - メニューが表示される権限 7にすると編集者でも表示
 権限はこちらを参照:ユーザーの種類と権限 - WordPress Codex 日本語版

__FILE__ menu_function - ヘルプメニューをクリックすると、「ヘルプページはこちら」等を書かれている部分を表示するための記述。
/* から */の間はプラグイン情報。

もっと知りたい人は以下のサイトに詳しく載っていますよ。

参考サイト:WordPressの管理画面に、オリジナルのメニューを表示する方法(WordPressプラグイン作成日記 #2) | H2O Blog. ver.1.0


2.新しいメニューを、管理画面にそのまま追加

help.php

<?php
/*
Plugin Name: Help
Plugin URI: http://1day.sorezore.net/
Description: ヘルプページ
Version: 1.0.0
Author: Kuromu.
Author URI: http://1day.sorezore.net/
*/

add_action('admin_menu', 'manual_menu');

function manual_menu() {
   add_menu_page('ヘルプ', 'ヘルプメニュー', 8, __FILE__, 'menu_function');
}

function menu_function() {
   echo '<div class="wrap">';
   echo '<p>ヘルプページはこちら</p>';
   echo '</div>';
}
?>

プラグインに追加し有効にすると、以下のように表示される。

<div class="wrap">
<p>ヘルプページはこちら</p>
</div>

の部分に表示したい内容やリンクを書くのは上と同じ。

add_menu_page(‘ヘルプ’, ‘ヘルプメニュー’, 8, __FILE__, ‘menu_function’);

他の部分の簡単な説明
ヘルプ - 管理画面に表示される項目名
8 - メニューが表示される権限

本当は、カスタムアイコンなんかも表示する事ができるのだけど。
詳しくは、WordPress Codexの以下のページを見てみてください。

管理メニューの追加 - WordPress Codex 日本語版

他参考サイト:
WordPressの管理画面にオリジナルメニューを作る方法 | PLUS
WordPressの管理画面メニューに新しいオリジナルページを作成する方法 | WEB備忘箱

以下は、関連記事のメモ。

アドミンバーのカスタマイズ方法
どや!?いつか使うかも知れない簡単に出来るWordPressカスタマイズまとめ | デザインどや!?

管理画面をカスタマイズしたい場合、このブログの以下の記事も参考になるかも?
WordPressで、管理者以外の管理画面のメニューを非表示カスタマイズ出来るプラグイン
WordPressの投稿画面のタグ挿入ボタンを非表示に

【ご連絡】WordPress、サイト制作関係の新しい記事は、こちらのサイトに書いてます

広告

CPI 激安ドメイン ロリポップ!レンタルサーバー @Next Style お名前.com お名前.com


人気ブログランキング にほんブログ村 blogram

関連記事

    コメントフォーム
    メールアドレスは必須ですが公開はされません

    トラックバックURL
    広告
    ブックマーク
    はてぶ人気記事
    過去ログ