ボタン WP向け一旦開発完了

クラス名

el_btn

マークアップ例

<a href="" class="el_btn">塗りつぶしボタン</a>
<a href="" class="el_btn el_btn__OL">アウトラインボタン</a>

定義

WordPressのWPブロックの「ボタン」向け、塗りつぶしとアウトラインボタン
塗りつぶしかアウトラインはボタンブロックの「スタイル」で変更可能。
角丸は変更可能、カラーもパレットからの選択であれば変更可能。

機能
リンクボタンや送信ボタンなどリンクをしたり何かを操作する

あしらい・振る舞い
キーカラーを背景色、文字色を白にする
テキストリンクの場合は、右側にchevron
マウスオーバー時はアウトラインとして反転する
クリックした時は「押した」ように動く（ドロップシャドウの方向へ影のサイズ分移動）
フォーカス時は周りにアウトラインを表示

特記事項
<a> <input> <button> タグいずれでも使えるようにする

<a href="" class="el_btn el_btn__OL">アウトラインボタン</a>

ファイルパス

Change Log

1. 開発開始：2022-09-21
2. 最終更新：2022-09-22