なんで反映されないの?!PHP/CSSがWordPressで反映されない時のチェック4つ。

「PHP、CSSを編集してアップしたのに、WordPressに反映されない…」

ということありませんか?

私はあります。そして、何時間もネットで調べて、でも見つからなくてぐったりしていましたorz

私が以前やらかしたミスを4つ紹介します。同じようにお困りの方のお役に立てると幸いです。

SPONSERED LINK

親テーマの打ち消しがされていない(CSS)

このサイトはstingerを親テーマとして、子テーマを作ってカスタマイズしています。

親テーマに無いCSSコードをプラスしたい時には、子テーマに書き足せば反映されます。でも、親テーマにあるCSSコードを消したい時には、子テーマで打ち消す必要があります。

例えば、下記の親テーマがある状態で、

フォントの色(color)をカスタマイズしたいなら、
子テーマで、下記のように「color: #333;」を付け足してあげれば反映されます。

でも、親テーマから余白部分(margin-bottom)を無くしたいなら、

というように、「margin-bottom: 0px;」と書く必要があるのです。
単に「margin-bottom: 2px;」を消して

とすると子テーマが反映がされず、「margin-bottom: 2px;」適用されたままなのです。

「margin-bottom: 0px;」と記載したところ、親テーマのこの部分を打ち消すことができました。

SPONSERED LINK

後ろの行に同じCSSがある(CSS)

「上記みたいに親テーマの打ち消しもしているのに、何度やっても反映されない…」という場合、後ろの行に同じCSSがある場合があります。

あれっ…下の方に、「p{ 」がもうひとつある…!!

後ろのp{~}」をごっそり消したら、正常に反映されました。以前、2回コピペしてしまったようです。

CSSは後に読み込まれたものが反映されます。何度やっても反映されない場合は、こちらの可能性も確認してみるのがおすすめです。

単なるスペルミス(PHP)

単にスペルミスをしていたこともありました。

CSSは問題なかったのですが…

PHPが…

「sns」のスペルが「sn」になってる…!

直したら、正常に反映されましたorz

おまけ。サイドバーが変なところに移動してる!→</div>が閉じられていない(PHP)

他にも、「サイドバーが変なところに移動してる」というのがありました。

本当は、こうなっているものが…
img-wordpresserror04
img-wordpresserror01サイドバーが消えた…!どこ行ったんだろう?
下までスクロールすると…

あった!
img-wordpresserror02

原因は、single.phpの</div>がひとつ足らず、<div class=”~”>が閉じられていないせいでした。

img-wordpresserror03

編集中にうっかり消してしまったようです。

まとめ。

  • 後ろの行に同じCSSがある(CSS)
  • 単なるスペルミス(PHP)
  • サイドバーが変なところに移動してる!→</div>が閉じられていない(PHP)
  • 親テーマの打ち消しがされていない(CSS)

皆さんも、お困りの際は、チェックしてみて下さいね。

「そんなことしねーよ!!」という上級者の方は、呆れた目で見ていて下さいorz

 

ご案内

メインのブログ(書評、ミニマルライフ中心)

神山さとみプロフィール


おすすめ図書

26歳でアダルトチルドレン克服した私が選ぶ!AC克服におすすめな本11冊まとめ。

毒親・アダルトチルドレン関連のおすすめ本まとめ[随時更新]


人気記事

毒親の母を持つ私が、26歳でアダルトチルドレンを克服した14の方法。

もう無理しなくていい。しんどい友達や恋人と縁を切るべき4つの理由。

私の親は毒親?簡単に診断できるチェックリスト66項目。

スポンサーリンク


私が26歳でアダルトチルドレンを克服した方法を、
全部詰め込んで「無料」で配布しています!


私はこの方法で毎日が幸せいっぱいになりました。
合計100ページ以上の大ボリュームE-bookです。

是非ダウンロードして、あなたの毎日を幸せいっぱいにしてください!