ワードプレスで楽天アフィリエイトリンクの枠線を消して貼るやり方

ライブドアのブログではそんなことないのにワードプレスのサイトではみっともなく表示されます。

なんとかならならんの!?
と、知識がないなりにいじり回してみました。

楽天アフィリエイトの枠をとる

ワードプレスに楽天アフィリエイトリンクのソースを貼ると、まわりにテーブルの枠線が入ってみっともないですよね。
こんな風になりますよね。
枠ありの楽天アフィリエイトリンク画像

1 リンクコードをいじっちゃう

知識がないなりに、やり方はわかってるんですよね。
ソースのテープルに関する記述部分を削除するんですよね。

アフィリエイトソースの画像
枠を表示させる部分を削除すれば出ない

 

てっとりばやくいうと、上の「黄色いとこも含めて、黄色ではさまれている部分を削除する。」

<a href= から 最後の方にある </a>までを残す。

HTMLの基本をしっかり理解していないレベルの思いつきですがwこれで枠は消えます。

ただ、楽天で作ったソースをいじっていいのか!?
ソースをいじると楽天のルール違反になってしまうのかも。
という小市民的ビビリが伴います(^^;)

なので、ソースはいじらずになんとかしたい・・・

2 CSSで解決

こういうのはきっとCSSでやるんだろうなぁ、と思って、賢い人を捜して検索すると、簡単な解決策が見つかりました。

やはりCSSで以下のものを追加すれば良いのでした。

.post table {border: none;}
table tbody tr td{border: none; padding:0;}

 

CSSをいじるにのは、私が使っているテーマ、Diverの場合ですが、
カスタマイズ → 追加CSS で追加できる画面が開くのでここに貼りつけて 保存。

結果、枠線が取れてこのようになりました。(^_^)v

ワクなし楽天リンク画像

Diverでなくてもワードプレスの基本機能で
「外観」→「カスタマイズ」これで出たメニューの「追加CSS」で出来ると思いますが・・・、他のテーマを使ったことないのでわかりません。

サイドバーではアカン

ただ、サイドバーに貼ると、どうしても枠線が入ります。
まぁ、これはあまり貼らないから、これでもいいかな~。

 

あまりお役に立てず、スンマセン

 

 

 

おすすめの記事