楽天アフィリエイト

楽天アフィリエイト広告タグ枠線が邪魔!簡単に消す方法は追加CSSに貼るだけ

楽天アフィリエイト広告タグ枠線が邪魔!簡単に消す方法は追加CSSに貼るだけ

 

楽天アフィリエイトで広告タグを貼り付けると、薄いグレーの枠線が邪魔に感じることがあります。

見栄えが悪いんです!

ですが、楽天ではタグの改造を禁止しているのでイジれない。

そこで追加CSSを使って簡単に消す方法をまとめました。



楽天アフィリエイト広告タグ枠線が邪魔!簡単に消す方法は追加CSSに貼るだけ

枠

 

楽天アフィリエイトの広告タグをワードプレスに貼り付けると、

「カスタマイズする」で「枠を表示」がグレーアウトになっていても

うっすらと枠線が表示されますよね。

邪魔で困っていました。

楽天アフィリエイト タグ レスポンシブ

 

このように、グレーにしても、枠線が表示されるんです。

消したいな~って思っても楽天アフィリエイトでは、広告タグの改変を禁止しています

そこで、簡単に規則を破らずに消す方法は

「広告タグ」を「枠線を消すタグ」で囲ってしまえばいいんです!

イメージ

CSS .rakuaffi table, .rakuaffi th, .rakuaffi td {border: none ;}
HTML <div class=”rakuaffi “>ここに広告タグ</div>

 

①枠線を消すタグ

CSS .rakuaffi table, .rakuaffi th, .rakuaffi td {border: none ;}

これをコピーする

 

②追加CSSにコピペ

JINの画面です、外観→カスタマイズ→追加CSS

追加CSS

 

①のタグを貼り付ける

追加CSS

 

追加CSSはバックアップを取りましょう

不慮の事故で、ログインできなくなったり、(経験済み)

訂正したタグにエラーがあって、うまく表示できなくなったり(経験済み)することもあるので

追加CSSに手を加えるときは、事前・事後にバックアップをとっておくといいですよ。

 

③テキストモードで、タグを囲う

あとは、記事を書くときにテキストモードで広告タグを貼り付け、

それをタグで囲う、です。

楽天アフィ 枠を消す

 

 

タグ中身

楽天アフィ 枠を消す

すると枠線なしで表示されますよ。

 

まとめ:楽天アフィリエイト広告タグ枠線が邪魔!簡単に消す方法は追加CSSに貼るだけ

楽天アフィリエイトの広告タグで、薄い枠線が邪魔で消したいため、やり方をまとめました。

やり方はとっても簡単なので、是非試してみてください。





楽天アフィリエイトの広告レスポンシブ可能?スマホ対応やはみ出さない方法
楽天アフィリエイトの広告レスポンシブ可能?スマホ対応やはみ出さない方法 楽天アフィリエイトを広告タグを貼り付けたら、スマホで見ると見切れていませんか? PCではキレイに表示されるのに、スマホだと途中では...