この記事を読むのに必要な時間は約 20 分です。
(専門用語などにはポップアップする説明をつけているので時間が長く表示されることがあります。
ツールチップの機能については、こちら)

WordPressをはじめた頃、設定の方法とかよくわからないまま触りまくって真っ白になってしまったり、いろんなトラブルがあったのですが今思えば知っていれば無駄にしなかった時間は多いなぁ～って思っています。無駄な時間を過ごさないための基本的な確認すべき項目について解説します。

 

ブラウザのチェック項目

WordPressの設定やカスタマイズがうまく反映しない原因はWordPress以外に原因があることもあります。その１つがブラウザです。
ブラウザのどこを見直す必要があるのか解説します。

キャッシュ(Chrome)

Chrome  では、キャッシュが貯まっているとスタイルシートなどの変更が反映されずに変更前のままの表示を続けることがあります。そうならないようにキャッシュを削除する必要があります。キャッシュの削除方法は、以下の通りです。

右上の赤枠のところからドロップダウンを表示して[ 履歴 → 履歴 ]で履歴を開きます。

履歴が表示されたら左側のメニューの削除をクリックします。

この画面でキャッシュを削除します。赤枠の部分だけチェックしておけばOKです。この画面は、設定からも呼び出すことが可能です。

右上の赤枠のところからドロップダウンを表示して設定を表示します。

設定が開くとスクロールしてください。

スクロールすると上記画面のようになります。
ここで詳細設定をクリックして開きます。

「プライバシーとセキュリティ」の１番下の「閲覧履歴データを消去する」をクリックします。

先ほどと同じ画面が表示されました。この画面でキャッシュを削除します。

キャッシュ(Firefox)

Firefox  の場合もChrome  と同様にキャッシュが貯まっていると変更が反映されない場合があります。Firefox  のキャッシュを削除する方法は、以下の通りです。

まず、Firefox  のオプションを開きます。

オプションが開くと左側の「セキュリティとプライバシー」をクリックして開きます。

セキュリティとプライバシーが開くと少しスクロールしてCookieとサイトデータがあります。それが上記画像のところになります。
赤枠部分の「データを消去」をクリックします。

上の矢印のチェックを外して下は、チェック入れたまま「消去」のボタンをクリックします。
これでキャッシュが削除されています。

Firefox  とChrome  どちらもコマめに削除しておくことが大事です。

その他

その他の問題は、設定などに直接反映しないのですが、ブラウザを常に最新に保つということです。
Firefox  とChrome  どちらも最新のアップデートなどがある場合に動作が不安定になることもあります。

Windowsのチェック項目

くまはちLABでは、Macもありますが大半がWindowsということもありWindowsについてのチェックしておきたい部分について解説しておきます。

アップデート

アップデートを怠っていると場合によっては動作が不安定になることもあります。
Windowsでは、毎月決まって９日にアップデートが出ます。それ以外にもSecurity Essentialsをインストールしている場合に頻繁に定義がアップデートされていきます。
アップデートは、コマめにやっておきたいものです。

 

文字コード

Windowsでは、Terapad  などで開くとたまに文字コードがShift-JISになってしまうことがあります。WordPressは、文字コードがUTF-8なので文字コードが違うとうまく動作しないこともあります。また、Windowsアクセサリに入っているメモ帳での編集は厳禁です。メモ帳では、文字コードの編集ができません。

 

WordPressのチェック項目

パソコンもブラウザも問題なければやはりWordPressかもしれませんね。では、基本的にどこを確認しておくべきでしょうか？

スタイルシート

スタイルシートについては、{}をちゃんと閉じているのか？
画像関連であれば相対パスの間違いやフルパスのアドレスなど
上記の２つが問題なければ優先度の問題があるかもしれません。
スタイルシートには、どこに記述するのかと記述方法によって優先度が違います。
試しに下記のように試してみるのも１つの方法です。

上記の場合なら下記のように変更してみます。

font-sizeに!importantを付加してみました。このように優先度を上げる方法もあるのです。

テーマファイル

テーマファイルをカスタマイズした内容が反映されない場合、まず先述の文字コードがUTF-8になっているのかを確認する必要があります。
外観→テーマの編集でのカスタマイズは、オススメしません。特にfunctions.phpなどの編集は、FTPでダウンロードしたファイルを編集してください。テーマの編集で上書きできないというのは、よくある事例の１つです。

 

その他

その他については、借りてるレンタルサーバーの特性によって特有のエラーが出る場合もあります。
その場合は、レンタルサーバーのHELPなどに記載されていることも多いので確認しておくことをオススメします。くまはちLABでもリセーラーとしてレンタルサーバーを扱っておりますがよくある事例  については、当サイトでも紹介しております。