since 2003

blog ブログ

WordPress ダッシュボードアイコンの変更

2014.03.26

最近、カスタム投稿を追加する機会が増えた。

追加すれば、ダッシュボードのメニューバーに自動的に表示される。

デフォルトだと「投稿」と同様にピンのアイコンが表示される。

これだと、パッと見「投稿」と間違えやすい。

何とか変更できないかと調べてみたところ、比較的に簡単に変更できそうだ。

  1. 以下のサイトを開くDashicons

    上記の順に進めていく。(クリックで拡大)
  2. function.phpを開き以下をコピペ
    function my_dashboard_print_styles() {
    ?>
    
    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cstyle%3E%0A%23dashboard_right_now%20.%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%A0%E6%8A%95%E7%A8%BF%E5%90%8D-count%3Abefore%20%7BDashicons%E3%81%A7%E3%82%B3%E3%83%94%E3%83%BC%E3%81%97%E3%81%9F%E3%82%82%E3%81%AE%E3%82%92%E3%83%9A%E3%83%BC%E3%82%B9%E3%83%88%7D%0A%23adminmenu%20%23menu-posts-%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%A0%E6%8A%95%E7%A8%BF%E5%90%8D%20div.wp-menu-image%3Abefore%20%7BDashicons%E3%81%A7%E3%82%B3%E3%83%94%E3%83%BC%E3%81%97%E3%81%9F%E3%82%82%E3%81%AE%E3%82%92%E3%83%9A%E3%83%BC%E3%82%B9%E3%83%88%7D%0A%3C%2Fstyle%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="&lt;style&gt;" title="&lt;style&gt;" />
    
    <?php
    }
    add_action( 'admin_print_styles', 'my_dashboard_print_styles' );

    「カスタム投稿名」を既に設定してあるものに変更し、{}内にDashiconsのサイトでコピーしたものをペーストする。

  3. function.phpをサーバーにアップ

関連記事

Archive

Category

Recent Entry