ブログ環境

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

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

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

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へのアフィリエイトリンク設定およびカスタマイズが完了します。

お疲れさまでした。

-ブログ環境

© 2021 東京節約生活