業務効率化&Web制作学習におすすめ!Udemyをチェックする! Udemy公式HP

SWELLでコーポレートサイトを自作 作り方【下層ページ(お問い合わせページ)作成】

当ページのリンクには広告が含まれています。
目次

下層ページ(お問い合わせページ)作成

STEP
お問い合わせページ(完成形)

今回作成したお問い合わせページはこのようなものです。

参考になる部分だけ使ってみてくださいね。

STEP
お問い合わせ用プラグイン「WPForms」を入れて有効化する

管理画面>プラグイン>新規プラグイン追加>WPFormsを検索>今すぐインストール>有効化

お問い合わせはプラグイン「Contact Form 7」が有名ですが、SWELL公式ページでも推奨されている「WPForms」を利用する方法を紹介します。

STEP
フォームの作成

有効化すると管理画面にWPFormsの項目がでますので、クリック

フォームの概要の新規追加を選択

フォームに名前をつけるに名前を入力し、空白のフォーム作成を選択

あとはフィールドを追加から必要なフィールドをドラッグしながら空白のフォームへもっていくだけです。

標準フィールドの簡単な説明です。

単一行テキスト一行のテキスト
段落テキスト複数行のテキスト
ドロップダウンドロップダウン表示で複数の選択肢から一つを選ぶ
多項選択式ラジオボタン表示で複数の選択肢から一つ選ぶ
チェックリストチェックリスト表示で複数選択可能
CAPTCHAボットでの問い合わせ送信排除率を上げる機能(別途設定要)

必須項目の選択方法

フィールド設定>必須をONにすればその項目を回答しないと送信ができない必須項目にできます。

また下図のような同意事項の作成も可能です。

中にプライバシーポリシーのリンクを入れています。

作成方法はこちらの記事からどうぞ。

できあがったら、保存をしておきましょう。

STEP
フォーム埋め込み

お問い合わせ用の固定ページの編集画面で【+】WPFormsを選択

先ほど名前をつけたフォームを選択し完成です。

まとめ

お疲れ様でした!

ここまでで一連の制作手順をご紹介しました。

もちろんプロの方には遠く及びませんが、自作でもホームページの形を作れて、工夫次第では素敵なサイトをつくることができますよね。

SWELLでコーポレートサイトを作ろうと思っている方、すでに制作中の方の何か参考になることがあれば嬉しいです。

ありがとうございました。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次