楽天アフィリエイトで広告タグを貼り付けると、薄いグレーの枠線が邪魔に感じることがあります。
見栄えが悪いんです!
ですが、楽天ではタグの改造を禁止しているのでイジれない。
そこで追加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に貼るだけ
楽天アフィリエイトの広告タグで、薄い枠線が邪魔で消したいため、やり方をまとめました。
やり方はとっても簡単なので、是非試してみてください。
楽天アフィリエイトの広告レスポンシブ可能?スマホ対応やはみ出さない方法
楽天アフィリエイトを広告タグを貼り付けたら、スマホで見ると見切れていませんか?
PCではキレイに表示されるのに、スマホだと途中では...