Wordpressの管理画面に操作マニュアルのボタンを追加させる件

この頃何かとWPの設定を行っております！

という事で、今回は利用されているユーザーの方から同じような質問が来るので、これらの情報をPDFにまとめてWPの自分の管理画面から確認できるように設定いたしました。

今回は、PDFのマニュアルなので普通にリンク先を通知してもよかったのですが、例えば前回の記事のように…

「Announce from the Dashboard」を使ってダッシュボードにお知らせを追加させる件

こんな感じで、お知らせにダウンロードリンクを掲載してもいいのですが、それでは芸が無いので、今回は管理画面に専用のボタンを追加させたいと思います。

functions.php　に以下の内容を記述します。

add_action( 'admin_menu', 'add_manual_menu' );
function add_manual_menu() {
  add_menu_page( '', '操作マニュアル', 'manage_options', 'manual', '', 'dashicons-editor-help' );
}
add_action( 'admin_head', 'setting_manual_menu' );
function setting_manual_menu() {
?>
  <script>
    jQuery(function($) {
      $('.toplevel_page_manual').attr({
        href: '&lt?php echo get_theme_file_uri( 'manual.pdf' ); ?>',
        target: '_blank'
      });
    });
  &lt/script>
&ltphp
}

12行目には実際に表示させるPDFファイルのパスを指定してください。

( 'http://www.hogeghoge.goe/.../manual.pdf' )

といった具合に、http～　から始まる指定でもOKです。

設定できれば、こんな感じで「操作マニュアル」というボタンが追加されているはずです。



なお、地味にポイントとなるのがadd_menu_pageの引数です。

現在、第三にはmanage_optionsを指定していますが、これだと管理者以外のユーザーには今回追加したボタンが表示されません。

管理者以外にも表示させる場合には、ここの指定をreadにしてください。

一応、readに指定したのも記載しておきます。

add_action( 'admin_menu', 'add_manual_menu' );
function add_manual_menu() {
  add_menu_page( '', '操作マニュアル', 'read', 'manual', '', 'dashicons-editor-help' );
}
add_action( 'admin_head', 'setting_manual_menu' );
function setting_manual_menu() {
?>
  <script>
    jQuery(function($) {
      $('.toplevel_page_manual').attr({
        href: '&lt?php echo get_theme_file_uri( 'manual.pdf' ); ?>',
        target: '_blank'
      });
    });
  &lt/script>
&ltphp
}

結構地味な設定ですが、見栄えが良いですよね。

こんな感じで、色々とボタンを管理画面に追加できるので、他の引数などもチェックして色々と試してみてください！

PHPしっかり入門教室 使える力が身につく、仕組みからわかる。 著：小原 隆義 参考価格：￥ 2,570 価格：¥2,570 OFF : ()