概要説明
Dashiconsアイコン用のcss読み込みを無効にするためのカスタマイズ。ログイン時には管理画面でアイコン表示が行えるようにしつつ、ユーザー閲覧時には使用していないDashicons用のcssを読み込まないようにします。
～ 目次 ～
DashiconsはWordPress公式で採用しているアイコンフォント
常時アイコン用のフォントが読み込まれているためログイン時のみdashicons.min.cssファイルを読み込むように修正
functions.php
/*----------------------------------------------------
dashicons.min.cssの読み込みをログイン時だけにする
----------------------------------------------------*/
if ( !function_exists( 'add_deregister_styles' ) ){
function add_deregister_styles() {
// ログインしていない時だけ
if ( ! is_user_logged_in() ) {
wp_deregister_style( 'dashicons' ); // 無効化
}
}
add_action( 'wp_print_styles', 'add_deregister_styles' );
}
Dashiconsのアイコンをサイト上で使用したいという方のために
画面上からアイコン用のコードを取得することが出来ます
cssでアイコンを使用する場合
css
element:before {
font-family: "dashicons";
content: "\f11f";
}
htmlにてアイコンを使用する場合
html
<span class="dashicons dashicons-admin-site-alt3"></span>
