ようこそゲストさん

Recny

メッセージ欄

2014年1月の日記

一覧で表示する

2014/01/12(日) WordPressのContact Form 7

PC関連::雑記
最近、仕事でWordPressを導入することに。
参考書としては、

を購入しました。かなり分かりやすいのでオススメです。この本を購入した特典として、biz-vektor NEATプラグインをダウンロードできる(貰える)のですが、
このプラグインと、Contact Form 7を組み合わせたときにフォームの概観がそろいません。

具体的には、Contact Form 7 の電話番号(type="tel")、メールアドレス(type="email")にスタイルシートが適用されず
標準的な概観(枠)になります。それを統一する方法として、 biz-vektor-neat/css/neat.css 内の
input[type="text"], input[type="password"], textarea { background: #f9f9f9; border: 1px solid #cccccc; padding: 2px; font-size: 12px; box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1); }
の先頭に「.wpcf7-form-control」を追加して、
.wpcf7-form-control, input[type="text"], input[type="password"], textarea { background: #f9f9f9; border: 1px solid #cccccc; padding: 2px; font-size: 12px; box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1); }
としただけ。ただし、NEATプラグインがアップデートしたら上書きされてしまうので注意。

以上、メモでした。