【wordpress】見出しの装飾CSSが反映されないのはキャッシュが原因だった

こんにちは。とーちゃんです。

 

このブログはwordpressで書いているんですが、ブログ開始した頃からずっと困っていることがありました。
それは、見出しを装飾する為のCSSが反映されないこと。いろんなサイト様がコピペでOKのCSSコードを配布してくれていて、それ通りにやってるけど全然ダメでした。

 

ちなみに使用しているテーマはHueman。シャレオツな感じに惹かれ、なんとなく選んだのは良いけどSimplicityなどのテーマに比べてカスタマイズ記事が少なく、wordpressど素人のとーちゃんは困り果てていました。他のサイト様を訪問しては、見出しの装飾を羨ましく眺める日々。「そんな暇があったら記事更新せい」と自分に言いたくなりますが、よそのサイトを見学するのも良い勉強になりますからね。

 

もしかしてこのHuemanというテーマは、もの凄く奥深い箇所をイジらないとCSSを反映させられないのか?なんて諦めていました。ど素人が変にイジってサイトがおかしくなっても嫌なので、そこまでする勇気も無い。妥協策として、見出しタイトルの書き出しに「(たて)」と入力し、よく見かける左端ラインの装飾風にしていました(悲しい…)

 

コピペするCSS自体は子テーマの「style.css」の一番下に貼り付けていたんだけどダメ。
外観→カスタマイズ→詳細設定→追加CSSの所に貼り付けてもダメ。

追加CSSを選択

ここの最下部にコードを貼ってもダメだった。

 

うわぁぁぁーーん!なんでだよぉぉぉー!なんでぼくだけできないのぉぉぉーーー?!(←30代、子持ち)

 

ハァハァ…でですよ。ある日、外観→カスタマイズ→詳細設定→追加CSSの所に貼り付けて試していたんです。すると右側のプレビュー画面に変化が起きてることに気がついた。「おお?!見出しが反映されとる!!」急に何が起きたんだろう。

 

スポンサーリンク

キャッシュが邪魔をしているかもしれない

いつも試しているCSSを貼っただけだし、最近何か特別な操作したかぁ?と考えていたらブラウザのキャッシュをクリアしていた事を思い出した。もうこれしか心当たりは無い。そして見出しの装飾がされたプレビュー画面で、光の速さで保存ボタンをクリックするも保存できねぇぇ!

 

また絶望しかかっていましたが「なんか今までの状況とは違うぞ!もしかして…」と思い、子テーマのstyle.cssの編集でコピーしたCSSを一番下に貼り付けて保存↓

ドキドキ。そして自身のサイトを見て見ると…やったーーー!ついに見出しに装飾が!もうメチャクチャ嬉しかったです。

 

手持ちの他の端末でも試してみた

装飾が成功後、家にあるタブレットやiPhoneでサイトを見に行ってもCSSは反映されていない様子。しかし今のとーちゃんには必殺キャッシュクリアがある!すると無事、装飾のされた見出しが読み込まれたのでした。へへへ。

 

おわりに

上手くは説明できないけど、「ブラウザが残っている古いキャッシュを見に行っており、追加したCSSを反映させていないだけだった」と思われます。今までもCSSの貼りつけミスには重々気をつけていましたし。

 

Huemanを使っている方以外でも、CSSが反映されなくて困っている場合は、一度ブラウザのキャッシュをクリアしてみると上手くいくかもしれませんよ。その際は必要な履歴・設定などを一緒に消してしまわない様、各種ブラウザの説明をよく読んで気をつけましょう。

 

ということで、つい嬉しくて記事にしてしまいました。
それではまた!

 

その他WordPress関係の記事はコチラ

 

スポンサーリンク

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA