新・元地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

自由な20代、窮屈な30代を経て、遂に40代になっちまったWebディレクター&パソコン講師の覚書と思う言(こと)。略称【ちほちゅう】

*

WordPress(ワードプレス)の管理バーの高さを無視させたり、非表示にさせたりする方法

      2014/11/09

  • このエントリーをはてなブックマークに追加

1年以上前の記事です。内容が古い可能性があります。

WordPressでデザインをカスタマイズする際、邪魔になるのが管理バー。
「position:absolute」なんて使っちゃうとこんな感じで、ユーザー側と管理者側で見た目が変わってきちゃうんです。

管理バーなし 管理バーなし

管理バーあり管理バーあり

スポンサーリンク
 

そんな時は管理バーを削除しちゃうのがいいのですが、それはそれで管理がしづらくなったりして。。
そこで、一番いい方法を探ってみました。

まずは管理バーを削除しちゃう一番簡単な方法です。
これは、WordPress(ワードプレス)の管理画面から「ユーザー」→「あなたのプロフィール」と行くことで可能です。
管理バーを削除01ここで、ツールバーにある「サイトを見るときにツールバーを表示する」のチェックを外して「プロフィールを更新」すればOK!

これはこれで簡単でいいのですが、もうちょっと細かい設定をしたい時はテーマのfunction.phpにいろいろ書いていくといいです。
たとえば、以下のように書くと、上記同様、管理バーを削除することが出来ます。

function mytheme_kill_admin_bar(){
return false;
}
add_filter( ‘show_admin_bar’, ‘mytheme_kill_admin_bar’ , 1000 );

 

ただ、個人的には管理バーは削除したくないんです。
とは言え、管理バーが表示されることでレイアウトが崩れちゃうのはいけない。

それだったら、管理バーの高さを無視させることは出来ないか?
できました。

add_theme_support( ‘admin-bar’, array( ‘callback’ => ‘__return_false’ ) );

 

具体的には
管理バーの高さを無効に「外観」→「テーマ編集」→「function.php(テーマのための関数)」と行き。
末尾に上記ソースをコピー&ベースとして「ファイルを更新」すればOKです。

こんな感じ。
管理バーあり2デザイン上、被ってしまっているところもありますが、これだったらレイアウト自体が崩れることはありません。

他にも管理バーの高さを変えたり、項目を削除、追加したりもできるようです。
詳しくは以下のサイトをご参考下さい。

管理バー WP Admin Bar を徹底的にカスタマイズしてみる | 8bitodyssey.com

 - CMS, WordPress, プログラミング, 覚え書き , ,

アドセンス広告メイン

Message

メールアドレスが公開されることはありません。

  関連記事

「クラス替え」の真実、娘に話したら知ってた

1年以上前の記事です。内容が古い可能性があります。出先で記事を見かけてこれは小6 …

これはノーベル賞もの。スマホのバッテリー寿命を格段に伸ばす方法を大学院生が偶然発見。なんと、数百年持つらしい

1年以上前の記事です。内容が古い可能性があります。随分進化したスマートフォンです …

【眼から鱗】ブラウザのキャッシュはHTMLで制御できた

1年以上前の記事です。内容が古い可能性があります。過去にはサイトデザインをプリン …

カラーインクジェットプリンタでモノクロ印刷も考えている人は注意。なんと、黒インクだけじゃ印刷できないのが一般的

1年以上前の記事です。内容が古い可能性があります。この仕様はぶっちゃけ、詐欺じゃ …

Windows Media PlayerでMOV(QuickTime)を再生する方法

1年以上前の記事です。内容が古い可能性があります。「シリーズ動画」を終了させてい …

Flashで使えるサウンドファイルは11、22、44kHzのサンプリングレートで8ビットまたは16ビット

1年以上前の記事です。内容が古い可能性があります。Flash動画の話。ある生徒さ …

WordPress(ワードプレス)のリンク切れチェックに「Broken Link Checker」 #wp

1年以上前の記事です。内容が古い可能性があります。表立っての活躍は見せなくても、 …

知らん間に圧縮形式LZH(LHA)が使っちゃいけないことになっていた

1年以上前の記事です。内容が古い可能性があります。今となってはZIPがスタンダー …

トイレやキッチンで「ゴキブリ」と遭遇したら洗剤やハンドソープで退治可能

1年以上前の記事です。内容が古い可能性があります。ネットでは「G」などと隠語化さ …

Instagram(インスタグラム)→Flickr(フリッカー)→Twitter(ツイッター)の連携方法

1年以上前の記事です。内容が古い可能性があります。「僕のInstagram(イン …