Diverでも光るボタンにカスタマイズ!CSSコードをコピペするだけ!

どうも、YoSK8(ヨースケ)です。

当ブログでは「ボタンデザインのリンク」を使うようになりましたが、他のブログサイトを見ていると、たまに「光るボタンリンク」があったりもします。

どうやらこれは 「WING(AFFINGER5)」に導入されているボタンのようで、残念ながら僕が今愛用している「Diver」にはその機能がありません。

なんとかDiverでも光るボタンが使えないか模索してみた結果・・・

なんともタイムリーな記事が見つかりました。

Diverでも光るボタンが使用可能!

その記事が【こちら】です。

この記事が掲載されているのは「おやこクリエイト」というブログサイトで、運営者は「あず(@oyakocreate)」さんという女性の方。

この記事によれば、CSSコードをコピペするだけで、Diverや1部のテーマでも光るボタンが使えるようになるとのことです。

ちなみに動作確認済みのWordPressのテーマは、

  • SANGO(PORIPU)
  • JIN
  • Diver

の3つとなっているみたいですね。

ちなみに、「JIN」は光るボタンの導入を検討しているみたいです。

 

光るボタンが「すげぇ」嫌いな理由が少し気にはなりますが・・・ (笑)

で、実際に光るボタンをDiverで使用してみましたが、やり方はかなり簡単でした。

あずさんが制作したコードを「style.css」にコピペで追加して、あとはHTMLを挿入すれば準備は完了、↓のようなキラッと光るボタンが完成します。

 

これは思わずクリックしたくなるボタンではないでしょうか?

光るボタンでクリック率アップ!?

ブログサイトに光るボタンを導入してから、広告リンクのクリック率がアップした人は沢山いるみたいですね。

僕はまだ導入したばかりなので効果はわかりませんが、果たしてこの弱小ブログでもクリック率はアップするのか? (笑)

クリック率のアップにも期待していますが、純粋に光るボタンが好きなのでしばらくは愛用していくつもりです。

Diverでも光るボタンが使えるcssコード!まとめ

ということで、WordPressのテーマはSUNGO(PORIPU)・JIN・Diverを使っている人は、試しにボタンリンクを光らせてみてはどうでしょうか?

僕もブログを更新しながらその効果を期待してみます。

ちなみに「Diver」にも光るボタンが導入されることにも期待しているところ (笑)

最後までお付き合い頂き、ありがとうございました^^