【AFFINGER6】クリック率アップに繋がる、カスタムMCボタンをおしゃれにする方法

今回はWordPressテーマ「AFFINGER」をご使用中の方に向けてカスタムボタンの設置方法について解説していきます！

ボタンの色を自分のサイトや商品の色、テーマと合わせることで、クリック率や成約率のUPに繋がります。カスタマイズ自体は簡単に行えるので、自分好みのボタンを作ってみましょう！

せなお

それでは早速解説していきます！！

＼当ブログ使用テーマ／

誰でも簡単オシャレなデザイン！
インフォトップ月間総合第１位！
SEO対策と収益UPを標準で搭載！

有名ブロガーに愛用されているSEO最強WordPressテーマ。本ブログも使用中のカスタマイズ性が抜群のテーマです！

AFFINGER6の購入はこちら

カスタムMCボタンとは？

そもそも、カスタムMCボタンとは何か？WordPressテーマ「AFFINGER」を使用中の状態にて、下のようなボタンを作っていきます。

太字のテキスト

今すぐ申し込む

※マイクロコピーを書いてみよう

太字のテキスト

今すぐ申し込む

※マイクロコピーを書いてみよう

太字のテキスト

今すぐ申し込む

※マイクロコピーを書いてみよう

ブログ記事にこのようなボタンが設置されていたら、ちょっと押したくなりますよね…

このような読者の方に向けて、わかりやすいボタンを設置することで、クリック率や成約率の向上することができます！

『AFFINGER』では、カスタムMCボタンは簡単に作れます。しかし、カスタマイズせずにデフォルトで使用しているという人も結構多いみたいなので、カスタマイズ方法も解説していきますので、ぜひご参考にしてみてください。

カスタムMCボタンの設置方法について

ボタンをカスタマイズする前に、ボタンの表示項目についての説明です。

WordPress管理画面より投稿画面などから、下のような画面が出てきます。「タグ」→「カスタムボタン」→「カスタムMCボタン」の順番に選択していきましょう。

ボタンの色は様々な種類があり、自分好みに変更で可能です。

「レッド」を選択すると下のようになります。

太字のテキスト

今すぐ申し込む

※マイクロコピーを書いてみよう

以上の作業にて、「カスタムMCボタン」設置完了です。次はボタンのカスタマイズを行なっていきましょう！

カスタムMCボタンをおしゃれにアレンジする方法

ボタンの文字色などの配色に関するカスタマイズを行なっていきます。

ボタンのカスタマイズは、以下の赤太文字の項目を変更していくだけでOKです。

st-mcbutton url="リンク先のURL"
title="ボタンの表示文字"
rel="" webicon="表示するアイコン" target="" color="#fff"
bgcolor="ボタンの背景色"
bgcolor_top="ボタン上の背景色"
bordercolor="ボタンの境界線の色"
borderwidth="ボタンの枠線の太さ"
borderradius="ボタンの角の丸み"
width="ボタンの幅"
shadow="ボタンの影の色"
mcbox_title="ボタン上の文字"

また、ボタンはカラーコードを入力して配色パターンを決めることができます。

せなお

配色は色コードリストなどからコピペでOKです

「ColorPick Eyedropper』というGoogle Chrome拡張機能も便利なのでおすすめです。

ボタンのリンク先を別タブで開くには？

ボタンリンクを別タグで開く設定方法についても解説しておきます。

設定方法はとても簡単で、ボタンのカスタマイズ項目の「target=""」の部分を「target="_blank"」に変更しましょう！以上の設定が完了できていたら、ボタンをクリックしたときに「別タブで」開くことが可能になります。

別タブで開くことで、自分のページが上書きされず、新しいページのタブが開かれるので読者が再び自分のブログに戻ってきやすくなります。

再び戻ってきてくれれば、自分の記事が読まれやすくもなるので、離脱を防ぐためにも、別タブで開く設定を活用しておきましょう！

まとめ

今回は、「AFFINGER」における「カスタムMCボタン」のカスタマイズについての紹介でした。

アフィリエイトのクリック率を上げるのに、大切になってきます。ボタンのデザインによって、クリック率も大きく関ってくるので、自分のブログテーマにあった、ボタンの配色やデザインをカスタマイズして、クリック率UPを目指しましょう！

参考トップページのカスタマイズに関する記事かこちら

参考アップデートやインストール・プラグインに関する記事はこちら

参考投稿記事のカスタマイズも関する記事はこちら

参考Gogleアドセンス×AFFINGERのカスタマイズについての記事はこちら