まったり穏やか読み物ブログ

スコマエ

ブログ道

【AFFINGER5】アフィリエイトリンクの改変なしでボタンを光らせる方法

投稿日:2020年10月8日 更新日:

 

こんにちは。yaeです。

(すみません。この記事はAFFINGER5をお使いの方向けです)

 

 

先日 もう一つのブログの為に AFFINGER5を導入したのですが

 

噂のキラキラ光る各種ボタンが

アフィリエイトでは使用できないことがわかりました。

 

リンクコードの改変にあたり 各ASPの規定に接触するからです。

 

同じような悩みで断念されていた方に

光らせる方法を教えます。(バカらしいほど簡単です)

 

使うのは基本のボタンAとBです。

 

ボタンA(デフォルト青色)とB(同じく赤)のカスタマイズをします。

 

 

ダッシュボード→ランキング管理→ランキング管理画面→一番下のCSSをクリック

 

ここの"リンクボタン"で色を設定します。

2)オリジナルリンク背景色(※クイックボタンB)
3)アフィリエイトリンクボタン背景色(※クイックボタンA)

の2つです。

 

デフォルト色でもいいですが グラデーションや影があると立体的になりますね。

できたら保存を押します。

 

次に 一番上の"基本設定"をクリック

スクロールした一番下に

"ボタンに光る演出を入れる"にチェックして保存

 

これで終わりです。

 

出来上がった光るボタンリンクも 紹介したかったのですが

このブログはまだAFFINGERにしていないので 再現ができません。

なんともシマリがない話です。

 

AFFINGER導入のブログ
https://fonte.sukomae.com/coopderi-story1/

 

この記事の目次の手前に 光るボタンリンクがありますので

よければ確認してみてください。

 

設定後の使い方

 

ボタンの場所は ビジュアルエディタの

タグ→カスタムボタン→ボタンA、ボタンBになります。

 

テキストエディタだとこうなります。

 

<div class="rankstlink-l2">

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

</div>

 

この赤字の部分を削除して

代わりにASPからコピーしてきたコードを丸ごと貼ればいいのです。

 

リンクコードは必ずテキストタイプを選んでくださいね。

 

自由テキスト表示のものが一番いいですが

そうでなければ 一番自分のサイトに合う文言のものを選びましょう。

 

 

まとめ | 改変は承認率にも関わってくるらしいです。

 

AFFINGERに入っている光るボタンに アフィリンクをいれようとすると

リンクコードを抜粋したり 削除して入れたりしないといけません。

 

それでできますと言うサイトもありますし

やり方を教えてくれるところもありますが

 

ASPの規定は守りたいので

WING(AFFINGER5)の使い方マニュアル:アフィリエイトリンクを改変しないボタンの設置方法
AFFINGER5(アフィンガー5)のテーマでアフィリエイトリンクの改変にあたらないボタンの設置方法を実例で紹介。安心、かつ簡単に貼り付ける方法を各ASPごとにマニュアル解説。

こちらのサイトで 重要性を教えていただきました。

ありがとうございます。

 

それでも光るボタンの憧れが 捨てきれなかったのですけどね(笑)

 

同じようなことで悩んでおられる方の 助けになったら嬉しいです。

 




※エックスサーバーなどではマルチドメイン(1サーバーで複数ドメインの運営)が可能です。

-ブログ道

Copyright© スコマエ , 2020 All Rights Reserved Powered by STINGER.