
次は、ボタンの色を変えるCSSコードを追加する方法をします。
ボタンの色を変えるCSSコードを追加する方法
ワードプレスの管理画面を開きます。
左下の「外観」を押します。
左下の「外観」の下の「カスタムCSS」を押します。
一番下の行に移動します。
キーボードの「Enter」を押して、1行ふやします。
下記のCSSコードをコピーして、一番下の行に貼り付けます。
01 02 03 04 05 06 07 08 09 10 11 12 13 | /*色が変わるボタン(基本)*/ .irokawaru-btn 1 { display : inline- block ; /*横並び*/ padding : 0.5em 1em ; /*余白*/ text-decoration : none !important ; /*装飾なし*/ background : #668ad8 ; /*背景色*/ color : #FFF !important ; /*文字色*/ transition: 0.5 s; /*変化時間*/ } /*ボタンの上にマウスがのったとき*/ .irokawaru-btn 1: hover { background : orange; /*背景色*/ } |
貼り付けました。
一番下の「カスタムCSSの更新」を押します。