8月 012015
 
Wordpressロゴ
Pocket

現在、当サイトはご覧のとおりWordpressを使って作成しており、「Suffusion」というテーマを使用している。

Suffusion » Aquoid Themes Suffusion » Aquoid Themes このエントリーをはてなブックマークに追加(作者サイト)

しかし、先日のWordPressのアップデート(の直後、CSSがまったく反映されなくなるという事態に見舞われた。あせって対処法を検索しまくったところ、「プラグインどうしやテーマで使用しているjQueryが競合して動かなくなる」ケースが多々あるらしい。そこで確認したところ、まもなく、記事内のAmazon広告の表示に使用しているプラグイン「AmazonJS」が原因だと判明した。

AmazonJS « kwLog AmazonJS «  kwLog このエントリーをはてなブックマークに追加(作者サイト)
WordPress › Amazon JS « WordPress Plugins WordPress › Amazon JS « WordPress Plugins このエントリーをはてなブックマークに追加(ダウンロードページ)

AmazonJS

で、元凶が判明したはいいが、問題はその対処法である。AmazonJSかSuffusionかいずれかでのjQueryの呼び出しの際に異状が発生しているわけだから……と、テーマを別のものに差し替えてみたら問題なく表示される。これは、やはりSuffusionとの相性が良くないということか。これはもう、諦めてテーマを代えるしかないのか。いや、しかし、崩れるとはいえ広告の表示じたいはされているので、jQueryなどのスクリプト方面には影響はないようだし、CSSの問題さえ解決できれば……とあれこれ調べて(ググって)試行錯誤した結果、

「AmazonJSのcssファイル(amazonjs/css/amazonjs.css)を削除し、そのamazonjs.cssの内容を代わりにSuffusionのstyle.cssに追記する」

これでとりあえず解決。本当は元からjQueryの方を訂正して、双方が競合しないようにCSSの呼び出し方法を変更できれば良いのだが、いかんせんそれだけの知識と技術は私は身に付けていないのだった……。

というわけで、今週中はほとんどこの件に費やしていました。もし当サイトにアクセス時に見づらい思いをした方がいらっしゃいましたら、お詫び申し上げます<(_ _)>。

参考サイト:

あなたのjQuery(プラグイン)が動かない14の理由 あなたのjQuery(プラグイン)が動かない14の理由 このエントリーをはてなブックマークに追加

今回のトラブルでは実にたくさんのサイトや記事から助けられましたが、とりわけ以上の記事が決定的な解決の端緒になりました。このように、各方面のプロフェッショナルや達人の方々が惜しみなく情報を公開してくれているのはありがたいことです。

Pocket

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

(required)

(required)

CAPTCHA


Amazon.co.jpアソシエイト