知り合いWebデザイナーさんのお手伝いができるようにWordPressを勉強中です。
問合せフォームを作ってみてという事で作りました。手順をまとめておきます。
①固定ページとして問合せ画面を作成
■固定ページ→新規追加
問合せ画面を作成（以下、参考手順）
タイトル：お問い合わせフォーム
公開状態：公開→非公開→「今すぐ非公開で投稿しますか？」→OK
②プラグイン「Contact Form7」インストール
■管理画面にて、プラグイン→新規追加→キーワードに「Contact Form」を入力してEnterキー押下
■検索結果にある「Contact Form7」(ロゴが富士山)の「今すぐインストール」ボタンをクリック→★クリックしたボタンが「有効化」のボタンに変わるまで待つ。
■「有効化」ボタンをクリック→しばらくすると画面が切り替わり「プラグインを有効化しました。」と画面上部に表示される
③ショートコードを画面に張り付け
■左側の管理メニューに「お問い合わせ」が追加されているので、
お問い合わせ→コンタクトフォーム
■「ショートコード」の下に表示されているコード↓
[contact-form-7 id=”157″ title=”コンタクトフォーム ・・・
を問合せページに張り付けるためにコピーする。
■固定ページ→固定ページ一覧
①で作成した問合せ画面の「編集」のリンクをクリック
タイトルの下のエリアにサンプルメッセージが記載されているのでコピーした内容を貼り付けることで置き換える。
更新→プレビューで確認 ↓初期フォームでこんなものが作れました。
※確認のために各項目を入力して送信したところ、正常にメールが受信できました。
公式サイト
使い方 | Contact Form 7 [日本語]
contactform7.com
コメント