SWELLでお問い合わせフォームを
作りたいけどやり方がわからない…
この記事ではSWELLでのお問い合わせフォームの作リ方から、お問い合わせフォームへのリンクをヘッダーメニューに追加する方法を解説します。
目次
お問い合わせフォームの作り方
プラグインをインストールする
- 検索キーワードに「wpforms」と入力します。
- 赤枠のプラグインの「今すぐインストール」をクリックしてインストールします。
- インストール完了後、「有効化」をクリックしてプラグインを利用できる状態にします。
WPForms でフォームを作成する
プラグインをインストールして有効化すると、以下の画面が表示されます。
「最初のフォームを作成」をクリックします。
- フォーム名に「お問い合わせ」と入力します。
- 次に、Simple Contact Form（簡単なお問い合わせ）をクリックします。(なぜか日本語翻訳が中途半端になっていました…)
以下の画面に移動します。
右側のプレビューと同じように項目名などを編集していきます。
- 項目名を編集するときはプレビュー画面で修正したい項目（赤枠の部分）をクリックします。
- プレビューの左側にある「ラベル」で好きな項目名を入力します。
次にボタンの名前を修正します。
- 一番左のメニューにある「設定」をクリックします。
- 赤枠の部分に「送信ボタンのテキスト」と「送信ボタンの処理中テキスト」があるので、好きなボタン名に変更します。
- 最後に「保存」ボタンをクリックして変更を保存します。
- 「×」ボタンをクリックしてダッシュボードに戻ります。
お問い合わせフォームを設置する
ショートコードを取得する
WPFormsの作成が終わってダッシュボードに戻ると以下のような一覧画面にお問い合わせフォームが追加されています。
一覧にある「ショートコード」をコピーします。
固定ページを作成する
お問い合わせフォームを表示させる固定ページを作成します。
- メニューから「固定ページ」をクリックします。
- 次に「新規追加」をクリックします。
ブログ新規作成の画面と同じ画面が表示されます。
- タイトルに「お問い合わせ」と入力します。
- 本文に先ほど取得した「ショートコード」を貼り付けます。
- 最後に右上の「公開」ボタンをクリックします。
ブログのメニューにお問い合わせを追加する
画面上部にある「カスタマイズ」をクリックします。
「メニュー」をクリックします。
「メニューを新規作成」をクリックします。
- 「メニュー名」を入力します。名前は何でもOKです。（名前がブログに表示されることはありません）
- 赤枠のチェックボックスにチェックを付けます。
- 「次」をクリックします。
- 「項目を追加」をクリックします。
- 「お問い合わせ」をクリックしてメニュー項目に追加します。
- 最後に「公開」をクリックします。
「お問い合わせ」がメニューに追加されました！
お疲れ様でした！
当ブログではWordPressテーマにSWELLを使用しています。
