WordPress、ツールバー左上の「サイト名」のリンクを解除したい

Question

前提・実現したいこと

ワードプレスでログイン状態の時
左上に表示されるサイト名のリンク（ダッシュボードに飛ぶ）を解除させたい

該当のソースコード

//function.php(サイト情報)
function aktk_remove_bar_menus( $wp_admin_bar ) {
    $wp_admin_bar->remove_menu( 'site-name' );
}
add_action( 'admin_bar_menu', 'aktk_remove_bar_menus', 99 );

試したこと

１）子テーマを作る
２）function.php
こちらのサイトを参考して
表示・非表示の方法はわかった
https://yosiakatsuki.net/blog/remove-menu-admin-bar/

３）function.phpにこちらのコードを記述すると文字とおりリムーブされてしまいます
//サイト情報
$wp_admin_bar->remove_menu( 'site-name' );

「removeではない」、のはわかっているのですが
どう書いていいかわからず困っています。よろしくお願いいたします。

補足情報（FW/ツールのバージョンなど）

バージョン 5.4.2

Answer 1

###CSSでの対応
例えばCSSに下記を加えて頂くとクリックしてもリンクすることはなくなります。

#wp-admin-bar-site-name .ab-item {
    pointer-events: none;
}

ホバーしたときに青くなることも解除したければ下記も追加してください。

#wpadminbar:not(.mobile) .ab-top-menu > li#wp-admin-bar-site-name > .ab-item:focus,
#wpadminbar.nojq .quicklinks .ab-top-menu > li#wp-admin-bar-site-name > .ab-item:focus,
#wpadminbar:not(.mobile) .ab-top-menu > li#wp-admin-bar-site-name:hover > .ab-item,
#wpadminbar .ab-top-menu > li#wp-admin-bar-site-name.hover > .ab-item {
    background: #23282d;
    color: #eee;
}
#wpadminbar #wp-admin-bar-site-name:hover .ab-item:before,
#wpadminbar #wp-admin-bar-site-name.hover .ab-item:before {
    color: rgba(240,245,250,.6);
}

ただしこれですとホバー時に表示される子項目までリンクできなくなるので、そのリンクは維持したければ下記も追加してください。

#wp-admin-bar-site-name-default a {
    pointer-events: initial;
}

もし子項目が不要であれば下記です。

#wpadminbar.nojs li#wp-admin-bar-site-name:hover > .ab-sub-wrapper,
#wpadminbar li#wp-admin-bar-site-name.hover > .ab-sub-wrapper {
    display: none;
}

###どこに書くか？
ご自身の子テーマのCSSに書くのが楽だとと思います。

もし管理画面とフロント画面でCSSを分けたければ、functions.phpに下記を書いてもいいと思います。

function my_admin_bar_css() {
   if ( is_admin_bar_showing() ) {
        $style = <<<STYLE
        <style type="text/css">
            /* この部分に上記CSSを書いてください */
        </style>
STYLE;
    echo $style;
    }
}
add_action( 'admin_head', 'my_admin_bar_css' ); // 管理画面用
add_action( 'wp_head', 'my_admin_bar_css' );    // フロント画面用

Comments

[mifomifo]

できました！ありがとうございました。

Answer 2

手元に環境が無いので未テストですが、コードの内容的にこれでできそうな気がします。

function aktk_remove_bar_menus( $wp_admin_bar ) {
	$wp_admin_bar->add_menu( [ 'id' => 'site-name', 'href' => false ] );
} // 未テスト
add_action( 'admin_bar_menu', 'aktk_remove_bar_menus', 99 );

【class-wp-admin-bar.php in tags/5.4/src/wp-includes - WordPress Trac】
https://core.trac.wordpress.org/browser/tags/5.4/src/wp-includes/class-wp-admin-bar.php#L124

Comments

[mifomifo]

できました！ありがとうございました。

[kei344]

提示したのコードは試されたのでしょうか。