MaxButtonsでホバーアクションのついたボタンを作成

ブロックエディターでは、ボタンブロックはありますが、カーソルで合わせた時に色が変化する、ホバーアクションの設定ができません。そこで今回、ボタン作成プラグインMaxButtonsで、ホバーアクションのついたボタンを作成します。ショートコードを使用するので、LPのように同じリンクボタンを繰り返し使う場合に便利です。

1つ目は、色が薄くなるボタン、2つ目は色が反転するボタン、3つ目は、ボタンが透明度が上がり、背景が透けるボタンです。

近年は、SPの普及により、WebサイトもSPで見る人の方が、PCで見る人より多いです。Webサイトでは、PC、SPで、レイアウトが変わるレスポンシブデザインが当たり前になりました。ただ、PCでは効果があり、必要なものでも、SPでは表示されないものがあります。それがホバーアクションです。PCでは、カーソルを合わせると、ボタンなどの色が変わったりしますが、SPでは、できないので、その効果はありません。