プラグイン追加【固定ページのお問い合わせ】を作成

固定ページ【ホーム・プロフィール・アクセス・お問い合わせ】を作成 プラグイン追加【固定ページのお問い合わせ】を作成

固定ページ(メニューバーのホームやお問い合わせ)を作る

1.ワードプレスのダッシュボード画面から始めます

2.固定ページをクリックします

新規追加をクリック

新規追加をクリックします

1.お問い合わせと入力
2.下書き保存をクリック
3.Wをクリックしてダッシュボードに戻ります

1.タイトルにお問い合わせと入力
2.下書き保存をクリック
3.Wをクリックしてダッシュボードに戻ります

1.固定ページに戻るとお問い合わせが下書きになっているのがわかります

1.固定ページに戻ると
お問い合わせが下書きになっているのがわかります

1.お問い合わせのプラグインを入れていきます
プラグインをクリック

1.お問い合わせのプラグインを入れていきます
プラグインをクリック

1.新規追加をクリック

1.新規追加をクリック

入力ホームをいれていきます
1.人気をクリック

入力ホームをいれていきます
1.人気をクリック

下にスクロールさせて
Contact Form 7という
富士さんのマークを探して下さい
1.今すぐインストールをクリック

下にスクロールさせて
Contact Form 7という
富士さんのマークを探して下さい
1.今すぐインストールをクリック

1.有効化をクリック

1.有効化をクリック

1.お問い合わせをクリック

青く表示されているのが
お問い合わせフォームのプラグインです
1.お問い合わせをクリック

1.コンタクトフォーム1をクリック

1.コンタクトフォーム1をクリック

1.コンタクトフォーム1となっているのを→お問い合わせと変えます

1.コンタクトフォーム1となっているのを→
お問い合わせと変えます

1.保存をクリック

1.保存をクリック

1.<p class="wpcf7-contact-form-not-found"><strong>エラー:</strong> コンタクトフォームが見つかりません。</p>の部分をクリックしてコピー(右クリックしてコピー)してください

<p class="wpcf7-contact-form-not-found"><strong>エラー:</strong> コンタクトフォームが見つかりません。</p>をコピーします

↑このコードをコピーして下さい

上のコードをクリックして
コピー(右クリックしてコピー)してください

1.コピーができたら固定ページをクリック

1.コピーができたら
固定ページをクリック

1.お問い合わせをクリック

1.お問い合わせをクリック

1.先ほどコピーしたショートコードを入力

<p class="wpcf7-contact-form-not-found"><strong>エラー:</strong> コンタクトフォームが見つかりません。</p>をコピーします

↑このコードを貼り付けます

1.先ほどコピーした
ショートコードを貼り付けます

1.公開をクリック

1.公開をクリック

2.公開するを再度クリック

確認の為、公開するが2回出ますので、
2回公開するをクリックしてください

プレビューで見てみるとお問い合わせが出来ています

プレビューで見てみると
お問い合わせが出来ています

ユーザーの方が氏名などを入力して
下の送信をクリックすると
設定しているメールアドレスにメールが届くようになりました

次は自分のサイトに使いやすく変えていきます

今回は題名という項目がいらないので削除していきます

自分のサイトにとって必要ないと思う項目を削除してみてください

プラスしたい項目は次にやります

ます削除から行います

左上のサイト名をクリックして管理画面に戻って下さい

お問い合わせをクリック

お問い合わせをクリック

お問い合わせをクリック

お問い合わせをクリック

題名など必要ないものは消します

題名など必要ないものは消します

<label>題名・・・・・</label>
まですべて削除してください

必要ないものを消すと保存をクリック

必要ないものを消すと保存をクリック

ヘッダーにお問い合わせを追加して表示させる

ここまでで固定ページではお問い合わせが作られましたが、
ヘッダー部分(サイトの一番上の分かりやすい分部)にお問い合わせが表示されていませんので表示させていきます

管理画面(ダッシュボード)から追加していきます

外観のメニューをクリック

外観のメニューをクリック

1.すべて表示をクリック
2.お問い合わせに✅チェックを入れメニューに追加をクリック

1.すべて表示をクリック
2.お問い合わせに✅チェックを入れ
メニューに追加をクリック

右下のメニューを保存をクリック

メニューを保存をクリック

サイトのヘッダー部分にお問い合わせが追加されました

左上のサイト名を
クリック
して
サイトを表示させてみて下さい

サイトのヘッダー部分に
お問い合わせが追加されました

次に自分のサイトにとって必要だと思う項目を追加してみます

プラスしたい項目は名前のフリガナや、
電話番号などお問い合わせがきた時に必要だと思うものです

今回は電話番号を追加していきます

管理画面(ダッシュボード)からしていきます

お問い合わせをクリック

お問い合わせをクリック

お問い合わせをクリック

お問い合わせをクリック

この場所に電話番号を追加したいと思うのでEnterキーなどで空白を作ってください

この場所に電話番号を追加したいと思うので
Enterキーなどで空白を作ってください

テキストをクリック

テキストをクリック

この画面がでます

この画面がでます

1.名前をtel または 電話番号などに変えます
2.電話番号を入力必須にしたい場合は必須にチェックを入れて下さい(任意ではなく必須になります)
3.タグを挿入をクリック

1.名前をtel 
または 電話番号などに変えます


2.電話番号を入力必須にしたい場合は
必須にチェックを入れて下さい
(任意ではなく必須になります)


3.タグを挿入をクリック

<label>メールアドレス  [email* your-email autocomplete:email]</label>の部分をコピーします

メールアドレス 

 [email* your-email autocomplete:email]の部分を

コピーします

メールアドレス  [email* your-email autocomplete:email]の下に同じメールアドレス  [email* your-email autocomplete:email]を貼り付けます

メールアドレス

  [email* your-email autocomplete:email]の下

[text* tel]の上に

先ほどコピーした 

 [email* your-email autocomplete:email]を貼り付けます

1. メールアドレスの部分を電話番号に変えて
 2. [text* tel]をコピーして
[email* your-email autocomplete:email]の部分を[text* tel]に変えます

1. メールアドレスの部分を

→電話番号に変えて


2.[text* tel]をコピーして

 [email* your-email autocomplete:email]の部分を
→[text* tel]に変えます

保存をクリック

保存をクリック

左上のサイト名をクリックしてサイト表示してみて下さい。電話番号が追加されました

左上の
サイト名をクリックして
サイト表示してみて下さい
電話番号が追加されました

次は、メールで送ったのが、メールで送られてる設定をしていきます

お問い合わせをクリック

管理画面(ダッシュボード)に戻ってください
お問い合わせをクリック

お問い合わせをクリック

お問い合わせをクリック

メールをクリック

メールをクリック

差出人の下に電話番号:[tel]と入力

少し下にスクロールさせると
メッセージ本文があります

これはユーザーの方からメールがとどくと
この順番
(差出人の名前とメールアドレスが一番上で
次に電話番号という順番)
でメールが届く内容です


差出人の下に

電話番号:[tel]と入力してください

題名の下のほうが見やすい場合は題名の下など
自分が一番見やすい位置に入力したください

保存をクリック

保存をクリックでメール設定完了です

実際にメールが届くか送ってみましょう
サイト表示させて、お問い合わせから送ってみてください

実際にメールが届くか
送ってみましょう
サイト表示させて、
お問い合わせから送ってみてください

メールが送られるとメッセージは送信されました。とでます
必須科目を入力しないとメッセージは送信されません

メールが送られると
メッセージは送信されました。とでます
必須科目を入力しないと
「入力内容に問題があります。
確認して再度お試しください。」
と表示され
メッセージは送信されません

次に固定ページのアドレスが
日本語のままになっているのを変更していきます

固定ページのアドレスが日本語のままになっているのを英語に変更していきます
サイト名をクリックしてダッシュびボードに戻り、固定ページをクリック

サイト名をクリックしてダッシュびボードに戻り、固定ページをクリック

アクセスから変更していきます
アクセスをクリック

アクセスから変更していきます
アクセスをクリック

URLをクリック

URLをクリック

URLの下にパーマリンクがでるのでaccessと英語入力してください

URLの下に
パーマリンクがでるので
accessと英語入力してください

上のURLも同時にaccessと変更されたのが分かると思います

更新をクリック

更新をクリック

サイトもひらいてみてください
左上のアドレスも
https://自分のサイト名/accessと変更されています

この手順で固定ページのアドレスを英語表記に変更してください

コメント

タイトルとURLをコピーしました