WordPressの逆引き作業メモ

このブログはWordPressで業務に使った時の自分の作業用のポイントメモです。

WordPressの管理画面にオリジナルページを追加

WordPressの管理画面に、簡単なヘルプページなどの1ページをHTMLで追加したい時の最小モデル。

functions.phpの中にadmin_menuフックにメニューを追加するコードを書きます。

function register_my_custom_menu_page() {
 add_menu_page('ヘルプページ', 'ヘルプ', 'manage_options', 'manual', 'add_manual_page', 'dashicons-media-text', 200);
 }
add_action( 'admin_menu', 'register_my_custom_menu_page' );

 

まず add_menu_pageを実行するregister_my_custom_menu_pageという関数を定義します。

add_menu_page(
ページタイトル,
メニュータイトル,
権限(とりあえずmanage_optionsでいいです。),
スラッグ,
コンテンツの関数,
アイコン,
メニューの順番

という内容です。

 

 

 

WordPressに標準で実装されているアイコンはこちらから参照できます。

この場合は'dashicons-media-text'のように名称だけで指定できます。

https://developer.wordpress.org/resource/dashicons/#editor-justify

オリジナルで画像等を使いたい場合はここにURLを指定します。

指定したadd_manual_pageという関数にページコンテンツを書き出す内容を定義します。

function add_manual_page() {
?>
<div class="manual-contents">
<h1>ヘルプページ</h1>
<p>このページはスタッフ用マニュアルです。</p>
</div>
<?php
}

 

HTMLで記述する部分は、自由に変更できます。

これを実行するとヘルプページがメニューに追加され

f:id:jinkosky2009:20180510210513p:plain

選択すると、ページに指定したコンテンツが表示されます。

f:id:jinkosky2009:20180510210736p:plain

簡単なマニュアル用から、スタイルを適用すればコンテンツ確認用のページまで用途は様々に使えます。