新旧エディターSitemapメインサイトへほぼほぼ完成です。72019/03/12メールフォームを完成させましょう。7」というプラグインを使います。プラグインはWordPressと連動している補助ソフト(アプリ)といった感じのものです。ここでは同時にプラグインの入れ方も紹介します。〈1〉プラグインをクリックダッシュボードから「プラグイン>インストール済みプラグイン」をクリック。(プラグインだけでも同じ画面です。7』という文字列をコピペで入れて下さい。7』が表示されるので、今すぐインストールをクリックして、有効化をクリックします。7』が追加されています。〈5〉お問い合わせダッシュボードに「お問い合わせ」という項目が追加になりました。クリックすると下図のように表示されます。コンタクトフォーム1をクリックしてみて下さい。〈6〉コンタクトフォーム1この『コンタクトフォーム1』というのはフォームのデモページのようなものです。クリックしても同じものからスタートします。最初は『フォーム』(ピンク下線)という項目が表示されます。ピンク枠のメールフォームのパーツを作成する項目です。メールフォームが完成したら、赤枠内の文字列をコピーして、固定ページで作成しておいた『お問い合わせメールフォーム(contact)』の本文エリアにペーストします。下が加工前の『コンタクトフォーム1』です。必要最低限は揃ってますね。お客様のお電話番号やご住所等も入れていただきたい場合も有りますよね。〈7〉再度、コンタクトフォーム1もう一度『コンタクトフォーム1』を出して下さい。基本のパーツはそのまま改行で少し下に移動してもらって、カーソルを本文エリアのトップに持って来て下さい。お電話番号を追加してみます。ボタンをクリックです。下のような画面が表示されます。名前は自動生成されます。タグを挿入をクリックします。赤枠が挿入されたフォームタグです。(必須)』と比べれば黄色部分の『<label>』『</label>』が無いですね。あとで加工するので、他のタグも追加しましょう。ボタンで住所タグを生成します。ボタンでお問い合わせ種別を生成します。(ラジオボタン、メニューも同じ方法です。)ピンク枠のように選択項目を1行に1つずつ入力します。色分けしてみましたが、以下のようになりました。※テキストやチェックボックス等、もっと追加したい場合も同様の手順ですが、生成ボタンを押すと『text-748』という風に同じ数字が出る場合があります。その場合は、名前:『text-749』という風に変えましょう。(必須)』を設定しました。(必須)』だけ『<label>』『</label>』の位置が違います。チェックボックス、ラジオボタン、メニュー等の選択項目の有るものは、タイトルだけをラベルで囲みます。〈12〉フォームを調整このまま、この『コンタクトフォーム1』で作業を続行しても全然OKです。メールフォームを使用しています。『コンタクトフォーム1』でも『新規追加』でもどちらでも同じですが、下図のように赤下線のタイトルを変更/入力して、ピンク枠の内容を調整します。相性が悪いため外しました。その代用として承諾確認ボタンを利用しています。上図の赤丸の位置に承諾確認を入れます。フォーム生成窓は以下のような感じです。同意条件にコメントを入れて、オプションのチェックを外しておくと、メールフォームページではチェックしないと送信ボタンが押せない設定になります。この段階で一旦、保存しましょう。「フォーム」が完成しました。ここで一度保存しておきましょう。次は「メール」という項目の作成です。メールをクリックして下さい。初期設定では下図のようになっています。この「メール」は管理者(あなた)宛てのメールです。あなたのメールアドレス→このままでいいですよね。別のメアドに変更もOKです。なっているのは送信者(お客様等)のことです。7」で自動生成されるメアドです。このまま放置してもいいですし、削除してもOKです。>を付けて別のメアドに変更はできません。(わたしはサーバーでこのメアドを作成しました。“[your-subject]”→「フォーム」で『題名』をそのまま使用する場合はこのままでOKです。お問い合わせ』に変えました。あなたのメールアドレス』に変えました。お問い合わせフォームから送信されました』の部分だけ使います。「フォーム」に戻って下図のように本文の水色部分だけをコピーします。お問い合わせフォームから送信されました』の上の行にペースト(貼り付け)します。ペーストしたのが下図ですが、このままでは使えません。水色マーカーの「メールタグ」に加工します。黄色マーカー部分のラベルを削除して、水色タグの形になるようにタグの不要部分を削除します。完成したのがこちらです。「メールタグ」の配置を整えて、緑マーカーのように[:]等を追加して、ピンクマーカーのような自分宛の言葉を追加します。※次に送信者(お客様)宛の『自動返信メール』を作成します。上のメッセージ本文を全文コピーしておきます。(2)」画面が表示されます。(2)」メッセージ本文(画像は一部省略加工しています。ペーストしてしまいましょう。送信者(お客様)宛の自動返信の挨拶文に書き換えます。(2)」他の項目こんな感じでどうでしょうか。お客様へ表示されるメールアドレスです。自動返信なので、メインのメアドでは無いものが無難な気がします。〈18〉メールフォーム完成これで完成です。赤下線のショートコードをコピーします。固定ページで作成しておいた『お問い合わせメールフォーム(contact)』の本文エリアにペーストします。コードエディターの方が簡単だと思います。(画像のコードは少し違っています。