3バカ兄弟の日常

世界一周やフィリピンに関する情報など色々なお役立ち情報を発信するブログメディア

ブログ運営

WordPressの画面が真っ白に!エラーの原因はfunctions.phpがUTF-8(BOM付き)で直し方を紹介するよ

「ブログの過去記事の修正でもしよっかな♪」と思って、いつもどおりWordpressの「更新」キーを押下したら・・・。

「予期せぬエラー」が発生した!こんばんわ ボクです・・・。

WordPressをカスタマイズしようとして「画面が真っ白」になった事は1度や2度はありますよね?

でも今回はいつもの「functions.phpをいじって画面が真っ白」問題とは違ったので、自分の反省の意味もこめて残しておかないと!

ということで、今日は「WordPressの画面が真っ白に!エラーの原因はfunctions.phpがUTF-8(BOM付き)で直し方」を紹介するよ♪

スポンサーリンク

WordPressでfunctions.phpを触る時には必ずバックアップが必要

WordPressでfunctions.phpを触る時には必ずバックアップが必要

あ~あ。真っ白画面ってfunctions.phpは必ずバックアップを取ってね(ノω`●)

WordPressをカスタマイズしようとして、テーマの編集で「functions.php」をいじってるとよくある「画面が真っ白でエラー表示されてなにもできなくなる問題」はみんな最初のうちに経験しますよね?

次女:トリキシちゃん
あ~あ・・・慣れない事をするから、WordPressを壊しちゃったのね。
初めて「画面が真っ白になった」時は、「WordPressが壊れた!!」ってパニックになったよ!
長男:Yoshi

メモ

functions.phpを編集で「変な改行、スペースをいれる」と、コードエラーでエラー表示されて、画面が真っ白になってWordPressが表示されなくなるから、必ずバックアップを取ってから編集しましょう!

ボクはそんな事は露知らず、「これからガツガツいじって自分のブログかっこよくするんだ!!」といじって、「エラー表示で画面真っ白」でWordPressの自分のページが開かずに焦りました(笑)

その時はプラグイン「BackWPup」でバックアップを取っていたため、「functions.php」ファイルをFTPソフトのffftpで戻して、無事に元に戻りました♪

functions.phpはテーマの機能の中枢を担っていて、「改行・スペースを余分にいれるだけ」でもエラーでWordPressの画面が真っ白になるので、編集する時は必ず「Terapad」などのテキストエディタにバックアップを取ってから編集しましょう!

 

functions.phpをいじってないのにWordPressの画面が真っ白エラーになる原因

functions.phpをいじってないのにWordPressの画面が真っ白エラーになる原因

どうせまたWordPressのfunctions.phpに何かやったんでしょ?

ロリポップ!のプラン変更をして、モジュール版phpにして喜んでいたのもつかの間、今回は「ロリポップ!のモジュール版phpをONにしただけ」なのに、同じように「WordPressの画面が真っ白」になったのです!

次女:トリキシちゃん
どうせまたfunctions.phpに余分な改行とか、テキストを入れたんでしょ?
functions.phpはいじってないけど、WordPressの投稿画面で「更新」を押したら画面が真っ白になったよ!
長男:Yoshi

一応バックアップが手元にあったのでffftpで戻して、再度「更新」キーを押下しても、同じくエラーが表示される(ノω`●)

今回の「画面真っ白問題」の現象と原因は?

 

WordPressの画面が真っ白になる現象で「Cannot modify header information – headers already sent・・・」と表示される

WordPressの画面には「Stinger5 Cannot modify header information – headers already sent・・・」と表示されているので、同じような症状が出ている人がいないか検索する!

英語のページだらけだけど、検索結果としては「WordPressテーマのStinger5は関係ない」が、どうもfunctions.phpのエラーが関係していることは英語でいっぱい書かれている。

ただ日本語の同現象の人は少ないけど、かなり「レアなケース」であったよ!

WordPressの画面がエラー表示される現象としては

  • 投稿の編集画面で「更新」キー押下でエラー
  • 投稿の編集画面から「アイキャッチ画像を設定」に進むと、メディアライブラリに何も表示されない
  • プラグインの設定画面で有効または無効にするとエラー

このような現象がでた場合は、同じ原因でWordpressエラーが起きている確立が高いです(ノω`●)

 

原因はfunctions.phpがUTF-8N:BOMありだとエラー表示される

原因はfunctions.phpがUTF-8N:BOMありだとエラー表示される

TeraPadで文字/改行コードを指定保存できるよ!

原因はfunctions.phpがUTF-8N:BOMありだとエラー表示される

UTF-8とUTF-8Nがあるよね?

ボクは普段CSS,PHPファイルをいじる時に、今まで「文字コード」なんて全然気にせずにいじっていたのですが・・・。

WordPressはUTF-8の文字コードが使われていて、UTF-8にはBOMあり・BOMなしの2種類があります!

まず「BOM」って何??から始まりますよね?

バイトオーダーマーク (byte order mark) あるいはバイト順マーク(バイトじゅんマーク)は通称BOM(ボム)といわれる、Unicodeの符号化形式で符号化したテキストの先頭につける数バイトのデータのことである。このデータを元にUnicodeで符号化されていることおよび符号化の種類の判別に使用する。

出典 Wikipedeiaバイトオーダーマーク

つまりUTF-8の場合は、16進数表記で先頭に「0xEF 0xBB 0xBF」のコードが書かれているとBOMありになります!

ポイント

WordPressの場合は、UTF-8コードでBOMなし=UTF8Nにしなければいけません。

ということで、WordPressが真っ白画面でエラー表示されたのは、「BOMあり」でfunctions.phpを保存しているとエラー表示されるってことだね(ノω`●)

同じくWordPressのトラブルでこんな事もあるので参考にしてね♪

ロリポップのモジュール版PHPをプラン変更で適応!WordPressの表示速度は!?

ブログ運営

2019/9/17

ロリポップのモジュール版PHPをプラン変更で適応!WordPressの表示速度は!?

ボクは元々「ガイアックス(もう閉鎖されたHPスペース)」から「Yaplog!(ヤプログ)」を使って、日常やバンドの事から、世界一周バックパッカーの旅、フィリピン・セブ島生活のブログを書いていました。 その後、WordPress(ワードプレス)にブログを移行させて、最初は?状態だったけど、段々と慣れてきて「カスタマイズ」に夢中になったりしていたりと・・・。 でもきっと同じ悩みは多いはず!?WordPress(ワードプレス)の表示速度が遅くて重いんだけど!?ウチのブログだけ!? ということで、今日は「ロリポッ ...

続きを見る

WordPressで「このサイトのアップロードサイズ上限を超えています」と表示された時の対処方法は?

ブログ運営

2019/8/24

WordPressで「このサイトのアップロードサイズ上限を超えています」と表示された時の対処方法は?

ゴールデンウィークなのに、真ん中が普通に出勤日になっている・・・。 有給の残り日数の関係上、3連休と4連休に分かれている、こんにちはボクです。 今ボクが使っているWordPress(ワードプレス)のテーマのの高速化の一環で、PHPバージョンをこの前推奨の7.1にすべてのサイトをアップデートしてました。 リライト作業もやっと落ち着いてきて、新規記事を書いて写真をアップロードしようとしたら、「このサイトのアップロードサイズ上限を超えています」って表示された事はありませんか? あかん!そういえばWordPres ...

続きを見る

簡単解決!WordPressで「現在メンテナンス中のため、しばらくご利用いただけません。」のエラー対処法まとめ

ブログ運営

2019/6/20

簡単解決!WordPressで「現在メンテナンス中のため、しばらくご利用いただけません。」のエラー対処法は?

日本に一時帰国してやる事がいっぱいあったけど、なんとか次々とこなしています。 ちょっと放置していたブログをいじろうと思って、さっそくトラブった、こんにちはボクです。 WordPress(ワードプレス)でブログを書いている人は、色々なプラグインを入れていてよくプラグインのアップデートがありますね。 プラグインやWordPressのアップデート中は、メンテナンスモードが有効になります。 WordPressのメンテナンスモード中に、ついつい他の画面に遷移したりして「現在メンテナンス中のため、しばらくご利用いただ ...

続きを見る

 

スポンサーリンク

functions.phpにBOMが付いているかの確認方法と修正方法

functions.phpにBOMが付いているかの確認方法と修正方法

もうBOM付きでもBOMなしでもいいじゃん!オレと遊ぼうぜ♪

じゃあ実際に「functions.phpにBOMが付いているのかどうか?」どうやって確認するのか?

次女:トリキシちゃん
BOMって爆弾ね!いつのまにfunctions.phpにBOMを付けたのかしらね?
ちょ!そんな新たな問題があったとは!「BOM付きの確認方法と修正方法」を探さねば!
長男:Yoshi

functions.phpをバイナリーエディターで開くことで、BOMが付いているかどうか確認することができます!

バイナリーエディターはVectorなどのフリーソフトでダウンロードできるよ!

ボクは「Stirling 」ってソフトで開きました!

Stirling(スターリング)

 

確認方法!functions.phpをバイナリエディターで確認した時にBOM付きとBOMなしの違いは「EF BB BF」の文字コード

functions.phpをバイナリエディターで確認した時にBOMありとBOMなしの違いは「EF BB BF」の文字コード

BOM付きの場合は「EF BB BF」の文字があるよ!

functions.phpをバイナリエディターで確認した時にBOMありとBOMなしの違いは「EF BB BF」の文字コード

BOMなしの場合は「EF BB BF」の文字がないよ!

functions.phpが「BOM付き」か「BOMなし」かをバイナリーエディターで確認する方法は

  • 「BOM付き」でfunctions.phpが保存されている場合:バイナリーエディター「Stirling」で開いたときに○で囲ってある部分に「EF BB BF」がある!
  • 「BOMなし」でfunctions.phpが保存されている場合:バイナリーエディター「Stirling」で開いたときに○で囲ってある部分に「EF BB BF」がない!

メモ

バイナリーエディターで開いたときに「EF BB BF」の文字があればBOM付き、文字がなければBOMなしということになります!

ボクのfunctions.phpは見事に「BOM付き」だったのね!

どおりでエラーがでるわけです(ノω`●)

 

UTF-8のBOMをBOMなしに修正する方法

UTF-8のBOMをBOMなしに修正する方法

文字/改行コード指定保存で「UTF-8N」を選択して、上書き保存してやればOKだよ!

原因は「BOMあり」でFunctions.phpが保存されていることだったとわかったけど・・・。

どうやって「BOM」を消せれるのか?「BOMなし」に修正する方法は?

メモ

テキストエディターでFunctions.phpを開いて、「BOMなし=UTF-8N」で保存しなおせばOKです!

テキストエディターはVectorなどのフリーソフトでダウンロードできるよ!

ボクは「TeraPad」ってソフトを使ってます!

参考 TeraPad

「TeraPad」の場合は、functions.phpを開き

  • UTF-8:BOM付き
  • UTF-8N:BOMなし

ファイル>文字/改行コードを指定保存で「UTF-8N」に指定して、上書き保存すれば「BOMなし」になります。

また今後の事も考えるのであれば

表示>オプション>文字コードで保存文字コードを「UTF-8N」

にしておけば毎回文字コードを指定せずとも「UTF-8N(BOMなし)」で保存してくれます!

次女:トリキシちゃん
あとはffftpなどのFTPソフトでファイルをWordPressのThemaフォルダにアップロードして、既存のfunctions.phpファイルと置き換える、上書きしてやればOKね!
おお!エラーが消えた!ボクのWordPressが復活したよ~(ノω`●)
長男:Yoshi

WordPressの独自ドメインやテーマについて参考にしてね♪

ムームードメインの取得方法は?実際に使っているからわかる注意点から設定を説明するよ

ブログ運営

2019/6/20

ムームードメインの取得方法は?実際に使っているからわかる注意点から設定を説明するよ

この「3バカ兄弟の日常」のブログは、3月12日のGoogleのコアアルゴリズムのアップデート「フロリダ2アップデート」を喰らってPVが半減しました・・・。 ウチのかわいい愛犬たちのサイト「カイとサクラ」は隕石が直撃して焼け野原にされた、こんにちはボクです。 今日まで色々な内部施策をして5割減⇒3割減くらいまでPVは戻したけど、しょっちゅうGoogleの検索順位が変動しているし基本は放置や・・・。 つまり、2年ぶりくらいにドメインを一気に十数個取得して、新サイトを複数作っていたわけですよ。 そんな時に、副業 ...

続きを見る

AFFINGER5(アフィンガー5)の評判は速度?使ってわかったデザインセンスがある人におすすめする理由とは?

ブログ運営

2019/8/26

AFFINGER5(アフィンガー5)の評判は速度?使ってわかったデザインセンスがある人におすすめする理由とは?

AFFINGER5(アフィンガー5)WINGが発売されてから約2週間・・・。 やっと、AFFINGER4EX+子テーマのJETのサイトを全部AFFINGER5EX+JETにした、こんばんわボクです。 にして、カラー設定やカスタマイズも何とか終わって、少しずつ過去記事のリライト作業を再開したんだけど・・・。 WordPressの有料テーマだと、みんな同じになって似たり寄ったりのサイトになっちゃうでしょ? ちょ!あかん!AFFINGER5(アフィンガー5)WINGはめっちゃカラー設定で個性だせるやん! 実際に ...

続きを見る

 

まとめ WordPressのfunctions.phpはBOM付き=UTF-8文字コードに注意してください

チェック!
まとめ WordPressのfunctions.phpはBOM付き=UTF-8文字コードに注意してください

エラーの原因は「ロリポップのFTPサーバー」でファイルをいじったからか!

WordPressをカスタマイズする時に「functions.php」ファイルをイジることが多々ありますが、変な改行やスペースをいれると「画面が真っ白になる」ので、必ずテキストエディターでバックアップか元ファイルを別の場所に保存しておきましょう!

またバックアップ時に「UTF-8=BOM付き」で保存されていると、ボクのように「白い画面にエラーコード」が表示されるので注意してくださいね!

次女:トリキシちゃん
でも今まで問題なかったのに、「モジュール版PHPにしただけ」でBOMありになっちゃったの?
そういえば最初の頃はロリポップのFTPサーバーでファイルをいじってたな・・・ってFTPで保存形式が「UTF-8」しかないやん!!
長男:Yoshi

これが原因なのかはっきりわからないけど、これからはCSS、HTMLをいじってテーマをカスタマイズするのはTeraPadでちゃんとやろうと心に固く誓いました(*´ω`*)

たまに面倒でWordPressの「テーマ編集」で子テーマをいじって表示がおかしくなるならまだいいが、functions.phpをいじるのは怖いし、もうロリポップ上のFTPでテーマファイルの編集はやらないでおこうと誓った日でした♪

今回参考にしたサイト様です。

http://www.poc39.com/archives/935 http://naifix.com/utf-8-bom/

旅行ブログで2019年9月のおすすめレンタルサーバー

ボクが10年以上かいていたブログを、無料ブログからWordpressへと移行させて約5年が経ちました。

そんなボクが最初に迷ったのがWordpress構築環境のレンタルサーバーとドメインです。

レンタルサーバーを実際に使って渡り歩いた経験から、信頼できるおすすめのレンタルサーバーを教えます♪

信頼度No1!安心と快適さのエックスサーバー

なんといっても、多くのブロガーから、アフィリエイター、ビジネスサイトオーナーまでも使用している信頼度バツグンのエックスサーバー

管理画面も初心者の人でもめっちゃ分かりやすいし、Wordpressの自動インストール機能にサイト高速化設定もあって、WordPressが初めての人でもおすすめのレンタルサーバーです。

独自SSLも無料対応していて、24時間365日で電話サポートがある手厚いレンタルサーバー!

エックスサーバーは1,000円/月からで複数サイト運営もマルチドメイン無制限の安心のレンタルサーバー!

しかも初期費用無料キャンペーンや独自ドメインプレゼントなどをやっているので、今すぐチェックすべきです!

話題!SSD搭載のサイト表示速度の速いレンタルサーバーのmixhost

ボクが別ブログで使っている一押しレンタルサーバーのmixhostは、高速で高機能、高安定性を追求した初期費用無料のピュアSSD採用高性能クラウド型レンタルサーバーです。

SSDなのでページ表示速度も速いし、mixhostだけで使えるプラグイン「LiteSpeed Cache」を使えばほとんどデフォルト設定でキャッシュ+サイト高速化できます!

複数サイト運営もマルチドメイン無制限で、しかもアダルトサイトもOKな上にもちろん無料SSLも付いていて特にサーバー側で設定することなくSSL化できますよ♪

コスパ最強!話題の格安レンタルサーバーのカラフルボックス

mixhostよりも格安でそれ以上の機能が搭載されたカラフルボックス(ColorfulBox)は、初期費用無料のピュアSSD採用高性能クラウド型レンタルサーバーです。

マルチドメイン無制限で複数サイトが作れるし、SSL対応、リージョン(地域)が東京・大阪から選べてバックアップも別対応で安心できます!

アダルトサイトもOKで別IP・別領域なので、普通のサイトの人も安心でコスパ最強のレンタルサーバーです。

Wordpressテンプレートは評判の最強テーマAFFINGER5

めっちゃお世話になってるSEOに強いWordPressテーマのAFFINGER4が、改良されて新しくリリースされたAFFINGER5

AFFINGER4の機能に、さらにカラーデザインで、おしゃれなかわいい、かっこいいサイトやブログが作れる機能がいっぱいです!

配色センスがある人でも、ボクのようなない人でも、十人十色の個性豊かなオリジナルサイトが簡単に作れます♪

もちろんSEO最適化されていて、新記事だけはなく、重要といわれる過去記事のリライト作業も楽しくなるようなアイテムがいっぱいあります。

12,800円から5月の大幅アップデートで14,800円に値上がりして、次はいつ値上がりするかわからないからお早めにね!

  • この記事を書いた人
  • 最新記事

-ブログ運営
-,

Copyright© 3バカ兄弟の日常 , 2019 All Rights Reserved.