WING(Affinger5)

「かんたんリンク」が押ボタン風に光る!アフィンガー用カスタマイズコード

かんたんリンク カスタマイズコード

もしもアフィリエイト 」の「かんたんリンク」は

 

  • Amazon
  • 楽天
  • Yahooショッピング

 

のアフィリエイトリンクが手軽に作ることができます。

すごく優良なツールですが、そのまま使うと見栄えがパッとしない!と少し不満を持っている方もいるかと思います。

そんな方のために、特にwordpressテーマのアフィンガー用で、貼り付けてパッと使える!カスタマイズコードをご紹介します。

 

「かんたんリンク」のカスタマイズコード 押ボタン風

まずは、「かんたんリンク」の各プロモーションのボタンを少し盛り上がらせ、クリックすると押した感じするためのカスタマイズコードです。

 

下のような感じで、各プロモーションで色も分けてます!

 

かんたんリンク アフィンガーカスタマイズ

下のが実際のリンクです!

 

 

「かんたんリンク」のカスタマイズコード 押ボタン風+光る

次に、先ほどのカスタマイズに加えて、各ボタンをキラッと光るようにするためのカスタマイズコードを紹介します。

 

 

アフィンガー5(WING)でのカスタマイズコードの使い方 

上記のコードの使い方ですが、Affinger5では「追加CSS」というコマンドがあります。

そこにカスタマイズ用のCSSコードを記載することで、リンクのデザインを変更することができます。

 

Affinger5追加CSS画面

 

ココに注意

「追加CSS」へ入力するようにしましょう。「テーマや子テーマのCSS入力画面」にCSSコードを書き込んでも上手く反映されません。

ちなみに「追加CSS」コマンドへは、「外観」⇒「カスタマイズ」⇒「追加CSS」でたどり着くことができます。

 

上記のカスタマイズコードをそのままコピー&ペーストで変更が反映されますよ!

 

 

ココに注意

CSSコード追記で何か不具合が生じる可能性は低く、仮に生じたとしても消せば元通りになることがほとんどです。

ただ、予期せぬ事態も起こりえますので、コード追記する前にバックアップをとることをオススメします。

 

「かんたんリンク」を使うための方法 

とっても便利な「かんたんリンク」。使うためには「 もしもアフィリエイト 」への登録が必要です。

詳細は下記リンクを参考にしてみてください!

カエレバ ヨメレバ 代わり
カエレバ・ヨメレバの代わりのツールを比較!初心者に一番使いやすいのは?

商品紹介のリンクを作るための優秀な無料ツール、「カエレバ」&「ヨメレバ」。 ですが、2019年中頃からAmazonアソシエイトに対応しなくなってしまったんですよね・・ この記事は   カエレ ...

続きを見る

 

-WING(Affinger5)
-, , ,

© 2020 Affingerの教科書 Powered by AFFINGER5