ワードプレスのテーマをJINに変えたらAmazonの広告が表示されなくなった問題の解決策と表示修正
先日、このブログのテーマを今人気のJINに変えました。
そしたらAmazonアソシエイトのリンクが全て非表示になっていることに数日経って気づいたのです。
今ブログを書いている2時間前に発覚し、2時間格闘した結果、ようやく解決したので共有します。
ちなみにプラグインはAmazonJSを使用しています。
そして、表示ができた上でもうひとつ、リストの丸い点が表示されているので、それを消す方法も書いておきます。
本記事の目次
Amazonリンクを表示させる方法
AmazonJSのプラグインの設定内の、
ブラウザのJavascriptが無効の時にオフィシャルウィジェットを表示する
という項目のチェックを外してください。
これで一発で直りました。
それまで死ぬほど余計なことをして無駄な時間を過ごしてしまいました。。
Amazonリンク内のリストの丸を消す方法
この画像のように、緑の丸が表示されています。
これは<li>タグというリスト表記に使うタグにJINのスタイルが適用されている状態なので、消します。
/* amazonjsの修正 */
.amazonjs_info li:before { display: none!important; }
速攻消したかったのでimportant使ってしましましたが笑 これで消えます。
これを子テーマのCSSに書き加えてください。
ちなみに、JINの子テーマの作り方はこちらのサイトがよくわかります。