WordPress

【AFFINGER6】アフィリエイトリンクボタンの作り方とカスタマイズ方法を解説!

2022年1月11日


悩む人

AFFINGER6でのアフィリエイトリンクボタンの作り方が知りたいです。


アフィリエイトリンクボタンとは次のようなものです。

こんなボタン

ダミーボタンです

\誰でも簡単に作れます!/


AFFINGER6では、このボタンはMCボタンという名前です。

適切にカスタマイズして使うことで、クリック率が高まる素晴らしい機能です!


誰でも簡単に作れるので、サイトの雰囲気や記事内容に合わせて好きなものを設置してください!

ゆいて


  • MCボタンの作り方を2パターン紹介
  • MCボタンのカスタマイズ方法


カスタムMCボタンの作り方



AFFINGER6では次の2種類の方法でMCボタンを作成することができます。


  • 「STINGER:カスタムボタン」から作成
  • AFFINGER5と同様の方法で作成


一つずつ解説していきますね!


STINGER:カスタムボタンからの作り方


まずはSTINGER:カスタムボタンを使った方法です。

ブロック挿入ツールから[STINGER:カスタムボタン]をクリックします。


すると次のようなボタンが表示されます。


ボタン



これだけでボタンの設置は完了・・・簡単です。


ワンクリックで簡単に作れてしまうのが有料テーマの魅力ですね。

ゆいて



AFFINGER6が気になった方は【AFFINGER6】初心者こそ使うべきテーマ!?購入者が本音レビュー【WordPress】をチェックしてみてくださいね。

【AFFINGER6】初心者こそ使うべきテーマ!?購入者が本音レビュー【WordPress】

続きを見る


MCボタンのカスタマイズ方法


続けてMCボタンのカスタマイズ方法です。


作成したMCボタンを選択すると、テキストの設定や色、光らせたりすることができます。

よく使う設定については次の通りです。

テキストボタンに表示するテキスト
テキストサイズテキストのサイズを指定(%)
太字見出しを太字にする
リンク先 URLリンクしたいURL入力
nofollowリンクをnofollow にする
新しいページで開くリンク先を新しいページとして開く
幅 (%)上下左右のマージを指定
影付きにする
光る演出ボタンを光らせる
ボーダーボーダーの太さ、丸みを設定
タイトル色見出しの色を指定
ボーダー色ボーダーの色を指定
背景色背景色を指定

出典:AFFINGER6 公式マニュアル


SEO的な理由や記事からの離脱を防ぐために以下の設定はONにすることをおすすめします。

ポイント

  • nofollow
  • 新しいページで開く


AFFINGER5と同じ方法での作り方


AFFINGER5と同じ作り方をするには、クラシックブロックを使用します。
AFFINGER6と違うデザインで作りたい方は、こちらの方法も覚えておくと良いでしょう。


こちらも設置方法は簡単で、ブロック挿入ツールから[クラシック]をクリックします。


[タグ]-[カスタムボタン]-[MCボタン]で好きな色を選択すると設置完了です!


他のデザインで表示したい場合は、MCボタン以外の「ノーマル」や「角丸」などを選択すればOKです。

ゆいて


カスタマイズ方法


こっちの方法で作成した場合は、ソースコードを編集してカスタマイズしていきます。


よく使う設定は次の通りです。

st-mcbutton urlリンクしたいURL入力
titleボタンに表示するテキスト
relリンクをnofollowにする
targetリンク先を新しいページとして開く
color見出しの色を指定
bgcolor背景色を指定
bgcolor_top背景色上部の色を指定
borderradiusボーダーを丸くする
fontweight見出しを太字にする
fontsizeテキストのサイズを指定
widthボタンの長さを指定
color見出しの色を指定
shadow影の色を指定
refボタンを光らせる
mcbox_colorボタン上の文字色を指定
mcbox_titleボタン上に表示するテキスト

ポイント

  • relは"nofollow"でnofollowに
  • targetは"_blank"で新しいページで開く

上記がSEO的におすすめです。


まとめ:リンクボタンを効果的に使ってクリック率をアップさせましょう!



今回は、2パターンのMCボタン作成方法を紹介しました。


アフィリエイトはまずクリックしてもらうことが重要なので、自分のサイトの雰囲気や記事に合わせてMCボタンを作成してみましょう!


しかし、ボタンだらけにすると逆に胡散臭くなるので逆効果。
テキストリンクも混ぜつつ、ここぞという場所にボタンを設置することで大事です。


少しでも参考になれば幸いです。

ありがとうございました。

ブログランキング・にほんブログ村へ


-WordPress