※ 項目変更の必要がない場合、このページの作業は不要です。

※ お問い合わせ(メール)フォームの編集画面を開いた状態から作業を開始します。
お問い合わせ(メール)フォームの編集画面の開き方はこちらのSTEP1~STEP2をご参照下さい。

項目の選択方法

選択したい項目の何もない部分をクリックすると、項目の行全体が選択できます。

選択範囲付近にボタンのセットが表示されますので
左から2番目にitem-dashicon.png(フォームのアイテム)が表示されていることを確認してください。

del-select.png

※ 左から2番目に異なるアイコンが表示されている場合は選択しなおしてください。

項目を減らしたい場合

STEP1:減らしたい項目を選択

項目付近に表示されるボタンの左から2番目がitem-dashicon.pngになっていることを確認してください。
アイコンが異なる場合は項目の選択方法を参考に選択しなおしてください。

STEP2:右端のボタンをクリックし、表示されたメニューから「項目を削除」をクリック

delete-row.png

STEP3:画面右上の「更新」ボタンをクリック

項目の内容を変更したい場合

STEP1:変更したい項目のラベル(表示名)をクリックし、書き換え

edit-label.png

ラベル下の「説明」欄をクリックすると、簡単な説明分を入力できます。
(この説明文は確認画面でも表示されますので、入力画面のみで表示させたい説明文はSTEP4の入力欄の説明欄をご使用ください。)

STEP2:必須アイコンの有無を変更

変更したい項目を選択し、画面右の「高度な設定」をクリックすると「追加CSSクラス」欄が表示されます。
必須ラベルを表示するにはここに「hissu」と入力、ラベルが不要ならhissuの文字を削除してください。

※ この設定は必須アイコンを表示するだけで、実際に入力チェックをするかどうかはSTEP4での作業が必要です。

hissu_label.png

STEP3:入力欄の種類の変更

入力欄を削除し、別の種類の入力欄を追加します。

まず、変更したい入力欄をクリックして選択します。
選択した入力欄の上にボタンのセットが表示されます。
(左から2番目のボタンは選択したパーツによって異なります)

右端のボタンをクリックして表示されるメニューから「〇〇を削除」をクリックします。
(〇〇の部分は選択したパーツによって異なります)

delete-item.png

空になった部分をクリックすると右端にプラスボタンが表示されます。
プラスボタンをクリックし、検索ボックスに「snow」と入力後、「すべて表示」ボタンをクリックします。

add_parts.png

画面の左端に表示されるフォーム用のパーツ一覧から使用したいものをクリックすると、フォームに入力欄が追加されます。
new_parts.png

テキスト 1行のテキスト用
email メールアドレス用
Tel 電話番号用
URL WEBサイトのURL用
テキストエリア 複数行のテキスト用
ラジオボタン 1つだけを選ぶことができる選択肢
チェックボックス 複数を選ぶことができる選択肢
セレクトボックス ドロップダウンから1つ選ぶことができる選択肢
ファイル ファイル送信用。フォームから写真などを受け取る場合に使用。

STEP4:入力欄の設定変更

変更したい入力欄をクリックすると画面右側に設定画面が表示されます。
※ 設定画面が表示されていない場合は、画面右上のinit-icon.pngボタンで表示/非表示を切り替えてください。

text-init.png

確認・入力が必要な項目は下記のとおりです。
※設定項目は入力欄の種類によって異なります

バリデーション 必須かどうか
name 項目名。
自動送信メール内で項目名として使用するため、STEP1で設定済みの項目名と同じにすることをお勧めします。
※ ほかの入力欄と重複しない名前を設定してください
options

options.png

選択肢のリスト。1行に1つの選択肢を記入。
"apple" : "りんご"
のように書くと自動送信メールには「apple」、フォーム画面には「りんご」が表示される。

説明 入力画面で入力欄の下に表示されるテキスト。
確認画面では非表示。

STEP5:画面右上の「更新」ボタンをクリック

項目を増やしたい場合

STEP1:条件(必須の有無や入力欄の種類など)が近い項目を選択

複製して使用しますので、追加したい項目と似ているものを選択することで編集作業を減らすことができます。

STEP2:右端のボタンをクリックし、表示されたメニューから「複製」をクリック

copy-from.png

同じ項目が2つ並んだ状態になります。
下にある方が追加された項目です。

copy.png

STEP3:項目を移動

左から3番目のupdown.pngボタンで、使用したい位置に移動させます。

STEP4:ラベル(項目名)や入力欄を編集

手順は【2】項目の内容を変更したい場合をご参照下さい。

STEP5:画面右上の「更新」ボタンをクリック

以上でお問い合わせ(メール)フォーム項目の編集は終了です。

この記事は役に立ちましたか?
2人中2人がこの記事が役に立ったと言っています