こんにちは(｀・ω・´)姫路市在住のよめちゃんです
と思ったことはありませんか？
私はブログでアフィリエイトを始めてまだ少ししか経っていませんが
楽天アフィリエイトのリンクに使われているグレー枠ダサいと思っています
消したいと思って試行錯誤しましたが
「テキストを見ても文字がたくさんでどこを消したらいいか全然わからない！」となっていました
ですが無駄な枠の除去に成功しましたので報告させてもらいます！！
この記事でわかること
・楽天アフィリエイトで商品リンクを張る方法
・商品リンクの無駄な枠を除去する方法
・【追記】携帯の画面幅から商品リンクがはみ出さない方法
楽天アフィリエイトで商品リンクを張る方法
①「楽天アフィリエイト」と検索
一番上にくるアフィリエイトを始めるなら！楽天アフィリエイト（https://affiliate.rakuten.co.jp）をクリック
クリックしてホーム画面が下の図のようにでてきます
②一番上の検索窓で商品名を検索
よめ こんにちは！姫路市在住の新米夫婦、よめちゃんです 「旅行に行けない！温泉に入りたい！」というフラストレーションを抱えているときは 白元アースさんから販売されている"いい湯旅立ち"シリーズがオススメです！温泉気[…]
という記事を書くために白元アースさんの入浴剤を検索しました
商品数が多いので企業のHPから正式の商品名をコピーして検索窓にペーストすると早く見つかります
③商品を選択したら商品リンクを作成する
商品リンクというピンク色のボタンをクリックすると・・・
左側にプレビュー、どんな商品リンクにしたいか選択肢が出てきます
やっぱり画像と説明文があると分かりやすいかなと思うので
リンクタイプは画像とテキスト、サイズは240×240に設定しました
この画面の下に以下のようなソースが表示されています
「コピー」のピンクボタンを押すとソースのコピーが完了します
（どの部分が個人特定につながるかよくわからないので一応全部消しておきます）
④ブログのテキストへ貼り付けすると完了
|
|
実際に張り付けてみました
こんな感じでグレーの大きな背景色の中に枠があり商品の情報が書いてあります
また、楽天アフィリエイトで画像のみ、テキストのみで組み合わせて自分でリンクをつくることが出来ます
画像のみ
テキストのみ
いい湯旅立ち なごみにごり湯の宿 12包入 白元アース イイユタビダチナゴミニゴリ12P
私はまだ初心者レベルなので組み合わせでうまいやつが作成できないので既存のものを使っていきます
商品リンクの無駄な枠を除去する方法
画像とテキストのリンクで作成した際のグレー枠の削除について説明していこうと思います
そのままコピー&ペーストを行うと以下のリンクのようになります
|
|
グレーの枠を削除するためにはビジュアルからテキストに表示を切り替えて
テキストに表示されている赤色で示した以下の部分を消してください
一番外のtable設定の類を削除するとこのようなリンクを作成することができました
【追記】商品リンクが携帯対応していない場合の対処法
携帯で見てみるとこのように画面からはみ出しているという事案が発生していました
テキストに戻り画像にあるこの幅の設定を100％に書き換えるだけで
携帯からはみ出さなくなりましたので一緒に変更してください
携帯でみると画面からはみ出していません
ちょっと商品画像が小さくなっているけど・・・
まとめ
楽天アフィリエイトを最近始めて一番困ったことがリンクのグレーの枠が邪魔ということでした
一番外側のtableを消すと除去できるなんて簡単！
もっとブログつくりがうまくなればいい感じの枠や装飾をしてリンクをつくりたいですが
まだまだ力量不足・・・
今のところはもともとあるものを使いながらすすめていこうと思います
こんにちは！新米夫婦のふたりごとの嫁です(｀･ω･´)ゞ（@ponN0216） wordpressで雑記ブログを書き始め、夫婦合わせて200記事目に到達しました！！ [sitecard subtitle=関連記事 url=htt[…]
