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

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

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

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

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

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

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

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

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

ボタン

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

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

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

以上となります。

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

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

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

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

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

私は単色にしています。

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

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

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

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

お疲れさまでした。