ブログカスタマイズ

WordPressでメニューバーが消えた!スクロールトップが表示されない!原因と解決法

こんにちは。シズです。

私は毎日1回は必ず自分のサイトをスマホから見ているのですが、数日前ふとある事に気が付きました。

それは、設定したはずのスクロールトップが表示されていない!

いろいろ原因を調べていたのですがなかなか分からず、そんなときにもう一つ違和感に気付きました。

メニューバーがサイトから消えている…!!

いよいよ原因が分からなくてお手上げ状態となっていたところ、ある考えが頭に降って来て奇跡的に解決することができました。

スポンサーリンク

スクロールトップ・メニューバー・ツールバーが表示されなくなった

プラグインで設定していたスクロールトップが、ある日突然サイトから消えていました。

スクロールトップとは、サイトの右下あたりによく設置されているタップ(クリック)すると一瞬でトップまで戻れるアイコンです。

これがある日突然消えていたわけです。

そしてこれと同時に、サイトトップに設置していたメニュバーも消えてなくなっていました。

メニュバーとは、サイトの上部に設置されている「ホーム」とか「お問い合わせ」などのページへのリンクです。

メニューバーに関してはなぜか、スマホ表示のときだけ無くなっていました。

そしてもう一つ、ログインした状態でサイトを表示したときに上部に出てくるツールバーも消えてしまっていました。

こんなことは初めてだったので、それはもう、焦りに焦りまくりました。

スクロールトップやメニューバーが消えた原因は「footer.php」だった

結論から言うと、スクロールトップやメニュバーが消えた原因は「footer.php」でした。

実はちょっと前にフッターメニューを導入しようとして、サーバー側のファイルマネージャーに「footer.php」を追加したんです。

フッターメニューを設置するためにはfooter.phpをいじらないといけないのですが、私が使っているテーマには編集画面にfooter.phpが無かったんです。

こういう場合、サーバー側からfooter.phpのファイルを追加するとWordpressのテーマ編集画面にfooter.phpが追加されます。

そしてfooter.phpを追加するまでは良かったのですが、結局フッターメニューの設置方法がちょっと複雑で面倒だったため、導入するのを諦めてそのままfooter.phpを追加したまま放置していたんです。

このfooter.phpを追加してコードを何も記入しないまま放置していたのが、スクロールトップやメニュバーが消えた原因でした。

原因を知るきっかけとなったのが、「WordPress 設定ガイド」というサイトの「ログインしているのにサイト上部にツールバーが表示されない原因 」という記事でした。

この記事でテーマのフッターに「<?php wp_footer(); ?>」のコードの記述がないとログインしていてもツールバーが表示されないという内容を見たとき、自分がfooter.phpを数日前に追加したことを思い出しました。

サーバー側からfooter.phpのファイルを削除すると、それまで消えていたスクロールトップ・メニュバー・ツールバー全てが元通り表示されました。

サイトが崩れたりおかしくなったときにまず疑うこと

WordPressでのブログ運営歴は8ヶ月ですが、トラブルが起こるたびにグーグルで調べまくったり人に聞いたりして解決してきました。

そして今までの経験上、サイトが崩れたりおかしくなったときにまず疑ってみるべきことというのが少しずつ確立してきました。

私がいつも疑うのは、

  • 最近何かカスタマイズしたことはないか?
  • 最近新たにプラグインを導入していないか?

この2つ。サイトが崩れる原因のほとんどがカスタマイズやプラグインだったりします。

特に私のような素人がphpコードをいじったときは要注意です。

phpコードはサイトに指示を出すためのコードなので、コードの一部におかしな記述や不備があった場合、サイトに上手く指示が伝達されません。

その結果、表示されるはずのものが表示されなかったり、動作するはずのものが動作しなくなってしまったりします。

最悪サイトがまったく表示されなくなったり、Wordpress自体にログインできなくなることもあります。

私も過去にWordpressにログインできなくなったことがあります…

ちなみにログインできなくなったときは、サーバー側からファイルを修正すればログインできるようになります。(エックスサーバーの場合はインフォパネルへログインすればOK)

(※FTPソフトを使っていれば、Wordpressやサーバーにログインしなくてもコードの書き換えは可能です。)

そして次に疑いたいのがプラグイン。

プラグインの中には更新が全くされていないようなものもあります。

更新されていないプラグインを使っていると、Wordpressのバージョンをアップデートした際に上手く動作しなくなることがあります。

今回私が使っていたスクロールトップのプラグイン「Scroll Back To Top 」についても何ヶ月も更新されていなかったので、この機会に互換性のある「WPFront Scroll Top」に変更しました。

もし自分の使っているプラグインに下記のような表示が出ている場合、注意が必要です。

互換性の有無については、プラグインページの詳細表示から確認できます。

互換性がある(動作に問題ない)場合は、上記の画像のように「注意」という表示が出ていません。

新たにプラグインをインストールする際も、互換性の有無は確認した方がいいです。互換性がある場合は、下記のように表示されています。

トラブルは知識を増やすチャンス!!

WordPressでブログを運営していると誰もがトラブルには遭遇すると思います。

そして私みたいに素人がトラブルに遭遇すると、軽くパニックにもなります。

でもこのトラブル、私は知識を増やすチャンスだと思っています。

なので何かトラブルが起こった場合はできるだけ自分の力で解決するようにしています。

誰か聞ける人がいれば聞くのが一番早いかとは思うのですが、毎回聞いていたら自分の知識はちっとも増えません。

そして今は便利な世の中なので、ある程度のことはググれば解決します。

人に聞いて解決するよりも、自分で解決できたときの方が何倍も気持ちいいし嬉しいもんです。

WordPressでブログ書くとか無理って思ってた私も、運営8ヶ月でphpがどうのこうのというほどまでになれたのも、いっぱい失敗してきたおかげだなと思います。(phpのことは今でもよく分ってないんですけどね。)

いろんな失敗をするといろんな解決法も蓄積されていくので、次に何か失敗したときに解決しやすくなります。

だから私はこれからも、CSSやphpisやらをガンガンいじっていきたいと思います。

最悪ブログが無くなっても死ぬわけじゃないしね!