![見出し画像](https://assets.st-note.com/production/uploads/images/124232057/rectangle_large_type_2_47e708a64b1c620d3c0be54235521e30.png?width=1200)
【WordPress】Contact form 7:必須項目をデザインする
Contact form7で「必須」の文字をかっこよくデザインする方法です。
![](https://assets.st-note.com/img/1702267083280-NbDL9TKZMK.png)
フォーム内の記述
Contact form7内で、項目の中で以下を記述
<span class="required">必須</span>
CSSの記述
「外観」>「カスタマイズ」>「追加CSS」などに、上記で設定したclassにCSSでデザインを設定します。
以下にコピペできるコード、設定場所の詳細などを記載します。
例①:文字と線を赤、背景を白、角に少し丸みをつける
こんなイメージになります。
![](https://assets.st-note.com/img/1702267442399-WOgnDgDLAy.png)
ここから先は
303字
¥ 300
期間限定!Amazon Payで支払うと抽選で
Amazonギフトカード5,000円分が当たる
Amazonギフトカード5,000円分が当たる
この記事が気に入ったらチップで応援してみませんか?