こんにちは。プログラマーNです。
今回はWordPressで店舗サイト(店舗のホームページ)を作成する方法(第9回目)です。
わかりやすく、すぐに作成できるような内容ですので、ご覧下さい。
↓使用しているサーバー、テーマ↓
レンタルサーバー… エックスサーバー![](https://www11.a8.net/0.gif?a8mat=3H3PEY+8RJREA+CO4+609HU)
PR
テーマ…BusinessPress
今回は、お問い合わせのページを作成していきます。
(プラグインを使用したお問い合わせフォームの作成)
お問い合わせ
第2回でインストールしたプラグイン「Contact Form 7」を使用し、お問い合わせフォームを作成します。
Contact Form 7を使用する
管理画面「お問い合わせ」→「コンタクトフォーム」
![](https://www.babystep36.com/wp-content/uploads/2021/02/034.jpg)
![](https://www.babystep36.com/wp-content/uploads/2021/02/035-800x128.jpg)
「コンタクトフォーム1」の「編集」を押します。
(「コンタクトフォーム1」は「Contact Form 7」インストール時に作成されています)
![](https://www.babystep36.com/wp-content/uploads/2021/02/036-1-800x491.jpg)
今回は、何も編集せずにそのまま使用していきます。
- 氏名
- メールアドレス
- 題名
- メッセージ本文
「フォーム」タブなどのタブの上にショートコードの内容が表示されていますので、コピーしておきます。
管理画面「固定ページ」→「固定ページ一覧」→「お問い合わせ」の「編集」
![](https://www.babystep36.com/wp-content/uploads/2021/02/033-800x374.jpg)
![](https://www.babystep36.com/wp-content/uploads/2021/02/037.jpg)
「+」ボタン→「ショートコード」
![](https://www.babystep36.com/wp-content/uploads/2021/02/038-800x380.jpg)
![](https://www.babystep36.com/wp-content/uploads/2021/02/039-800x380.jpg)
先ほどコピーしていた内容を貼り付けます。
![](https://www.babystep36.com/wp-content/uploads/2021/02/040-800x617.jpg)
プレビューで確認します。
動画はこちら
今回は以上です。次回は予約システムの設定を行います。
↓使用しているサーバー、テーマ↓
レンタルサーバー… エックスサーバー![](https://www11.a8.net/0.gif?a8mat=3H3PEY+8RJREA+CO4+609HU)
PR
テーマ…BusinessPress
![](https://www.babystep36.com/wp-content/uploads/2021/02/BusinessPress_11-160x90.jpg)
【動画有】店舗ホームページ作成【ワードプレス】(ご予約ページ) (11/全11)
WordPressで店舗サイト作成の第11回目です。(テーマ:BusinessPress)(全11回)今回はご予約のページを作成します。とても簡単でわかりやすく、すぐに作成できます。
![](https://www.babystep36.com/wp-content/uploads/2021/02/BusinessPress_10-160x90.jpg)
【動画有】店舗ホームページ作成【ワードプレス】(予約システム設定) (10/全11)
WordPressで店舗サイト作成の第10回目です。(テーマ:BusinessPress)(全11回)今回はご予約システムの設定を行います。とても簡単でわかりやすく、すぐに作成できます。
![](https://www.babystep36.com/wp-content/uploads/2021/02/BusinessPress_8-160x90.jpg)
【動画有】店舗ホームページ作成【ワードプレス】(よくあるご質問ページ) (8/全11)
WordPressで店舗サイト作成の第8回目です。(テーマ:BusinessPress)(全11回)今回はアクセスのページで地図、よくある質問のページでFAQ(Q&A)を作成します。とても簡単でわかりやすく、すぐに作成できます。
![](https://www.babystep36.com/wp-content/uploads/2021/02/BusinessPress_7-160x90.jpg)
【動画有】店舗ホームページ作成【ワードプレス】(メニューページ) (7/全11)
WordPressで店舗サイト作成の第7回目です。(テーマ:BusinessPress)(全11回)今回はメニューのページ内のメニューテーブル、サービスの流れを作成します。とても簡単でわかりやすく、すぐに作成できます。
![](https://www.babystep36.com/wp-content/uploads/2021/02/BusinessPress_6-160x90.jpg)
【動画有】店舗ホームページ作成【ワードプレス】(トップページ 2/2) (6/全11)
WordPressで店舗サイト作成の第6回目です。(テーマ:BusinessPress)(全11回)今回はトップページ内の画像の上にボタン配置(カバー)、お客様の声、再利用ブロックの設定・使用を作成していきます。とても簡単でわかりやすく、すぐに作成できます。
![](https://www.babystep36.com/wp-content/uploads/2021/02/BusinessPress_5-160x90.jpg)
【動画有】店舗ホームページ作成【ワードプレス】(トップページ 1/2) (5/全11)
WordPressで店舗サイト作成の第5回目です。(テーマ:BusinessPress)(全11回)今回はトップページ内の文章、見出し、店舗の特徴、お知らせ一覧を作成していきます。とても簡単でわかりやすく、すぐに作成できます。
![](https://www.babystep36.com/wp-content/uploads/2021/01/BusinessPress_4-160x90.jpg)
【WordPress】店舗ホームページ作成(ヘッダー、フッター 2/2) (4/全11)
WordPressで店舗サイト作成の第4回目です。(テーマ:BusinessPress)(全11回)今回も各ページの共通部分の設定です。今回で共通部分の設定は完了です。とても簡単でわかりやすく、すぐに作成できます。
![](https://www.babystep36.com/wp-content/uploads/2021/01/BusinessPress_3-1-160x90.jpg)
【WordPress】店舗ホームページ作成(ヘッダー、フッター 1/2) (3/全11)
WordPressで店舗サイト作成の第3回目です。(テーマはBusinessPress)(全11回)今回は各ページの共通部分の設定です。とても簡単でわかりやすく、すぐに作成できます。
![](https://www.babystep36.com/wp-content/uploads/2021/01/BusinessPress_2-160x90.jpg)
【WordPress】店舗ホームページ作成(プラグイン) (2/全11)
WordPressで店舗サイト作成の第2回目です。(テーマはBusinessPress)(全11回)今回はプラグインの設定です。とても簡単でわかりやすく、すぐに作成できます。
![](https://www.babystep36.com/wp-content/uploads/2021/01/BusinessPress_1-1-160x90.jpg)
【WordPress】店舗ホームページ作成(テーマ) (1/全11)
WordPressで店舗サイトを作成する際、まず何をすればよいか、どのようにすれば作成できるか、わからないことも多いかと思います。ですが、当ブログ内容をご覧になることで、とても簡単でわかりやすく、すぐに作成できます。今回は第1回目でテーマの設定です。(全11回)
コメント