Posted by Hana on March 18, 2010 at 9:02pm
Drupal超初心者からの質問です。
サイトに問い合せフォームが必要なので、WEBフォームモジュールを使っています。
見た目のデザインがいまひとつなので、直したいのですが、その方法がわかりません。
どこをいじればデザイン等変更できるのでしょうか？
超・超・初心者なのですが、必要に迫られています。なるべく詳しく教えていただけると助かります。
WEBフォームの見た目を変えるにはどうすれば良いですか？
Comments
ご参考まで
Web フォーム特有の話題ではありませんが，
http://groups.drupal.org/node/56708
で同様のことが話し合われていますよ。
ご参考まで。
Aki Iwata
FOREST & trees
Webフォームテンプレートは同じように使用できますが、We
Webフォームテンプレートは同じように使用できますが、WebフォームのArrayがかなり読みにくいと思います。でもテンプレートを使用するのはもっとFlexible（フレクシバール？）ですの、PHPが詳しいならぜひトライしてください。
Webフォームのフォルダからweb-form.tpl.phpファイルをテーマのフォルダにコピーして名前をweb-form-[node_id].tpl.phpに変更する。（例：web-form-158.tpl.php) それでテンプレートの内容を調整する。
多分一番簡単なのはFirefoxのFirebugプラグイン
多分一番簡単なのはFirefoxのFirebugプラグインを使ってフォームのクラスを調べたらCSSを調整するのです。
たとえば私のフォームはFirebugで見ると下記のコードがあります。
<div class="webform-component-textfield" id="webform-component-name"><div class="form-item" id="edit-submitted-name-wrapper">
<label for="edit-submitted-name">
First and Last name:
<span class="form-required" title="This field is required.">*</span>
</label
<input type="text" maxlength="128" name="submitted[name]" id="edit-submitted-name" size="60" value="" class="form-text required" />
</div>
それでラベルをインラインにしたいなら下記のCSSを使います。
#webform-component-name .form-item label {display: inline;
}
このようにしたら簡単にデザインを調整できます、頑張ってください。
ご回答ありがとうございます。
お返事おそくなりまして申し訳ありません。
こちらで教えていただいたこと、勉強しつつ実践してみたいと思います。
壁にぶつかってばかりなので、ご質問させていただくこと多々あるかと思いますが、よろしくお願いします。