すもぐりアクアリウムのおすすめグッズはこちら!ホームブログ運営ブログのカスタマイズもしもの「かんたんリンク」のボタンをカスタマイズ|スマホ表示もあり2020年1月28日SHAREツイートシェアはてブLINEPocketTAGS:SANGOツイートシェアはてブLINEPocketAmazonのAPIの変更で、カエレバ等でAmazonの商品リンクが作成できなくなりました。そこで出番なのが、もしもアフィリエイトの公式機能である「簡単リンク」。これを使えば、これまでと同じようなAmazonの商品リンクを簡単に作成可能です。デザインが味気ないものだったので、本ブログのテーマ(SANGO)に合うようにCSSでカスタマイズしました。デザインはこんな感じスマホバージョン追加しました実際のリンクはこちら。リンク読みたいとこからもしもの簡単リンクのボタンをカスタマイズカスタマイズするCSS今回のカスタマイズのPOINTキャッシュをクリアする最後にもしもの簡単リンクのボタンをカスタマイズもしもの簡単リンクのボタンをカスタマイズするには、以下で紹介するCSSをコピペしてもらえばOKです。本記事の内容で生じたエラーなどの責任は一切負いかねます。カスタマイズは自己責任でお願いします。事前にバックアップ等を取っておくことをおすすめします。バックアップは「BackWPupのインストールと設定|WordPressの自動バックアップ」を参考にしてください。カスタマイズするCSSこちらのCSSをstyle.cssにコピペで追記してください。absolute;}}スマホでボタン幅いっぱいにし、アイコンを右寄せにする場合は、こちらのCSSも追記してください。absolute;}}スマホ表示の場合は、ボタン幅いっぱいの方がCVが高いらしいよ。a」のwidthを100%!importantに変更してください。今回のカスタマイズのPOINT今回のカスタマイズのPOINTは3つです。見やすくなったと思います。ボタンの色を変更それぞれのボタンに対して個別に色を設定しています。ご自身のそのほかの色設定と合わせて設定してください。ボタンの文字サイズをテーマのサイズにボタンの文字のサイズが指定されていましたが、少し小さく感じたので、テーマのデフォルト()の大きさに変更しています。Awesomeの記号を追加しています。スマホ表示の場合は右端に変更。キャッシュをクリアするキャッシュのクリアを行って変更内容を反映させましょう。スーパーリロードをしてもいいですが、こちらの方法が楽ちんでおすすめです。最後にもしもアフィリエイトの簡単リンクのボタンをカスタマイズするCSSを紹介しました。見やすく、ブログに馴染むデザインにして、CVRアップを狙っていきましょう。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。辛い物おーちゃんアクアリウムと植物をこよなく愛する元SE。大手SIer・中小企業の情報システム部を経験。趣味のアクアリウムや植物関連、ブログのカスタマイズ記事などを書いています。