WordPress:アドミンバーを必要な時だけ表示

この記事は約2分で読めます。
記事内に広告が含まれています

WordPress:アドミンバーを必要な時だけ表示

WordPress では、管理者(ログイン中のユーザー)が自分のサイト(ブログ)にアクセスすると、画面上部に「アドミンバー」が表示されます。

管理画面や記事の編集画面にすぐ移動できて便利ですが、サイトのデザインを確認したい時など、ときどきアドミンバーが邪魔に感じることがあります。

WordPress の管理画面「ユーザー」→「あなたのプロフィール」から、「アドミンバー(ツールバー)」を非表示にできますが、一切使えなくなってしまうので不便です。

マウスのカーソルが重なった時だけ表示するように、ユーザースタイルを作ってみます。

スポンサーリンク

機能の解説

WordPress の管理者がサイト(ブログ)にアクセスすると、画面上部に表示される「アドミンバー」。

WordPress:アドミンバーを必要な時だけ表示

このアドミンバーを、普段は隠しておいて……

WordPress:アドミンバーを必要な時だけ表示

カーソルを重ねた時だけ、表示されるようにします。

WordPress:アドミンバーを必要な時だけ表示

ユーザースタイルの導入手順

公開を終了しました

WordPress を使っている人なら自作できそうなユーザースタイルですが、バックアップも兼ねて userstyles.org で公開します。

  1. 下記から拡張機能「Stylus」をインストール(インストール済みの場合は次へ)。
  2. こちらのページにアクセスして、「Customize Settings」をクリック。
    userstyles.org Customize Settings
  3. スタイルを適用する URL を指定する必要があるので、「ブログのトップURL」「WordPressのダッシュボードのURL」を入力します。ダッシュボードのURLは /wp-admin/ で終わる形(index.htmlは不要)で入力して下さい。(インストール後も、URLの変更は可能)
    WordPress:アドミンバーを必要な時だけ表示
  4. 「Install Style」をクリックしてスタイルをインストールします。
    userstyles.org Customize Settings Install Style

これで導入完了です。

ちなみに、更新されたものにアップデートする時もこれとまったく同じ手順で可能です。

コメント

タイトルとURLをコピーしました