WordPress ダッシュボードにオリジナルのボックスを作成する方法

WordPress 管理画面のダッシュボードにオリジナルのボックスを作成して、自分がよく使う項目へのリンクをまとめておくと便利だと思いませんか？

オリジナルボックスをうまく使うと WordPress での作業効率が爆上がりします。

例えばブログであれば、新規投稿・頻繁に内容を書き換える記事や固定ページ・よくアクセスするプラグインなどの直リンクをオリジナルのボックスにまとめておく。

ブログ記事作成時によく利用するウェブサービスの外部リンクをまとめておいてもよいかもしれませんね。

また、ウェブサイト制作であれば、納品先の顧客がアクセスできる部分だけの直リンクをオリジナルボックスにまとめておくと、顧客がわかりやすくて更新しやすいんじゃないでしょうか。

注意書きを表示しておくのも良いかもしれませんね。

今回の記事内容

今回は「WordPress ダッシュボードにオリジナルのボックスを作成する方法」を紹介します。

WordPress ダッシュボードのオリジナルボックスとは？
ダッシュボードにオリジナルボックスを設置する手順
【応用】オリジナルのボックスを便利に使おう
あとがき

WordPress ダッシュボードのオリジナルボックスとは？

WordPress のダッシュボードに表示されるボックスは、当然あらかじめ用意されているものしか表示されません。

プラグインによっては、内容がボックスとして追加されるものもありますが、通常では自分で自由に内容を設定できるボックスをダッシュボードには追加することができません。

しかし、本記事で紹介する手順を利用中の WordPress テーマに追加するだけで、

このようにオリジナル内容のボックスを設置することができるようになります。

ダッシュボードにオリジナルボックスを設置する手順

以下のコードを利用中テーマ内にある function.php にコピーして貼り付けるだけでオリジナルボックスが設置されます。

//オリジナルのダッシュボードボックスを追加する
add_action('wp_dashboard_setup', 'my_custom_dashboard_widgets');

// ダッシュボードボックスのタイトル
function my_custom_dashboard_widgets()
{
	global $wp_meta_boxes;
	wp_add_dashboard_widget('custom_help_widget', 'ボックスのタイトル', 'dashboard_text');
}

// ボックスの内容
function dashboard_text()
{
	echo '<p>ボックスの内容</p>';
}

//オリジナルのダッシュボードボックスを追加する

add_action('wp_dashboard_setup', 'my_custom_dashboard_widgets');

// ダッシュボードボックスのタイトル

function my_custom_dashboard_widgets()

{

global $wp_meta_boxes;

wp_add_dashboard_widget('custom_help_widget', 'ボックスのタイトル', 'dashboard_text');

}

// ボックスの内容

function dashboard_text()

{

echo 'ボックスの内容';

}

コードを貼り付けると、ダッシュボードには以下のようにオリジナルのボックスが表示されるようになります。

コード内で変更する箇所は、

「ボックスのタイトル」と「ボックスの内容」部分です。任意の文言へ変更してください。また、ボックスの内容部分は HTML コードが使えるのでリンクを挿入したりできます。

【応用】オリジナルのボックスを便利に使おう

ブログ更新時によく使う項目などのリンクを貼っておくと大変便利で効率的です。

ボックスの内容にリンクを貼るには、以下のようにボックスの内容部分を編集します。

//オリジナルのダッシュボードボックスを追加する
add_action('wp_dashboard_setup', 'my_custom_dashboard_widgets');

// ダッシュボードボックスのタイトル
function my_custom_dashboard_widgets()
{
	global $wp_meta_boxes;
	wp_add_dashboard_widget('custom_help_widget', 'よく使う項目', 'dashboard_text');
}

// ボックスの内容
function dashboard_text()
{
	echo '<p>▶ <a href="リンク先URL">投稿一覧</a></p>
    <p>▶ <a href="リンク先URL">新規投稿</a></p>
    <p>▶ <a href="リンク先URL">頻繁に更新する記事</a></p>
    <p>▶ <a href="リンク先URL">このブログについて</a></p>';
}