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

こんにちは。yaeです。

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

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

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

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

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

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

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

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

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

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

無料テーマ使用でも

アフィリエイトボタンをCSSの追加だけで可能

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

広告収入◆￥１０００からお支払＆銀行振込手数料￥０《アクセストレード》

りょう様の「bryog」

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

この中に

アフィリエイトリンクをボタンにするには？【CSS追加するだけで簡単です】

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

副業ベース（旧 bryog）

というのがあります。

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

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

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

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

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

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

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

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

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

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

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

アフィリエイトなら【A8.net】

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

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

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

まとめ

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

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

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

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

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

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

是非　りょう様のサイトで

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

※1000円で学べる初心者ブロガーの教科書です。
　中身の濃さに驚きます。