ヘッダー上部に空白

サイト作成

AFFINGER5 ヘッダー上部に空白が出来る【原因と対処法】

ヘッダー上部に空白

AFFINGER5 ヘッダー上部に空白が出来て端に【” />】が出るのも解説

 

空間さん
どうも空間デザインオフィスの須山です

 

AFFINGER5でサイトの作成を行っていた所、ヘッダー上部に何やらへんな空白が出来ている事に気づきました。しかも端に【” />】これはコードの端つこ?何?これ?すごい気持ち悪いし、スッキリしない気分になりました。きっとこの記事を読んでいる方は同じ気分である事は間違いないでしょう。

そこで、WEBの力をかりて調べました。

AFFINGER5 WordPressヘッダー上部に空白が出来る

こちらは色々な原因と対処法が有りました。まとめますね!

空白の対処
  • function.phpテキスト形式が【UTF-8N】かを確認
  • headのコードに空白が存在
  • 管理バーの表示が原因
  • AFFINGER5のテーマを最新版に更新

 

空間さん
まず初心者にはコードを書き換えるなんて不可能
ガンテくん
かなり高度なレベルですね!

 

上記の1~4を説明します。

 

function.phpテキスト形式が【UTF-8N】かを確認

サーバーのFTPに入って、function.phpをダウンロードしてテキスト形式を変更します!出来ますか?FTPをいじるなんて初心者にはドキドキですよね。私の場合はテキスト形式に【UTF-8N】が存在しませんでした(泣)

この場合はどうしたら良いのか?謎です。

 

headのコードに空白が存在

まず、コードの余白?【全角スペース】探します!👈無理です。文字コードのエディタを変更👈無理です。初心者または中級者の方は無理です。プログラミングの知識無いと不可能です。諦めましょう。サイトが崩れた時にパニックになりますよ。

 

管理バーの表示が原因

管理バーの表示が無いと使いづらくて大変な事になります、使うたびに切り替えするなんてアナログ過ぎてストレスで嫌になってしまいますね。

 

AFFINGER5のテーマを最新版に更新

AFFINGER5のテーマを最新版に更新する!これは1番楽な方法です。更新できる場合は更新しましょう、回復する可能性が有ります。しかし最新版の場合は?私がそうでしたが最新版なので更新?出来ませんでした、と言う場合も有ります。

 

ヘッダー上部に空白が出来る【まとめ】

良くある対応策として、上記の事をやって見るべきだと思います。上記で私見を述べている様にどうにもならない事も有ると思います。しかし、回復する場合も少なからず有ります。

諦めずにトライしましょう。どうしてもダメな場合は、ご相談下さい。何とかなる場合が有ります。しかし無料なので過度な期待はご遠慮下さいね。

 

空間さん
ヘッダー上部に空白なんてスッキリしないですね
ガンテくん
色々と対策をやってみるしかないですね

 

試す

 

AFFINGER5 ヘッダー上部に空白が出来て端に【” />】が出るのも解説

こちらの現象は情報が少なくて正直、大変困りました。上記の空白だけでは無くて少しコードが見えるからです。【” />】👈ナニコレ??

これを簡単に治す方法が👇これだったんですねー👇正直、私も見つけた時はマジか!と小躍りしてしまいましたよ。設定を後回ししていたのが原因だったなんて、、、

この【” />】状況の人は、早速、お試し下さい!

解決策:サーチコンソールの設定が出来ていない、または間違っている

これでスッキリヘッダー上部の空間がなくなりました!

空白2

 

関連
サーチコンソール
AFFINGER5【初心者必見】 サーチコンソール設定を手順で図解

目次 AFFINGER5テーマを使用の方のGoogleサーチコンソール設定Googleアカウント作成サーチコンソールの登録プロパティタイプの選択所有権の確認AFFINGER5使用のサイトに設置する所有 ...

続きを見る

サーチコンソール設定方法&解説:AFFINGER5【初心者必見】 サーチコンソール設定を手順で図解

サーチコンソール設定方法の流れを図解説明しております、ぜひ参考にして下さい!

 

あとがき

何故そうなるかは複雑なので考えないでおきます。ネットにも情報が少ない?無い?なので私が記事にしておこうと今回まとめてみました。

【” />】👈これが無いバージョンの空白が出来る人も多いみたいですね。考えてみたら【” />】が出たバージョンの方が治し方が簡単でしたね。解決策が分からないからズルズルと行ってしまいましたが。それでは皆さんスッキリ出来ましたでしょうか。

空間デザインオフィス 須山

 

くぼくん
まさかのサーチコンソールだったとは
ガンテくん
ホント驚きですね
空間さん
設定の後回しはやめましょうww

 

おすすめ

交通事故 人身事故 1

事故当時に間違わない事・騙されない事 自身が経験した【交通事故】ホントの話を元に解説 交通事故で人身事故なのに物損事故にされた場合 私の車が停車していた時に(対向車への譲り待ち)猛スピードのバイクが後 ...

コアアップデート 圏外まとめ 2

【2018年8月】Googleコアアップデートで圏外に順位移動 私が施工管理しているサイトが、数十のキーワードで上位検索(ほぼ1位)でしたが、18年8月のGoogleコアアップデートにより圏外順位(1 ...

整形外科か整骨院か? 3

2020年8月、私は交通事故に遭ってしまった!別記事【交通事故】【2020年8月】人身事故なのに物損事故にされた場合【対処法】【本当にあった話】にも別方向の記事を書いておりますので併せて読んで頂けると ...

プラグインおすすめ 4

独自ドメインを取って、レンタルサーバーを契約して、ドメインとサーバーの連携を完了させて、WordPresのインストールを実行した! ここまで来たら、もう少しです!その前に!ワードプレスのテーマは? A ...

ロリポップからWordPresを設定する 5

ロリポップサーバーから無料でWordPressを設定する方法です。   WordPressを始める前にする準備     ■ 独自ドメインの取得(ムームードメインで取得) ...

ドメイン取得方法 6

取得する前に、ドメインの解説をします!   ドメインとは サーバーと同じで、不動産に例えて考えると分かり易いです。サーバーは土地、ドメインは住所、サイトは店舗です!他のサイトでは、良く家に例 ...

レンタルサーバー 7

レンタルサーバーとは? まずは基本を理解しましょう!サーバーには現在4つの種類のサーバーが有ります。 共用サーバー 専用サーバー VPS クラウド 各種類を私なりに説明解説します! 共用サーバーとは ...

メール設定 Office Outlook 8

Outlookに設定する 独自ドメインを取得して、レンタルサーバーを接続契約したら、自身のサイトをインターネット上にUPする準備が整いました。   ドメイン取得方法&解説: 【初心者必見】W ...

-サイト作成
-, ,

© 2020 空間デザインオフィス