質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

88.92%

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

解決済

回答 2

投稿

  • 評価
  • クリップ 0
  • VIEW 186

mifomifo

score 12

前提・実現したいこと

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

該当のソースコード

//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 );

試したこと

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

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

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

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

バージョン 5.4.2

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 2

checkベストアンサー

+3

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' );    // フロント画面用

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2020/07/16 07:08

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

    キャンセル

+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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2020/07/16 07:09

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

    キャンセル

  • 2020/07/16 11:31

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

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 88.92%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る