ワードプレスのテーマをJINに変えたらAmazonの広告が表示されなくなった問題の解決策と表示修正

Wordpress

先日、このブログのテーマを今人気のJINに変えました。

そしたらAmazonアソシエイトのリンクが全て非表示になっていることに数日経って気づいたのです。

今ブログを書いている2時間前に発覚し、2時間格闘した結果、ようやく解決したので共有します。

ちなみにプラグインはAmazonJSを使用しています。

そして、表示ができた上でもうひとつ、リストの丸い点が表示されているので、それを消す方法も書いておきます。

Amazonリンクを表示させる方法

AmazonJSのプラグインの設定内の、

ブラウザのJavascriptが無効の時にオフィシャルウィジェットを表示する

という項目のチェックを外してください。

これで一発で直りました。

それまで死ぬほど余計なことをして無駄な時間を過ごしてしまいました。。

Amazonリンク内のリストの丸を消す方法

この画像のように、緑の丸が表示されています。

これは<li>タグというリスト表記に使うタグにJINのスタイルが適用されている状態なので、消します。

/* amazonjsの修正 */
.amazonjs_info li:before { display: none!important; }

速攻消したかったのでimportant使ってしましましたが笑 これで消えます。

これを子テーマのCSSに書き加えてください。

ちなみに、JINの子テーマの作り方はこちらのサイトがよくわかります。

JINの子テーマをインストールする
インストールしたテーマ(今回の場合はJIN)に対してコードを書き換えるなどのカスタマイズを行う場合、直接JINのファイルを書き換えるのではなく子テーマをインストールして子テーマの方をカスタマイズすると便利です。ここではJINの子テーマをインストールする手順について解説します。

コメント