WordPressテーマ/SWELL コーポレートサイトの作り方！part.5 よくある質問＆お問合せページ

2024年6月3日2024年8月29日

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

本シリーズは、WordPressテーマ/SWELLでコーポレートサイトを作りたい人向けに手順書代わりに読んでもらえるよう、数記事にわたって解説しています。

わたしが作ったフラダンス教室のデモサイトをもとに進めていますが、前回に続き、コンテンツページの作成を進めて行きます！
今回は、コーポレートサイトでは必須の【お問い合わせページ】と【よくある質問ページ】の作り方を解説します。

コンテンツページ終盤となりますので、一緒に頑張っていきましょう！

WordPressテーマがSWELLではない人でも、基本的な操作は同じところが多いのでぜひ参考にしてくださいね！

おしゃれなホームページが簡単に作れる！
今回ホームページ作成を紹介している【SWELL】はこちらです♪

WordPressテーマ「SWELL」

今回SWELLで作るコンテンツよくある質問＆お問い合わせページについて

今回のコーポレート制作で必要なコンテンツは以下の通りです。

①教室＆講師紹介ページ
②各クラス紹介ページ
③よくある質問ページ
④お問い合わせページ
⑤お知らせページ
⑥プライバシーポリシー
⑦特定商取引法に基づく表記

作り方の大まかな流れとしては、各ページを【固定ページ】で作成していきます。上記7ページ分の固定ページが作成できたら、グローバルナビやフッターメニューなどの「メニュー」に、作成した各ページのリンクを設置していく流れとなります。

今回は、
③よくある質問ページ
④お問い合わせページ
の作成方法について解説していきます！

以下ページを作りますので、別タブで開いて確認しながら作業を進めていってください！

デモサイト/よくある質問ページ

デモサイト/お問い合わせページ

ちなみに、ホームページの顔であるトップページは、
各コンテンツページを総括して紹介するページとなるため、コンテンツページが全て出来上がったら作成していきます。

まずは、【よくある質問ページ】の作り方から解説します。

SWELLコーポレートサイト/よくある質問ページの作り方

よくある質問ページ(Q＆Aページ)とは、商品やサービスに関してユーザーから頻繁に問い合わせを受ける質問と、その回答をセットにしたものです。
ホームページでは、ユーザーが商品やサービスの疑問点などを解決できるように、よく設置されていますよね。

SWELLでは、SWELL独自の【FAQブロック】機能で、簡単に、よくある質問ページを作ることができます。

ちなみに、FAQブロックの【FAQ】とは、「よくある質問(FAQ：Frequently Asked Questions)」のこと。
Q＆Aを簡単＆おしゃれに作成できる、WordPress標準にはない便利な機能なんですよ！
ぜひ上手に活用して、自分好みにカスタマイズしてくださいね。

それでは、作成していきます。
まず、管理画面のダッシュボードに入り、固定ページにカーソルを合わると出てくる【新規固定ページを追加】をクリックします。

固定ページの作成画面となり、冒頭に【タイトルを追加】という欄が出てくるので、
ページタイトルを入力した後、見出しを作成します。
ページタイトル入力から見出し作成については、コンテンツ編part.1にて解説しているので、思い出せなくなった方はこちらからご確認ください。

ページタイトルは【よくある質問ページ】、冒頭の見出しは【よくある質問】としました。

見出しができたら、必要に応じてQ＆Aに誘導するようなテキストを入れましょう。
なくてもよければここは省略して、そのままFAQブロックに進めばOKです。

テキストを入れたら、画面左上の＋マークをクリックします。

すると、ブロックの検索窓が出てくるので、【FAQ】と入力して直下に表示される【FAQ】ブロックをクリックします。

すると、編集画面にFAQブロックが表示されるので、右上の【設定】をクリックします。

設定をクリックすると、FAQブロックの形式やカラーを選べる設定項目が表示されます。
まずは、Q＆Aの形式・スタイルが4種類から選べますが、今回は【シンプル】を選択・クリックします。

次に、スタイルの少し下に、Q/Aアイコンの形が選べる項目があるので、
四角・角丸の四角・丸の3種類の中から、四角を選択してチェックを入れます。

次に、【アイコンの色】で、QとAそれぞれのアイコンの色を設定していきます。

色の種類は、テキスト色・サイトのメインカラー・カスタムカラーの3種類から選ぶことができて、枠のみor塗りつぶしも選ぶことができます。
カスタムカラーについては、あらかじめ、SWELL設定の【エディター設定】で自分好みにカスタマイズしたカラーとなります。

今回は、QもAも、カスタムカラー(塗り潰し)にしました。

ここまでできたら、次はQ＆Aの数を増やして必要数作成していきます。
1回クリックするごとに1セットのQ＆Aが追加されるので、Q＆Aを作る数だけ追加していきましょう。

上記作成できたら、テキストを全て入力すれば完了です！

テキストを入力してQ＆Aができたら、この次の作業は、以下の通りとなります。

最下部にSNSシェアボタンを設定する
トップ画面に画像を登録して見た目を整える
パーマリンクを設定する

上記は、前記事の【WordPressテーマ【SWELL】ホームページの作り方！③コンテンツ編part.1】の後半で紹介している内容と同じなので、こちらから確認して作業していきましょう。

ちなみに、ここでのスラッグ名は【question】としましたので、
ページのパーマリンク(全体のURL)は、https://uruma-studio.com/sample3/question/　となります。

SWELLコーポレートサイト/お問い合わせページの作り方

お問い合わせフォームとは、ホームページに埋め込んだフォームに直接ユーザーがメッセージを入力することでメールでメッセージを受け取れる機能のこと。
集客する上で、必ず作っておきたい必須ページといえるでしょう。

WordPressでは、【Contact Form7】というプラグインで簡単にお問い合わせフォームを作成することができます。

WordPressにお問合せフォームを設置する方法はほかにもありますが、
Contact Form 7は、HTMLやCSSなどの専門知識がなくても使えるので、初めてWordPressでホームページを作る方におすすめのプラグインです。

Contact Form7でお問い合わせフォームを作る方法は以下記事で解説しているので、手順に沿って作成してください！