まったり穏やか読み物ブログ

スコマエ

ブログ道

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

投稿日:2020年8月3日 更新日:

 

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

 

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

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

 

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

 

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

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

 

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

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

 

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

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

 

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

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

 

りょう様の「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>

 

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

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

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

 

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

 

まとめ

 

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

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

 

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

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

 

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

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

 

是非 りょう様のサイト

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

 




9月3日11月5日まで(延長されました!)Xサーバーでの開設の場合 ドメイン永久無料 更にこの期間なら ご利用料金20%オフキャンペーン中です。 wordPressでのブログ開設に最適です。 (私も年初のこのキャンペーンで始めました!)

-ブログ道

Copyright© スコマエ , 2020 All Rights Reserved Powered by STINGER.