ブログ環境

【AFFINGER5・6】カスタムボタンにA8アフィリエイトリンクを改変無しで貼る方法&ボタンを光らせる方法

2021年5月12日

AFFINGER5・AFFINGER6のカスタムボタンにアフィリエイトリンクを貼りたい!

ボタンの色を変えたり、グラデーションをつけたり、キラッと光らせたり。

AFFINGER5・6ではいずれも簡単に設定できるのでご紹介いたします。

【AFFINGER6】カスタムボタンにアフィリエイトリンクを貼る方法

AFFINGER6はSTINGER:カスタムボタンを押せばボタンが出てきます。

右側のブロック欄でテキストの変更やボタンを光らせたり等簡単にカスタマイズが可能。

こちらはhttps://から始まるURLがあれば簡単に設定できますが...

改変無しで設定したい時はクラシックエディタに切り替え次項に記載したAFFINGER5と同じ方法で行います。

 

ボタン

 

【AFFINGER5】カスタムボタンにアフィリエイトリンクを貼る方法

タグカスタムボタンより「ボタンA」または「ボタンB」を選ぶ

テキスト編集で赤字部分を削除しアフィリエイトリンク(テキスト形式)を貼る

<div class="rankstlink-r2">

<a href="#">ボタンA</a>

</div>

以上となります。

 

お次はボタンの色を変えてみましょう

【AFFINGER5】カスタムボタンA・Bの色を変えてみよう

ダッシュボードランキング管理ランキング管理画面CSSリンクボタン

左:ボタンB 右:ボタンAとなっているので好みの色に変更→保存します。

AFFINGER5カスタムボタンA色変更方法

グラデーションをつけたい場合は「上・下・シャドウカラー」をそれぞれ設定し「グラデーションを横方向に」をチェック。

私は単色にしています。

 

【AFFINGER5】カスタムボタンを光らせる方法

ダッシュボードランキング管理ランキング管理画面基本設定演出

「ボタンに光る演出を入れる」にチェックをつけて保存します。

AFFINGER5カスタムボタンAを光らせる方法

以上でカスタムボタンA、Bへのアフィリエイトリンク設定およびカスタマイズが完了します。

お疲れさまでした。

  • この記事を書いた人

まる

無職夫を扶養するため節約・投資を頑張る40代OL。アラフォーから貯金開始・資産4,400万円達成。手取り25万の家計・無理をしない節約生活について発信してます

-ブログ環境