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

 

こんにちは。yaeです。

 

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

 

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

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

 

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

 

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

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

 

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

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

 

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

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

 

無料テーマ使用でも

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

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

 

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

りょう様の「bryog」

 

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

この中に

というのがあります。

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

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

 

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

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

 

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

 

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

 

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

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

 

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

 

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

 

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

 

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

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

 

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

 

まとめ

 

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

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

 

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

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

 

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

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

 

是非　りょう様のサイトで

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

 

[st-cmemo myclass=”st-text-guide st-text-guide-point” fontawesome=”fa-check” iconcolor=”#FF8F00″ bgcolor=”#FFF8E1″ color=”#000000″ bordercolor=”#FFE082″ borderwidth=”” iconsize=”150″]ブロガー必見！無料ツール

ラッコキーワード

（ 旧：関連キーワードツール（ 仮名・β版 ））

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

便利ですよ。

[/st-cmemo]

 

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