Snow Monkey Formsのチェックボックス･ラジオボタンはわりと素っ気ないので、画像付きでもう少しタップしやすくしてみました。
Snow Monkey Forms の設定・カスタマイズ方法はこちらにまとめています。
目次
Snow Monkey Formsでチェックボックス･ラジオボタンを画像付きの見た目にする方法
CSSだけでカスタマイズできます。
フォームの用意
まずはラジオボタン、チェックボックスを作成しておきます。
あとは下記のCSSを追加するだけです。CSSはWordPress管理画面の「外観」＞「カスタマイズ」＞「追加CSS」、または子テーマの style.css に追記してください。
確認範囲と未確認の点：WordPress 7.1系・SWELL・Snow Monkey Forms環境でのCSS構造を基準としています。テーマ独自のフォームスタイルや他プラグインによる干渉、すべての端末幅での外観崩れがないかは実機での確認が必要です。元に戻す場合は、追加したCSSを削除してください。
この記事だけ読みたい方は単品購入、ほかの有料記事も読みたい方は購読プランをご確認ください。
購読対象の記事・料金は、下のプラン案内で確認できます。
役に立った記事を、ブログやSNSで紹介しませんか？
紹介制度の対象記事・購読プランを購入した方は、codocで専用リンクと報酬条件を確認できます。
専用リンク経由で購入されると、設定された紹介報酬が発生します。
購読プランの紹介報酬は初回課金のみが対象です。
紹介時は、広告・PRであることが読者に分かるように明記してください。
