A-Formプラグイン設定編(フォーム作成編)

A-Formプラグイン設定編(フォーム作成編)

A-Formプラグインを利用して、問い合わせ用のフォームを作成してみよう!

クリックするだけで、入力フォームが完成するので凄く便利です。

1.A-Form

A-Formをクリック。

2.フォームの一覧

新しいフォームを作成します。

フォームの一覧

適切なフォーム名を入力して、保存。

3.フォーム編集

フォームに設定する項目を定番パーツ、基本パーツから追加します。

フォーム編集

追加したいパーツをクリックするだけ!

追加項目

今回追加した項目

名前 基本パーツからテキスト
メールアドレス 定番パーツからメールアドレス
問い合わせ内容 基本パーツから複数行テキスト

あとは追加した項目を任意入力にするか必須項目にするか等、細かい部分を設定して、設定を保存。

設定完了後保存

4.公開状態

初期設定では、非公開になっているので、公開するに変更。

公開状態

5.詳細設定

詳細設定に切り替えて、使用するメールアドレスや送信完了時の動作などを設定します。

詳細設定

6.テンプレート編集

テンプレート内で使用されている下記のタグに属性を追加します。

追加する属性は下記です。

ダッシュボードのショートカットの検索/置換えを使うと楽です!

シュートカット

7.記事投稿

フォームを表示させたい場所に下記を挿入し、ブログ記事のフォーマットを「なし」または「改行」で投稿します。

XXXの所は、フォームIDです。

今回の例ですと001です。

記事の投稿ではなく、ウェブページを作成して同様に上記をフォームを表示させたい場所に挿入することも出来ます。

これで、A-Formプラグインの設定(フォーム作成)は完了です。

ただテンプレートセットが既定のブログ(デフォルト)でなかったり、テンプレートをカスタマイズしていたりしている場合ではデザイン面で不都合が生じることもあります。

現在、当サイトで使用している賢威では、フォーム内容の送受信自体は問題なく行えますが、デザイン的には少し見づらい状態になっています。

現状を改善するには、pluginsフォルダ/AFormフォルダ/tmplフォルダ内の以下のファイルを編集する必要があります。

aform_confirm.tmpl(確認画面)
aform_error.tmpl(エラー画面)
aform_finish.tmpl(完了画面)



この記事が参考になったら!
↓クリック↓
人気ブログランキングへ

2010年1月 9日|コメント (0)

カテゴリー:Movable Type(MTOS)プラグイン

コメントを投稿する

(初めてのコメントの時は、コメントが表示されるためにこのブログのオーナーの承認が必要になることがあります。承認されるまでコメントは表示されませんのでしばらくお待ちください)





▼文字の入力は、投稿時のみ入力でOK!
入力内容を確認(プレビュー)する時は不要。


画像の中に見える文字を入力してください。