WEB NOTE
WEB関連の備忘録

WordPressカスタム投稿のメニューアイコンでSVGを使う方法

WordPress

WordPressでカスタム投稿タイプを使うときや、プラグインを作ったとき、管理ページのメニューのアイコンをオリジナルのものを使う方法です。
SVGファイルを使う場合、以下のような記述をします。

register_post_type('hoge', [
    'label' => 'hoge',
     // .. ect
    'menu_icon' => 'data:image/svg+xml;base64,' . base64_encode('<svg>SVG_Path</svg>')
]);

ちなみにアイコンの大きさは縦横20pxの正方形が望ましいです。