こんばんわ。
wordpressのフォームを企業のお問い合わせのようにカッコよくカスタマイズしたいです。
ネットで調べると、contact form7のカスタマイズについてのサイトがたくさん出てきますが、今回質問したいのはカスタマイズの方法ではなく、使うテーマによってはcontactform7のカスタマイズができるのか否かという質問です。私が使ったテーマはTwenty SixteenとTwenty Twelveです。前者はcssが効かず後者はcssが効きました。普通style.cssにcontact form7のcssを書けば効くはずですが、効かないので使うテーマによって違うのかなと思い質問しました。
tableタグを入れてもcontact formはtableになりません。
twenty Sixteenはtableタグを入れるとtableになります。twenty twelveに入れたコードをそのままtwenty Sixteenに入れただけです。
私はtableタグをcontact form 7に直接書いたのですが、これはまずいでしょうか?
twenty Sixteenは直接書いてtableになったのですが・・・
style.cssに書くほうがいいんでしょうか?
参考のサイトはこれです。
コードを表示します。
あまり、手をつけていないコードです。
html
1<table class="table1"> 2 <tr> 3 <th>お名前</th> 4 <td>[Text* your-name watermark"例:山田 太郎"] </td> 5 </tr> 6 <tr> 7 メールアドレス</th> 8 <td>[email* your-email watermark"例:×××@×××.com"]</td> 9 </tr> 10 <tr> 11 <th>郵便番号</th> 12 <td>[Text* zip id:zip watermark"例:840-0015"] </td> 13 </tr> 14 <tr> 15 <th>ご住所</th> 16 <td>[Text* addr id:addr watermark"例:佐賀市木原2丁目25-10 UTビル2F東号室"]</td> 17 </tr> 18 <tr> 19 <th>お電話番号</th> 20 <td>[Text* text-17 watermark"例:0952-60-6240"]</td> 21 </tr> 22 <tr> 23 <th>メッセージ本文</th> 24 <td>[textarea* your-message watermark"業種・目的・デザインイメージなど"]</td> 25 </tr> 26</table> 27
css
1 2table.table1{ 3width: 100%; 4color: #444; 5text-align: left; 6margin: 0 auto; 7}
回答2件
あなたの回答
tips
プレビュー