wordpressのadminbar(管理バー)を画面の下へ移動させる。


公開日:   〇年前のこの日、何してた?
Categories: Works | Tags: , , | 閲覧数:452 | Leave a comment

実は、昨日一日がかりでSNSのソーシャルアイコンをアイコンフォントに変更したり、

シングル(個別)ページだけでいいよねということでシングルページだけに表示にしたり、

固定でページの上に常にあった方がいいよね?と、固定させたり。

ついでに、ページの上に戻るボタンやホームボタンもアイコンフォントにしたほうがいいかもね・・・など

次から次へやることが出てきてパニック気味ヾ(=^▽^=)ノ

上記のモロモロは、また投稿しますが、

追記

モロモロを随時アップしております♪

まずは、タイトル通り、adminbarを上から下へ移動させる方法。

管理バー(adminbar)を上から下へ移動

SNSのボタンをページ上部に固定させて表示させたかったので、ログインした状態だとその固定させたバーにadminbarがかぶってしまって状態が確認しづらい。

かといって、管理バーを消してしまうと、せっかくの便利さが半減。

なので、↓のような状態から

adminbarが上

↓このように、ページの下へ移動させることに。

こうすると、管理バーの便利さはそのままに、

トップの固定バーもちゃんと確認できるように。

adminbarが下へ

ねこもりやはCSS(スタイルシート)に書きました。

CSSに追加記述する方法

単純にCSS(スタイルシート)に記述が一番簡単かなと思うのですがいかがでしょうか?

上記をスタイルシート(style.css)に追加すればOK!

簡単!functions.phpとか触るのが怖い方は是非に( ̄∇+ ̄)vキラーン

functions.phpに記述する方法

参考:WordPressをカスタマイズする便利な10個のスニペット | コリス

おまけ~あっさりと非表示にする

もしかしたら、完全に非表示にしたいってこともあるかもってことでおまけですよん。

ユーザーの管理から非表示に

管理画面で左メニューから
ユーザー→ユーザー一覧

非表示にしたいユーザーのプロフィールの「ツールバー」の項目のチェックを外します。

下図の様な状態の場合、管理バーは表示されます。
プロフィールの編集画面から非表示にできます

 

functions.phpに記述して非表示に

functions.phpに記述する場合は以下。

参考:WordPress3.1で追加された管理バー(Admin Bar)をカスタマイズする | webOpixel

参考サイト

WordPressをカスタマイズする便利な10個のスニペット | コリス

WordPress3.1で追加された管理バー(Admin Bar)をカスタマイズする | webOpixel

 

もし、気に入っていただけたらシェアしていただけると嬉しいです♪ この記事へのリンクはこちら↓コピーしてHTML編集画面に貼り付けでお使いください。

ブログの更新情報はこちらで配信中~
Feedlyで購読
follow us in feedly
更新をメールでお知らせ 配信: FeedBurner

sponsored


公開日:   〇年前のこの日、何してた?
Categories: Works | Tags: , , | 閲覧数:452 | Leave a comment

著者 ねこもりや

どうぶつ占いは「コアラ」。ボーっとする時間が常に必要。”猫になりたい”とひたすら願う怠けもの。

My Photos

Leave a Reply

Required fields are marked *


CAPTCHA