ブログ道

【Word Press】無料テーマでアフィリエイトリンクをボタンにする方法

 

こんにちは。yaeです。

ブログにアフィリエイトを貼ろうと思う時

 

アマゾンの画像は小さいし

提携から提示された広告は いかにも貼りました感があったりで

 

どうも上手くないなと思う事はありませんか?

 

他の方のブログを拝見すると

サクっと気持ちが乗った先に ボタンがあることが多いのですね。

 

カーソルを乗せてみるとA8の文字が見えたりするので

アフィリエイトボタンです。

 

これはどうやっているのでしょう。

有料テーマの特権なのかな…と思っていたのですが

 

無料テーマ使用でも CSSの追加だけで可能という

ありがたい記事を見つけたので ご紹介します。

 

広告収入◆¥1000からお支払&銀行振込手数料¥0《アクセストレード》

りょう様の「bryog」

 

ブログ全般を扱っているサイトです。

この中に

アフィリエイトリンクをボタンにするには?【CSS追加するだけで簡単です】
アフィリエイトリンクの多くはASPによって改変が禁止されていますけど、ボタンにしたいという場合もありますよね。そんな時は、CSSを追加することで簡単にボタン化させることができます。

というのがあります。

ざっくりした手順はこうです。

  1. 追加CSS に好きなボタンのCSSをコピペする
  2. ボタン表示させたいアフィリエイトからテキストバナーを選ぶ
  3. <div class="af_button">ここにアフィリエイトリンク</div>
    

    とHTML表記

追加CSSにボタンのCSSをコピペする

 

ダッシュボード→外観→カスタマイズ→追加CSSにコピーペーストしてください。

りょう様の記事では5種類のボタンのCSSが掲載されていますので

 

お好きなタイプを選べます。

 

アフィリエイトからテキストバナーを選ぶ

 

※アフィリエイトでは原則 タグの改変は禁止です。(テキスト変更はできません)

自分の記事にあった文言のテキストバナーを選ぶようにします。

 

入手したアフィリエイトリンクを挟む

 

<div class="af_button">ここにリンクを入れます</div>

 

するとこのように表示されます。

 

普通のテキストバナーより インパクトがありますし

バナー広告よりも 違和感がない気がします。

 

色も好きなものに変えられます。

 

まとめ

 

カスタマイズでできることは色々あるようです。

私は知識は乏しいですけど

 

調べて使ってみて いいなと思う記事は

躊躇いなくリンクを貼ろうと思います。

 

今回のボタン化はずっと不思議に思っていたので

見つけた時はものすごく嬉しかったです。

 

是非 りょう様のサイト

アフィリエイトのボタン化してみてくださいね。

 

ブロガー必見!無料ツール

ラッコキーワード

( 旧:関連キーワードツール( 仮名・β版 ))

キーワードを入れるだけで 複合、ロングテールがわかります。

便利ですよ。



 

-ブログ道

© 2021 スコマエ Powered by AFFINGER5