ぶろぐライフ~パソコン苦手なブログ初心者さんを全力でサポート~

パソコンは苦手だけどブログを始めたい人を全力で応援!15年間パソコン講師を勤めた私が苦手克服のお手伝いをします♪

【もしもアフィリエイト】かんたんリンクボタンのカスタマイズと追加

f:id:maysun:20211207124115p:plain

パソコン苦手なブログ初心者さんを全力サポートしている、めいさんです。

 

ブログに商品紹介をしてアフィリエイトをしている人も多いですよね。

その中でも超お勧めの【もしもアフィリエイト】ですが、この度新しい機能が登場しましたね。

 

普段からお世話になっている【かんたんリンク】ですが、【カスタマイズとボタン追加】が出来るようになりました。

 

【かんたんリンク】に【楽天・ヤフー・Amazon】が未登録の方はこちらの記事からどうぞ

maysun53.com

 

初心者さんも使えるようにお届けしますので、最後までご覧頂いてやってみてね。

 

 

- スポンサーリンク -  

 

【もしも】かんたんリンクボタンのカスタマイズと追加

【もしもアフィリエイト】の【かんたんリンクボタン】は、1つの商品に対して【楽天・ヤフー・Amazon】ボタンが表示されることで、ユーザーが購入元を選べるものです。

 

ボタンは【指定の色と指定の購入元】を利用するしかなかったので、CSS(スタイルシート)で色の変更をする人が増えました。

私もしているんですが、もう不要ですね。

 

かんたんリンクボタンカスタマイズ

f:id:maysun:20211207134655p:plain

【かんたんリンク】ボタンをカスタマイズしていきましょう!

【もしもアフィリエイト】登録が必要です

 

1.【もしもアフィリエイト】ログイン

【かんたんリンク】

f:id:maysun:20211207140434p:plain



2.ボタン色・文言変更

【鉛筆マーク】クリック

f:id:maysun:20211207142304p:plain

 

【ボタン編集】画面
【ボタン内文言】【ボタンカラー】ー【編集反映】

f:id:maysun:20211207142328p:plain

【ボタン内】に表示される言葉を変えれるようになりました。

そして【ボタンカラー】もブログの雰囲気に合わせて変えれます。

 

*プレビューを確認し【編集を反映する】ボタンをお忘れなく!

 

かんたんリンクボタン追加

f:id:maysun:20211207202106p:plain

次に【楽天】【ヤフー】【Amazon】以外にボタンを追加できるようになりました。

例えば、本に併せて電子書籍が購入できる世の中です。

 

電子書籍と言えば【Kindle】ですよね。

ってことでAmazonの【Kindle】というボタンを追加する方法をご紹介します。

 

1.ボタン追加

【+】マーク

f:id:maysun:20211207204820p:plain

 

【ボタン追加内容】

f:id:maysun:20211207211738p:plain

  • ボタン提携:Amazon
  • ボタン内容文言:任意
  • URL:Kindle公式URL
  • ボタンカラー:任意

 

【商品販売ページURL】ー 【虫メガネ】

f:id:maysun:20211207205758p:plain

 

【HTMLソースを1行にする】チェックー【全文コピー】

f:id:maysun:20220118111531p:plain



 

【URL】貼り付けー【完成】リンク

 

 CSSの影響 

■色変更できない件■

当ブログでは、【もしもアフィリエイト】リンクバーがマウスを乗せると色が変わるCSS(スタイルシート)を使用中。

 

そのCSS(スタイルシート)が干渉しているため、指定色ピンクに変更が出来ないです。

 

- スポンサーリンク -  

 

かんたんリンクボタンのカスタマイズと追加まとめ

【もしもアフィリエイト】かんたんリンクボタンがカスタマイズできるようになり可愛くしたり、クールにしたりオリジナリティを出せるようになりました。

ブログの色合いや雰囲気に合わせて、目を引くものに変えてみてはどうですか?

参考になれば嬉しいです。

にほんブログ村 ブログブログ ブログ生活へ 

f:id:maysun:20220106121849g:plain