楽天アフィリエイトで商品リンクのグレー枠を消す方法を紹介!

こんにちは(`・ω・´)姫路市在住のよめちゃんです

楽天アフィリエイトでリンクを張る際、無駄な枠、特にグレー枠が多すぎる!

と思ったことはありませんか?

 

私はブログでアフィリエイトを始めてまだ少ししか経っていませんが

楽天アフィリエイトのリンクに使われているグレー枠ダサいと思っています

消したいと思って試行錯誤しましたが

テキストを見ても文字がたくさんでどこを消したらいいか全然わからない!」となっていました

ですが無駄な枠の除去に成功しましたので報告させてもらいます!!

この記事でわかること

・楽天アフィリエイトで商品リンクを張る方法

・商品リンクの無駄な枠を除去する方法

・【追記】携帯の画面幅から商品リンクがはみ出さない方法

楽天アフィリエイトで商品リンクを張る方法

①「楽天アフィリエイト」と検索

一番上にくるアフィリエイトを始めるなら!楽天アフィリエイト(https://affiliate.rakuten.co.jp)をクリック

affiliate_rakuten_gray_border_delete_method

クリックしてホーム画面が下の図のようにでてきます

 

②一番上の検索窓で商品名を検索

affiliate_rakuten_gray_border_delete_method

関連記事

よめ こんにちは!姫路市在住の新米夫婦、よめちゃんです 「旅行に行けない!温泉に入りたい!」というフラストレーションを抱えているときは 白元アースさんから販売されている"いい湯旅立ち"シリーズがオススメです!温泉気[…]

という記事を書くために白元アースさんの入浴剤を検索しました

商品数が多いので企業のHPから正式の商品名をコピーして検索窓にペーストすると早く見つかります

 

③商品を選択したら商品リンクを作成する

affiliate_rakuten_gray_border_delete_method

商品リンクというピンク色のボタンをクリックすると・・・

affiliate_rakuten_gray_border_delete_method

左側にプレビュー、どんな商品リンクにしたいか選択肢が出てきます

やっぱり画像と説明文があると分かりやすいかなと思うので

リンクタイプは画像とテキスト、サイズは240×240に設定しました

この画面の下に以下のようなソースが表示されています

「コピー」のピンクボタンを押すとソースのコピーが完了します

 

(どの部分が個人特定につながるかよくわからないので一応全部消しておきます)

affiliate_rakuten_gray_border_delete_method

④ブログのテキストへ貼り付けすると完了

実際に張り付けてみました

こんな感じでグレーの大きな背景色の中に枠があり商品の情報が書いてあります

また、楽天アフィリエイトで画像のみ、テキストのみで組み合わせて自分でリンクをつくることが出来ます

画像のみ

テキストのみ

いい湯旅立ち なごみにごり湯の宿 12包入 白元アース イイユタビダチナゴミニゴリ12P

私はまだ初心者レベルなので組み合わせでうまいやつが作成できないので既存のものを使っていきます

商品リンクの無駄な枠を除去する方法

画像とテキストのリンクで作成した際のグレー枠の削除について説明していこうと思います

そのままコピー&ペーストを行うと以下のリンクのようになります

グレーの枠を削除するためにはビジュアルからテキストに表示を切り替えて

テキストに表示されている赤色で示した以下の部分を消してください

affiliate_rakuten_gray_border_delete_method

一番外のtable設定の類を削除するとこのようなリンクを作成することができました

 

【追記】商品リンクが携帯対応していない場合の対処法

携帯で見てみるとこのように画面からはみ出しているという事案が発生していました

affiliate_rakuten_mobile_view

テキストに戻り画像にあるこの幅の設定を100%に書き換えるだけで

携帯からはみ出さなくなりましたので一緒に変更してください

affiliate_rakuten_gray_border_delete_method

携帯でみると画面からはみ出していません

ちょっと商品画像が小さくなっているけど・・・

まとめ

楽天アフィリエイトを最近始めて一番困ったことがリンクのグレーの枠が邪魔ということでした

一番外側のtableを消すと除去できるなんて簡単!

もっとブログつくりがうまくなればいい感じの枠や装飾をしてリンクをつくりたいですが

まだまだ力量不足・・・

今のところはもともとあるものを使いながらすすめていこうと思います

 

関連記事

こんにちは!新米夫婦のふたりごとの嫁です(`・ω・´)ゞ(@ponN0216) wordpressで雑記ブログを書き始め、夫婦合わせて200記事目に到達しました!! [sitecard subtitle=関連記事 url=htt[…]

WordPress初心者向け講座
affiliate_rakuten_gray_border_delete_ic
最新情報をチェックしよう!