Inquiryのフォームデザインをカスタマイズするときのちょとしたコツこんにちわ。Inquiryのデザインカスタマイズについて。Inquiryのフォームカスタマイズのちょっとしたコツをご紹介します。Inquiryのインストールや設定の仕方は、下記をご覧くださいね。いう3つのスタイルテンプレートが用意されていて、Inquiryの設定画面で選択することができます。テンプレートを使いカスタマイズをしました。フォルダ名を変更しておきます。(フォーム出力のためのファイル)style.php(フォーム用のCSSファイル)という4つのPHPファイルが入っています。少々面倒ですが参考にしてみてください。選び、SOYCMS側でお問い合わせフォームを設置するページに連携タグを挿入したら一度保存。それからブラウザでプレビューしてみます。デフォルトのフォームはこんな感じ。ソースを表示して、フォームの出力タグの部分をコピー。お問い合わせページのHTMLソースをDreamweaverなどで開き、フォーム部分にタグを貼り付けます。内容確認画面や送信完了画面についても同じように。内容確認画面のソースは、入力内容の確認ボタンを押した後に表示されるページ。送信完了画面は送信ボタンを押した後のページです。各ページを開いたままソースをコピーして、HTMLに貼り付けましょう。スタイルが記述されています。このコードをCSSファイルとして保存したものです。サイトのスタイルシートのリンク先と同じ個所に保存してヘッダーでリンクさせましょう。このようにすれば、オーサリングソフトで確認しながらデザインを変更することが可能になります。面倒ですが、細部までこだわり方には便利な方法です。フォームのレイアウトを変更する出力されるフォームのタグのスタイルを変更することはできました。違うクラス名を追加したり、レイアウトを変えたいときはどうしたら良いでしょうか・・・?そんなときは各出力ファイルを修正します。(フォーム出力のためのファイル)phpに慣れている方なら、大幅な変更も可能ですので挑戦してみてくださいね。修正済のテンプレートを適用するすべてのファイルの設定が済んだら、フォルダごと、元の場所にアップロードします。/SOYCMSインストールフォルダ/app/webapp/inquiry/src/templateデザインの確認用にCSSにとしてリンクしていたスタイルシートは、元のPHPにコピーしてアップロードするのが本来の使い方なのでしょうけれど、そのままスタイルシートとして使用した方が、後で修正したくなった時に便利なことを発見^。Inquiryの設定画面に戻り、デザイン設定のところでアップロードしたフォルダ名のテンプレートを選択し、スタイルシートを読み込むのチェックを外します。これで、修正済のテンプレートが適用され、PHPの方のスタイルではなく、HTML側でリンクしているCSSが読み込まれるようになりました。ブラウザでプレビューして、きちんとデザインが反映されているかを確認してみてくださいね。