たびバロ

夫婦で世界一周旅行のため会社を退職後コロナの影響で飛び立てず!夫婦のアウトドアな趣味を更新中

【もしもアフィリエイト】かんたんリンクの縮小化とカラー変更のカスタマイズ!

f:id:tabi-baro:20200710103812p:plain


 

こんにちは、夫婦で世界一周計画中のバロです!

 

 

もしもアフィリエイトのかんたんリンクの縮小化と、

 

クリックボタンのカラー変更についてご紹介させて頂きます!

 

先輩ブロガーさんの記事を参考に超簡単にカスタマイズ出来ました!

 

機械音痴の私でも出来たので本当に簡単ですよ♪

 

 

  

 

もしもアフィリエイトとは

 

初心者が手軽に始められる物販サイトのことです!

 

アフィリエイトを始めるなら、登録しておきたいですね!

 

もちろん無料登録のアフィリエイトですよ!

 

 

特にもしもアフィリエイトのかんたんリンクを貼り付ければ、

Yahoo・楽天Amazonから購入可能になるので便利な機能です♪

 

もしもアフィリエイト内でそれぞれの会社と提携をする必要があります! 

 

提携申請をしてOKが出れば3つのボタンが出てきますよ!

 

かんたんリンクの縮小化とボタンのカラー変更

 

 

ご紹介するカスタマイズをすれば、このような変更が出来ます↓↓

 

  • スマホで見た時のかんたんリンクが縮小化されて見やすくなる
  • クリックのボタンカラーが変更出来る

 

 

私は、スマホで見た時のかんたんリンクが大きいから変えたい!

という事は考えていなかったのですが、

 

先輩ブロガーさん達のクリックボタンがオレンジ一色じゃない!

ブロガーレベルが上がるとボタンの色も変わるのかな〜〜

 

と思っていました!(笑)

 

 

モカリーナ (id:mocharina09)さんの記事からどちらもカスタマイズ出来ると知り、

 

やってみたら超簡単!!!分かりやすすぎる!

 

 

こんな感じで変更されます↓↓

 

f:id:tabi-baro:20200710101025j:plain


 

f:id:tabi-baro:20200710101040j:plain

 

 

色が可愛くてコンパクトになって嬉しい!

 

 

《参考にさせて頂いた記事はこちらです♪》 

www.mocharina.com

 

 

記事中のCSSを丸ごとコピーして、はてなブログのデザインCSSに貼り付けるだけ!

 

本当に丸ごとコピーで貼り付けるだけで超簡単にカスタマイズ出来ちゃいました! 

 

是非こちらの記事をご参考にカスタマイズしてみて下さい!

(丸投げですみません…!) 

 

 

CSSを丸ごとコピーすれば先ほどの3色になりますが、

カラーは自分の好みの色にも変更出来ますよ!

 

カラーの見本はこちらからどうぞ♪

 

www.colordic.org

 

CSSを貼り付ける場所

 

CSSをコピーして、はてなブログへの貼り付け方はこちらです♪

 

【デザイン】→【カスタマイズ】→【デザインCSS

 

f:id:tabi-baro:20200710101102p:plain
 

最後に【変更を保存する】をお忘れずに!とても簡単ですね!

 

 

かんたんリンクの使い方

 

 

超初心者さん向けですので、ご存知の方は飛ばして下さい!

 

もしもアフィリエイトのかんたんリンクの貼り付けはこんな感じです♪

 

 

①サイトの運営→かんたんリンク

f:id:tabi-baro:20200710101116p:plain

 

 

②商品名を検索→HTMLソースを丸ごとコピー→はてな記事のHTML編集へ貼り付け

f:id:tabi-baro:20200710101133p:plain


文字通り簡単に貼り付けられちゃいますね!

 

 

まとめ

 

 

色々カスタマイズ出来るようになると楽しいですよね!

 

気になってたけど面倒だからやっていないという方は、

 

とても簡単なので是非カスタマイズしてみて下さい!

 

 

モカリーナ (id:mocharina09) さんありがとうございました♪

 

 

以上【もしもアフィリエイト】かんたんリンクの縮小化とカラー変更のカスタマイズ!

でした。

 

お気軽に読者登録ください♪