2019年12月

WordPressのプラグイン「Contact Form 7」で出力されたフォームをちょっとカスタマイズ──その④

コーディング

• 2019-12-11
• WordPress, HTML & CSS & JavaScript

チャックボックス、ラジオボタンの文字列をlabelタグとspanタグを巧く使う事で「ボタン化」し、より分かりやすく、スマホでもタップしやすいデザインに変更する。WordPressでContact Form 7を利用する場合は「use_label_element」を忘れずに！

続きを読む

WordPressのプラグイン「Contact Form 7」で出力されたフォームをちょっとカスタマイズ──その③

コーディング

• 2019-12-08
• WordPress, HTML & CSS & JavaScript

セレクト項目の文字色に関して最初の「選択してください」については、テキストインプット部分やテキストエリアの入力見本の文字色のようにうっすらと見える風にして、別の文字列が選択されたらハッキリとした通常の文字色にしたいでしょう、そうでしょう。というのがこのカスタマイズの出発点。

続きを読む

WordPressのプラグイン「Contact Form 7」で出力されたフォームをちょっとカスタマイズ──その②

コーディング

• 2019-12-07
• WordPress, HTML & CSS & JavaScript

入力する郵便番号は、全角・半角の数字、ハイフン（全角・半角）の有無など想定できる入力状況全てで自動入力は反応してくれる。漢数字、ローマ数字は無理だけどw　厳密さを求めるのなら、別途JavaScriptなどで文字列を成形する必要があるだろう。

続きを読む

WordPressのプラグイン「Contact Form 7」で出力されたフォームをちょっとカスタマイズ──その①

コーディング

• 2019-12-07
• WordPress, HTML & CSS & JavaScript

WordPressで構築したサイトにプラグインの「Contact Form 7」を使ってメールフォームを設置した際の備忘録を複数回に分けて記事に。今回はplaceholder（プレースホルダ）の設定でブラウザ間でバラツキのある文字色を統一する。

続きを読む