■ WP4.9

■ WP4.9

WordPress4.9のバージョンアップで、サンドボックスが導入されたのは、みなさま、涙とともに、ご存知のことと思いますが、

style.cssの@importは、完全に利用できなくなったんですね。。

*****************

HTMLいただいて、WP化をする作業をしておりました。

CSSを別に作られるスタイルの方なので、
それにあったコーディングをと思い、@import url で、対応しておりました。
※サイト読み込みが、遅くなるのは知っていますが、サイトの性格とメンテナンスする方の性格と両方を考えると、それが一番フレンドリーな対策かなあと。

一次納品終了です。

「すばらしい」とほめられ、上機嫌の堀田さんです。

素晴らしいサイトを見てみようと、スマホで、確認してみたところ、、、TOP Imageでていないじゃないかよ。。

その他スマホ対応がボロボロです。

コードは、彼からいただいたものを忠実にコピーしましたので、それが原因のはずはありません。

************************

@import url(スマホ用.css)が一番疑わしい。。気がします。

プラグインなどでの競合対策として、CSSやJavaScriptは、functions.phpで読み込むのが正しいお作法です。

そっちやらないとやばいかな。。。

functions.phpでJSやCSSを一元管理する - SMART 開発者のためのウェブマガジン
JSやCSSを一元管理する CSSやJavaScriptの読み込みはheader.phpに書くこともできますが、functions.phpでwp_enqueue_style()、wp_enqueue_script()をアクションフックに登録して読み込むことが推奨されています。 wp_enqueue_style()やwp...

************************

見事に解決しました。

@import urlで、cssやJavaScriptを読み込んでいるみなさま、
スマホ表示を確認してみてください。

もしかしたら、大変なことになっているかもしれません。。。
#もぐろふくぞうっぽく読んでみましょう