SWELLのインストール後にすること。WPFormsで問い合わせフォームを作成・設置する方法（画像つき）。

「WPForms」をインストールして有効化した後に↓の画面が表示されます。「最初のフォームを作成」をクリック。

【参考】

↑の画面が出ないまたは閉じてしまった場合には、↓のやり方で進めてください。

WordPressのダッシュボードにある「WPForms」から「新規追加」をクリック。

「簡単なお問い合わせフォーム」をクリック。

デフォルトのシンプルな問い合わせフォームが表示されます。このレイアウトで良い場合には、画面右上の「保存」をクリックして「STEP6」に進んでください。


私は、別カラムになっている名前の「名」と「姓」を一つのカラムにするレイアウトにしました。この手順を紹介します。

画面右の「名前」をクリックし、次に画面左のフォーマットの項にある「名、姓」のプルダウンをクリック。

プルダウンの中から「シンプル」を選択。

「名」と「姓」に分かれていたカラムが一つになりました。この内容で良ければ「保存」をクリック。これで問い合わせフォームの作成は完了です。

「メール」や「コメントまたはメッセージ」をカスタマイズしたい場合には、各項目をクリックして画面左の項目を利用してみてください。

作成した問い合わせフォームをサイト内に表示するためには「ショートコード」というものが必要になります。このショートコードを確認する手順を紹介します。


WordPressのダッシュボードの「WPForms」にある「すべてのフォーム」をクリック。

ショートコードの項に赤枠で囲まれた部分をすべてコピーしてください。このショートコードはこの後に使用します。

WordPressのダッシュボードの「固定ページ」にある「新規追加」をクリック。

サイトに訪れてくれた人が実際にみるページです。

「問い合わせフォーム」を設置するページなので、このページのタイトルは「お問い合わせ」にしてみました。この表記は好きな表記にしてOKです。

また、このページのパーマリンクは「contact」としました。パーマリンクはこのページのURLにどのような表示される文字列ですので、こちらも好きな表記でOKです。

ページの本文をクリックすると「＋」ボタンが表示されるのでクリック。

検索バーが表示されるので「ショートコード」と入力。

[/] ショートコードが表示されるのでクリック。

本記事の「やること②：問い合わせフォームの作成」のSTEP7でコピーしておいた「ショートコード」を貼り付け、「公開」をクリック。

WordPressのダッシュボードにある「外観」から「メニュー」をクリック。

ここでは以前に固定ページを表示する「メニュー」を作成済という前提の手順を紹介します。

初めて「メニュー」を作成する方は、青下線が引いてある「新しいメニューを作成しましょう」からフッターメニューを作成してください。作成が完了したら↓の手順を参考にしてください。

問い合わせフォームをフッターに表示するので「フッターメニュー」を選択。

画面左の「固定ページ」のセクションに、本記事の「やること③」で作成した固定ページである「お問い合わせ」にチェックを入れ、「メニューに追加」をクリック。

すると、画面右の「メニュー構造」のセクションにお問い合わせが表示されます（赤字下線部分）。

「メニュー設定」にある「フッター」にチェックを入れ、「メニューを保存」をクリック。

サイトのフッター部分に「お問い合わせ」が表示されました。

プラグインの「WPForms」で作成した問い合わせフォームが無事に表示されました。

これで問い合わせフォームの設置は完了です。