WebDesigner's Memorandumウェブデザイナーの備忘録

WordPressのヘッダーにツールバーが表示されないときは、wp_headやwp_footerが入っているか確認

WordPressのヘッダーにツールバーが表示されないときは、wp_headやwp_footerが入っているか確認

WordPressを使っているサイトでデフォルト設定でログインしていると、サイトの上の方にWordPressの管理バーが表示されます。

WordPressのツールバー

逆に非表示に設定した覚えがないのに、表示されていない場合は必要な入力が抜けている可能性があります。

必要なコードが抜けていないか確認する

wp_headが入っているか確認

WordPressのテーマフォルダ内のheader.phpの<head>タグ内に下記のコードが入っているか確認して、なければ追加します。

<?php wp_head(); ?>

この記述がないと、プラグイン固有のCSS・JavaScriptファイルなどが出力されません。

wp_footerが入っているか確認

WordPressのテーマフォルダ内のfooter.phpの</body>の閉じタグ直前に下記のコードが入っているか確認して、なければ追加します（もし<script>タグがある場合はさらにその前に入力）。

<?php wp_footer(); ?>

この記述をしておくと、一部のJavaScriptや管理バーのHTMLが出力されるようになります。

WordPressの設定を確認

コードを設定していても表示されない場合は、WordPressの設定で非表示になっている可能性があります。

［管理画面］→［ユーザー］から自分のユーザーの編集画面へ移動し、「サイトを見るときにツールバーを表示する」にチェックを入れて保存します。

WordPressのツールバー表示

これで表示されるようになるはずです。

関連書籍・商品

いちばんやさしいWordPressの教本 第4版 5.x対応 人気講師が教 える本格Webサイトの作り方 (「いちばんやさしい教本」シリーズ)
created by Rinker
［改訂版］WordPress　仕事の現場でサッと使える！ デザイン教科書［WordPress 5.x対応版］ Webデザイナー養成講座
created by Rinker

著者について

プロフィール画像

サイトウ マサカズ@31mskz10

1997年生まれ。2016年から専門学校でデザインについて勉強。卒業後は神戸の制作会社「N'sCreates」にウェブデザイナーとして入社。このブログでは自分の備忘録も兼ねて、ウェブに関する記事や制作環境を効率的に行うための記事を書いています。

Twitterをフォロー Facebookでいいね
文章量
ソート
Twitterをフォロー Facebookでいいね

記事一覧

関連記事 人気記事 ランダム

目次

X（旧：Twitter）

効率化に関する情報をポストしています。
ぜひフォローよろしくお願いします。

表示設定

ダークモード

この機能はCookieを使用して、設定した内容を保存しています。個人を特定したりするものではありませんが、気になる方はプライバシーポリシーをご覧ください。