現在、当サイトはご覧のとおりWordpressを使って作成しており、「Suffusion」というテーマを使用している。
Suffusion » Aquoid Themes (作者サイト)
しかし、先日のWordPressのアップデート(の直後、CSSがまったく反映されなくなるという事態に見舞われた。あせって対処法を検索しまくったところ、「プラグインどうしやテーマで使用しているjQueryが競合して動かなくなる」ケースが多々あるらしい。そこで確認したところ、まもなく、記事内のAmazon広告の表示に使用しているプラグイン「AmazonJS」が原因だと判明した。
AmazonJS « kwLog (作者サイト)
WordPress › Amazon JS « WordPress Plugins (ダウンロードページ)
[browser-shot url=”https://wordpress.org/plugins/amazonjs/” width=”240″ height=”135″ alt=”AmazonJS”]
で、元凶が判明したはいいが、問題はその対処法である。AmazonJSかSuffusionかいずれかでのjQueryの呼び出しの際に異状が発生しているわけだから……と、テーマを別のものに差し替えてみたら問題なく表示される。これは、やはりSuffusionとの相性が良くないということか。これはもう、諦めてテーマを代えるしかないのか。いや、しかし、崩れるとはいえ広告の表示じたいはされているので、jQueryなどのスクリプト方面には影響はないようだし、CSSの問題さえ解決できれば……とあれこれ調べて(ググって)試行錯誤した結果、
「AmazonJSのcssファイル(amazonjs/css/amazonjs.css)を削除し、そのamazonjs.cssの内容を代わりにSuffusionのstyle.cssに追記する」
これでとりあえず解決。本当は元からjQueryの方を訂正して、双方が競合しないようにCSSの呼び出し方法を変更できれば良いのだが、いかんせんそれだけの知識と技術は私は身に付けていないのだった……。
というわけで、今週中はほとんどこの件に費やしていました。もし当サイトにアクセス時に見づらい思いをした方がいらっしゃいましたら、お詫び申し上げます<(_ _)>。
参考サイト:
今回のトラブルでは実にたくさんのサイトや記事から助けられましたが、とりわけ以上の記事が決定的な解決の端緒になりました。このように、各方面のプロフェッショナルや達人の方々が惜しみなく情報を公開してくれているのはありがたいことです。