楽天商品リンクの外側の枠とりたい

 

楽天の商品リンクを１つブログに貼ったけど

 

なんで、横幅いっぱいに外側の枠が表示されちゃうんだろう・・・・取りたいなあ。

 

そう思ったことはないでしょうか？

 

 

このような ↓ 感じになってしまいますよね。

 

 

マスクDEガード　5枚入り×20袋 価格：3,500円（税込、送料込）

 

 

これだと、見た目がよくないですし、外枠を表示させている意味もわからないですよね。

 

 

サイトへの訪問者って
結構、サイトページの見やすさというものをチェックしています。

 

ページを構成している文字や文章、画像のレイアウトは、
やはり、見やすくしたほうが、訪問者の記憶にも残りますからね。

 

 

そこで、その外枠をはずすためには・・・

 

ご紹介します。

 

 

商品リンクのHTMLタグをちょっといじります。

 

以下のように、<table で始まる HTMLタグのなかで

 

赤く塗りつぶした箇所 が外枠を作っているので、

 

そのタグを削除するだけです。

 

 

 

 

すると、外枠が消えてくれます。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

スッキリしますよね。

 

 

これで、画像リンク右側の空いたスペースに文章を入れることもできます。

 

その文章の入れ方については、

 

あたらめて別の記事にして、ご紹介しますね。

 

 

 

 

楽天商品リンクを横 に並べる方法は、こちら。
こちらでは、外枠はつけた状態でご紹介しています。

 

　　　　　　　　　　　↓　↓　↓

 

楽天商品の画像リンクを好きなように間隔空けて並べる方法