PR

【Cocoon】楽天アフィリエイトの背景がグレーになる?修正する方法を教えます

ブログ
記事内に広告が含まれています。

私はCocoonを使用しており、楽天アフィリエイトを使用すると背景色がグレーになってしまう現象が発生しました。

背景色がグレーだと個人的に気持ち悪かったので、白になるように変更しました。
この記事では対応前後の変化、及び対応内容に関して書いていきます。

環境

参考として、私の環境のversionを記載しておきます。

  • WordPress: 6.2.2
  • Cocoon: 2.6.0.3
  • Cocoon Child: 1.1.3

対応前

対応前だと、広告の外枠にグレーの背景色が付与されていました。

対応内容

2つのステップに分けて説明します。

cssファイルを編集

Cocoon Childのstyle.cssに、以下を追記しました。
背景色を白色にする対応です。

/* 楽天アフィリエイト用 */
#raku table tr {
    background-color: #fff;
}

アフィリエイトリンクをタグで囲む

divタグで囲み、その中にアフィリエイトコードを入れてください。
アフィリエイトリンクを直接変更すると、楽天アフィリエイトの規約違反になるため注意してください。

<div id="raku">
{ここにアフィリエイトコードを入れてください}
</div>

基本的に上記2つのステップと同じ対応をして頂ければ問題ないですが、人によって既存のcssファイルの内容が異なると思いますので動作の確認は行うようにお願いします。

対応後

無事、グレーの背景色がなくなったことが確認できました

まとめ

以下、対応を行うことでグレーの背景色を無くすことができます。

  • style.cssを編集(楽天アフィリエイトコード用の設定を入れる)
  • アフィリエイトコードを貼る際に、指定したidのdivタグで囲む

同様の事象で困っている方がいれば、参考にして頂ければと思います。

コメント

タイトルとURLをコピーしました