カテゴリー
Wordpress

特定の記事でCSSが当たらず画面が崩れる?

以下の記事で、何故かCSSが当たっておらず、画面崩れを起こしていました。
css not work
面白いことに、同シリーズの記事では正常表示されており、あれれ?というところから調査してみました。

[ad#adtop]
とりあえず、何故CSSが当たらないのか正常に表示される記事とソースを見比べてみると、以下の箇所に、「こどもWEBカルタ」で使用しているCSSが混ざっていました。
source
そもそもディレクトリ違うのに何で?と思いましたが、とりあえずこの状態はプラグインWp-Minifyで圧縮した表記の中のことなので、WP-MinifyのCSS圧縮を無効にしたら直るかと思ったところ、ビンゴでした。
でも高速化のためには無効にしたくなかったので、今回問題となっているCSSをExcludeして
wp_minify_exclude
これで一件落着でした。
でもこれは対処療法で、本当の理由は多分、記事本文にいっぱいタグ使ってるから、本来読み込まれてこないはずのCSSが記事本文から読み込まれて、それをWP-Minifyが圧縮対象として扱ってしまったのだと思います。
実際にディレクトリ違うので、そんなCSSファイル存在しないので、画面崩れ起こしてしまっているのだと思います。
記事内にタグ書く際に
<を&l t; (&は小文字)
>を&g t; (&は小文字)
で表記しないと、有効なタグとして扱われてしまうので、多分どこかのタグが生きてしまっているのだと思います。
細かく見ている時間なかったので、今回は応急処置のみの対応で。
[ad]

「特定の記事でCSSが当たらず画面が崩れる?」への3件の返信

最近、過去の投稿を読ませて頂いてます。wordpressご利用なんですね!
たまたま会社で新しいITサービス事業を立ち上げ中で、
Wordpressが普及してきていることを知りました。
今、米国サイトはレスポンシブデザインが主流なので、Wordpressは必須だなと感じます。
色々と情報交換させて下さい。

まことさん
個人的な備忘録が多いですが、参考になれば幸いです。
慣れないうちは、画面真っ白になってビビることも多いですが、トラブルを経験するともっと力になります。
今、見直すと結構、我流でいい加減なこと書いているので、参考程度とご理解ください。

返信ありがとうございます。
ちょっとご相談したい事があります。
申し訳ないですが、
一度私の個人アドレス宛にメール頂いてもよろしいでしょうか。

コメントを残す

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

CAPTCHA


日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)