拡張パーツ ＞ お問い合わせフォーム
設定したメール宛に送信できる、ベーシックなお問合せフォームを構築するパーツです。
用意された記入項目は多くはありませんが、必要なものを選択設定するだけで、簡単にお問い合わせページの準備と導入ができます。
使用例（実際には機能しません）
一般設定
受信するメールアドレス
フォームから送信されたお問い合わせ内容を、受信するためのメールアドレスを入力します。未記入のままですとWebサイトの管理会社宛に送信されてしまいます。
名前記入欄
名前を記入する欄の表示・非表示を設定します。
件名
何についてのお問い合わせかを記入する欄の表示・非表示を設定します。
メールアドレス
送信者のメールアドレス記入欄の表示・非表示を設定します。できるだけ表示したほうがよいでしょう。
お電話
送信者の電話番号記入欄です。表示・非表示を設定します。
送信後
送信完了後の動作
- なし → 送信が完了しても何も起きません。
- 以下のメッセージを表示 → 選択すると文章入力欄が現れますので、送信した際に表示させたいメッセージを作成しておきます。
- 指定ページへ移動 → 送信完了後に指定した別のページに移動させることができます。選択すると表示される「処理完了移動ページURL」に移動先ページのURLを入力します。
ボタン
ボタン上の文字
ボタン上に表示する文字内容を入力します。
ボタン内アイコン
ボタン上にアイコンを加えたい場合に、リストから選択できます。
アイコンの位置
文字内容に対してのアイコン表示位置を選択します。
アイコン表示状態
- 常に表示→ボタン上にアイコンをずっと表示します。
- マウスオーバー時にフェードイン→マウスポインターを重ねるとアイコンが表示されます。
ボタンの色
背景色
ボタン自体の色を指定します。指定しなければ、ホームページの全体設定に準じた色になります。
また、ここで色を設定することで、下に「ボタンのスタイル」の設定欄が出現します。
マウスオーバー時の背景色
マウスポインターを重ねた際にボタンの色を変化させる場合に設定します。
文字色
文字の色を設定します。
マウスオーバー時の文字色
マウスポインターを重ねた際に文字色を変化させる場合に設定します。
ボタンのスタイル（上で背景色を指定すると表示）
スタイル
以上の中からボタンの形状を選択できます。
フラット
簡易グラデーション
エッジ線
表示入れ替わり効果
ボタンにマウスポインターを重ねた際の変化のさせ方を設定します。
- 無効 → 段階なく切り替わります
- 有効 → 切り替わりに視覚効果が加わります。
ボタンの構造設定
表示幅の設定
ボタンの表示幅を選択します。
- 自動設定 → 文字数に合わせたサイズで表示されます。
- 全幅表示 → お問い合わせフォームの幅に合わせて表示されます。
表示位置合わせ
フォーム内でのボタンの位置を設定します。
文字サイズ
ボタン上の文字サイズを調整します。
余白設定
文字の周りにどのぐらいの余白をつくるかを調整します。
角丸
ボタンの角の形状を調整します。（0にすると角は直角になります）