vestall

There are no facts, only interpretations.

『dTVチャンネル』月額780円(税抜)で31の専門チャンネル見放題！ 初回31日間無料 ＜詳しくはこちら＞
NEW ARTICLE
‘疑似要素’＋’animation’＋’display: none;’ で条件が重なると Chrome（115以降）がおかしくなる（たぶんバグなんじゃないかな～）

WordPress

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

コーディング HTML、CSS及びJavaScript関連のイメージ画像

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

続きを読む
Advertisement

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

コーディング HTML、CSS及びJavaScript関連のイメージ画像

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

続きを読む

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

コーディング HTML、CSS及びJavaScript関連のイメージ画像

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

続きを読む

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

コーディング HTML、CSS及びJavaScript関連のイメージ画像

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

続きを読む

WordPressのテーマ「Cocoon」でグローバルナビ（メニュー）にページ内リンクと通常のリンクを混在させる

コンピュータ コーディング WordPress関連のイメージ画像

トップページにほぼ全てのコンテンツを集約し、更新頻度の高いカテゴリーだけを別ページに。しかしそこで問題になるのが、グローバルナビ（メニュー）のリンク。デフォルトではグローバルナビ（メニュー）にページ内リンクと通常のリンクが混在する事は（たぶん）想定していないため、そこをちょこっとカスタマイズ。

続きを読む