サイトアイコン 株式会社アクリエ AQlier

WordPress で目立つボタンを作ろう!マウスオーバーで色が変わるカラーリングの設定方法

aqlier

WordPress で、ボタンのアクションを設置した箇所があります。
今までも対応していましたが、カラーリングが、わかり難い色を使っていたので、目立たせるように変更しました。

このとき、マウスオーバー(ボタンの上にマウスが移動したとき)でカラーリングを変更するようにしています。

WordPress の技術もさることながら、画像の作り次第で使った人が違和感を持つような作りは避けたいものです。

ポイントとなる点は、
・カラーリングは、マウスオーバー前後でを変える。

・ただし、元の画像・文字等で少しでもズレが生じないようにする必要があります。
・画像背景は、透明で作成する必要があります。

画像を作成する際、1つ目の画像をベースに2つ目の画像の背景色、文字色を変更する方法が良いようです。

0 0 投票
記事の評価
モバイルバージョンを終了