皆さま、おはこんばんにちわ!
今回はWordPressで作成したサイト上部に謎のスペースが出てしまった時の解決した対処法について解説していきます。
というのも先日いつも通りブログを触っていたら、本ブログのヘッダー部分に謎のスペースができてしまっていました。
色々試した結果、ある方法で解決しましたので、本記事で対処方法について解説したいと思います。
2分もあれば直せる簡単な方法なので、解決方法が見つけられていない方は是非ご覧ください。
- WordPressでブログを作成されている方
- ブログ上部に謎のスペースがある方
- ブログのどのページでも同様に謎のスペースが表示される方
目次
ブログ上部に謎のスペースができる理由
ブログ上部にできる謎のスペースの原因は色々考えられます。
- CSSが原因
- テーマファイルがBOMありで保存されている
- テーマファイルの問題
- 導入しているプラグインが原因
- function.phpに全角スペースが入っている
まだまだ可能性のある原因はあると思いますが、ざっと挙げただけでもこんなにあります。
ただ、ブログの「どのページでも」謎のスペースが表示される方については、共通ヘッダーである「header.php」内で悪さをしている可能性がありますので、同様の事象が発生している方は次項の解決方法を是非試してみてください!
また最近、header.phpファイルを弄った記憶がある方もこの解決方法で直る可能性が高いので是非!
解決方法について
①Wordpressの管理画面を開きます。ダッシュボードの「外観」→「テーマエディタ」をクリックします。
②テーマ編集画面が表示されるので、画面右側の「テーマヘッダー(header.php)」をクリックします。
③赤枠metaタグの横に空白スペースがあると思いますが、ここのスペースに全角スペースがあったりすると今回の事象発生の原因になったります。
全角スペースを確認する方法とかは一旦考えず、とりあえずここのスペースを一旦削除し、改めて半角スペースを入れ直してみましょう。
④とりあえず赤枠内の全てのスペースを新たに設定しました。
⑤ファイルを更新します。
改めて、サイトを確認してみてください。
私の場合はこの方法でサイト上部のスペースが綺麗になくなりました。
まとめ
如何でしたでしょうか?
私の場合はこの事象が起こる前にGoogle Search Consoleの設定でheader.phpを触ったことを思い出しました。
header.phpを実際にいじる際はサイト全体に影響してしまうこともあるので、慎重に更新する必要があることを今回の経験で学ぶことができました。
私もですがブログ初心者の方は、色々なサイトから情報を収集して試し試しでブログをカスタマイズされていると思います。
そんな中、いきなり今回のような事象が発生してしまうと少し焦ってしまいますが、これもスキルアップへの良い経験としてともにブログ活動を頑張っていきましょう!
この記事が1人でも多くの人の役に経てば嬉しいです。
それでは!