WordPressを開発する話

InstantWPで管理バーが表示されなくなったらどうする?

InstantWPはローカル環境でWordPressの開発をするときに便利なのですが、思わぬところに落とし穴があったので紹介しておきます。

InstantWPのデフォルト状態が本番サーバーの環境とはやや違っていたことが原因でした。

具体的にはこんな症状でした

管理者でログインすると、ページを表示したときに一番上に管理バーアドミンバー)が表示されるはずなのですが、

WP_管理バー表示されないバグ 2016-01-19 23-55-44-832

気づいたら表示されなくなっていました。

WP_管理バー表示されないバグ 2016-01-19 23-53-11-499

InstantWordPress内のローカル環境のことです。

InstantWPのバージョンは 4.5 、表示しているテーマは「Twenty Sixteen」のデフォルト(ノンカスタム)です。

これ以外に自作テーマ・バズ部さんの「Xeory」なども試しましたが、どれを使っても管理バーは表示されませんでした。

まずは基本の確認

ということで、試したことを羅列してみます。

wp_head(),wp_footer()はありますか?

もともとは自作テーマを作っているときに発見したバグだったので、index.php内にwp_head()とwp_footer()が記載されているかを確認しました。

という構造になっていたので、これは問題なしでした。

そもそも、WordPressの公式テーマでも表示されていない状態です。

自作テーマ特有の症状とは考えにくいですね。

ログインユーザーの設定はされていますか?

WordPressにログインした状態でページを表示したときに、管理バーを表示するかどうかの設定をすることができます。

念のためここも確認してみました。

管理画面から「ユーザー」→「あなたのプロフィール」をクリックして、

WP_管理バー表示されないバグ 2016-01-20 00-41-55-652

「サイトを見るときにツールバーを表示する」にチェックが入っているかを確認します。

WP_管理バー表示されないバグ 2016-01-20 00-42-29-892

チェックが入っているのでここも問題ありませんでした。

デフォルトではチェックが入っていると思うので、普通は原因とは考えにくいですね。

ログアウト→再ログインしてみる

ログイン状態が正常に認識されていないかも!

と思い試してみましたが、治りませんでした。

ただ、これをするとあっさり治ってしまったという人は多いようです。

普通なら試す価値有りですね。

ブラウザのキャッシュ・クッキーを消去してみる

ブラウザ上の何かしらの問題でWordPressが正常に表示されていないのでは?

という疑いを晴らすために、これも試してみましたが治りません。

色々なサイトのログイン状態が解除されてしまったので、次回のログインが面倒だなという感じです。。。

表示されなくなる前はどんな状態だったのか?

基本はすべて試しましたが結果的に解決することはできませんでした。

次に取る手段としては、表示ができなくなった環境とできていた環境の違いを探していくことです。

今思えば、最初からこれを考えるべきでした。

実は表示されなくなる前に、本番環境を想定してプラグインを幾つかインストールしていました。

それが原因では?と思い、プラグインを1つずつ無効にして表示を確認してみた次第です。

管理バーの表示不具合はプラグインのせいだった

1つずつ有効・無効を切り替えて表示したところ、「WP Native Dashboard」というプラグインを無効にしたときに表示が回復しました。

WP_管理バー表示されないバグ 2016-01-19 23-55-22-256

実はこのプラグインは、自分で入れたプラグインではなくInstantWordPressに標準インストールされているプラグインです。

多国籍で利用されることを前提に、InstantWPの製作者が最初からインストールし、有効化しているものでした。

これを無効化すると、左上に表示されていた「日本語(ja)」という表示がなくなり、

WP_管理バー表示されないバグ 2016-01-19 23-55-34-008

管理バーが復活しました。

WP_管理バー表示されないバグ 2016-01-19 23-55-44-832

WordPressは日本語対応してくれているので、本番環境でこのプラグインを利用することはありません。

よってInstantWPでも無効化してしまえばOKという結論になりました。

実はこんなことも試していました

そもそも、管理バーを出力するスクリプトは動作しているのか?

と疑問におもって調べているうちに、それを調べる方法が見つかったので確かめてみました。

詳細はフォーラムに記載があったのでリンクを掲載しておきます。

WordPress > フォーラム >> サイトを見るときアドミンバーが表示されない不具合
20160731追記:上記リンクはエラーになってしまいました。フォーラムから削除されたものと思われます。

具体的にはfunctions.phpに以下のスクリプトを記載し、

ページの上部に「bool(true) bool(true) bool(true)」との表示があるか確認します。

表示が「bool(false)」になっていれば、管理バーの出力がされていないということだそうです。

私の場合は出力がされているようだったので、深追いはしませんでした。

あとがき

WordPressはオープンソースなので、本当に多種多様な人が開発をしてくださっています。

そのため、意図したわけでもなく相性の悪いスクリプトが存在したり、ということも多いわけです。

このことを念頭に置いて、バグが発生した前後の状態を思い出して1つずつ元に戻していくことが一番の解決策になります。

今回は「プラグインの競合」という結果でしたが、別のバグでも同じように解決することができるはずです。

開発系のプロセスは複雑ですが根気よく行きましょう。

ではまた。

記事が気に入ったら
tipLog を "いいね!"
Facebookで更新情報をお届け。

tipLog

ブログ向けWordPressテーマ

WordPressテーマ「MAG(TCD036)」

スポンサードリンク

関連記事

  1. WordPressを開発する話

    プラグイン不要!2ステップで完了!「FontAwesome」をWordPressに導入してアイコンを…

    ブログのカスタマイズをするとき、必要なアイコンをいちいち画像化して、フ…

  2. WordPressを開発する話

    WordPressの記事内でPHPを実行した結果を表示する方法

    WordPressの記事内でPHPを実行できると、記事に表示できるコン…

  3. WordPressを開発する話

    AdSenseのモバイル向けページ単位の広告をWordPressに設置する方法

    AdSenseにモバイル用のページ単位の広告という機能が追加されてしば…

  4. WordPressを開発する話

    WordPressのテーマ・テンプレートのディレクトリを取得する方法

    WordPressのカスタマイズをするとき、親テーマと子テーマのどちら…

  5. WordPressを開発する話

    子テーマを使ってWordPressを自由にカスタマイズしちゃいましょう

    WordPressをカスタマイズするときに使うと便利なのが「子テーマ」…

  6. WordPressを開発する話

    WordPressの子テーマを作るときのひな型テンプレートがあるんですが…

    WordPressのカスタムをするときは子テーマを使った方が効率的で、…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


スポンサードリンク

カテゴリー

ピックアップ記事

WordPressテーマ「MAG(TCD036)」     ロゴマルシェ - LogoMarche   ボタンマルシェ - ButtonMarche
  1. グラフィックデザイン

    無料でクオリティが高く、検索機能が利用できる画像素材サイト3選
  2. 便利なツールの話

    レイアウトデザインに最適な無料ソフト「inkscape」(≒Illustrato…
  3. ブログの収益化

    無料レポートスタンドの「メルぞう・Xam」を120%使い倒す方法
  4. ブログやサイトの作り方

    月額100円から使える「ロリポップレンタルサーバー」
  5. 便利なツールの話

    フォトレタッチ・グラフィックデザインの無料ソフト「GIMP」(≒Photosho…
PAGE TOP