こんにちは。プログラマーNです。
今回はWordPressで店舗サイト(店舗のホームページ)を作成する方法(第8回目)です。
わかりやすく、すぐに作成できるような内容ですので、ご覧下さい。
↓使用しているサーバー、テーマ↓
レンタルサーバー… エックスサーバー
テーマ…BusinessPress
今回は、アクセスのページ、よくある質問のページを作成していきます。
(アクセスのページに地図、よくある質問のページにFAQ(Q&A))
アクセスのページを作成
アクセスのページでは
- 住所
- 地図
- 画像の上にご予約ボタン(カバーを再利用ブロック)
を作成します。
住所 (段落)
住所は見出し(幅広まで完了している状態)、「段落」ブロックで住所を入力します。

マップ (カスタムHTML)
Google マップを使用し、地図を表示します。
(ブラウザの別タブなどで) Google マップを表示します。

Google マップで、住所を入力(例で住所は福岡タワー)し、「共有」ボタンを押します。

「地図を埋め込む」タブで
- 大きさを「大」
- 地図上の「+」「-」で調整
調整後、「HTMLをコピー」を押します。

ブロック「カスタムHTML」を選択します。
Google マップの「HTMLをコピー」の内容を「カスタムHTML」に貼り付けます。



「プレビュー」を押すと、地図が表示され、確認できます。
カバーのブロックを再利用
第7回と同じようにブロックを再利用します。

よくある質問ページの作成
FAQ(Q&A)を作成していきます。
FAQ(Q&A) (新 FAQ)
見出し(幅広まで完了している状態)を作成後、ブロック「新 FAQ」を選択します。



「Q」に質問、「A」に答えを入力します。

右「ブロック」タブの「スタイル」も変更できます。
(「背景塗り 円形」を設定)

「グループ化」→「幅広」にします。

後は同じようにFAQを作成します。
動画はこちら
(「動画の第5回目」は「当ブログの第7回目、第8回目」を含んでいます)
今回は以上です。次回はお問い合わせのページを作成していきます。
↓使用しているサーバー、テーマ↓
レンタルサーバー… エックスサーバー
テーマ…BusinessPress

【動画有】店舗ホームページ作成【ワードプレス】(ご予約ページ) (11/全11)
WordPressで店舗サイト作成の第11回目です。(テーマ:BusinessPress)(全11回)今回はご予約のページを作成します。とても簡単でわかりやすく、すぐに作成できます。

【動画有】店舗ホームページ作成【ワードプレス】(予約システム設定) (10/全11)
WordPressで店舗サイト作成の第10回目です。(テーマ:BusinessPress)(全11回)今回はご予約システムの設定を行います。とても簡単でわかりやすく、すぐに作成できます。

【動画有】店舗ホームページ作成【ワードプレス】(お問い合わせページ) (9/全11)
WordPressで店舗サイト作成の第9回目です。(テーマ:BusinessPress)(全11回)今回はお問い合わせのページを作成します。とても簡単でわかりやすく、すぐに作成できます。

【動画有】店舗ホームページ作成【ワードプレス】(よくあるご質問ページ) (8/全11)
WordPressで店舗サイト作成の第8回目です。(テーマ:BusinessPress)(全11回)今回はアクセスのページで地図、よくある質問のページでFAQ(Q&A)を作成します。とても簡単でわかりやすく、すぐに作成できます。

【動画有】店舗ホームページ作成【ワードプレス】(メニューページ) (7/全11)
WordPressで店舗サイト作成の第7回目です。(テーマ:BusinessPress)(全11回)今回はメニューのページ内のメニューテーブル、サービスの流れを作成します。とても簡単でわかりやすく、すぐに作成できます。

【動画有】店舗ホームページ作成【ワードプレス】(トップページ 2/2) (6/全11)
WordPressで店舗サイト作成の第6回目です。(テーマ:BusinessPress)(全11回)今回はトップページ内の画像の上にボタン配置(カバー)、お客様の声、再利用ブロックの設定・使用を作成していきます。とても簡単でわかりやすく、すぐに作成できます。

【動画有】店舗ホームページ作成【ワードプレス】(トップページ 1/2) (5/全11)
WordPressで店舗サイト作成の第5回目です。(テーマ:BusinessPress)(全11回)今回はトップページ内の文章、見出し、店舗の特徴、お知らせ一覧を作成していきます。とても簡単でわかりやすく、すぐに作成できます。

【WordPress】店舗ホームページ作成(ヘッダー、フッター 2/2) (4/全11)
WordPressで店舗サイト作成の第4回目です。(テーマ:BusinessPress)(全11回)今回も各ページの共通部分の設定です。今回で共通部分の設定は完了です。とても簡単でわかりやすく、すぐに作成できます。

【WordPress】店舗ホームページ作成(ヘッダー、フッター 1/2) (3/全11)
WordPressで店舗サイト作成の第3回目です。(テーマはBusinessPress)(全11回)今回は各ページの共通部分の設定です。とても簡単でわかりやすく、すぐに作成できます。

【WordPress】店舗ホームページ作成(プラグイン) (2/全11)
WordPressで店舗サイト作成の第2回目です。(テーマはBusinessPress)(全11回)今回はプラグインの設定です。とても簡単でわかりやすく、すぐに作成できます。

【WordPress】店舗ホームページ作成(テーマ) (1/全11)
WordPressで店舗サイトを作成する際、まず何をすればよいか、どのようにすれば作成できるか、わからないことも多いかと思います。ですが、当ブログ内容をご覧になることで、とても簡単でわかりやすく、すぐに作成できます。今回は第1回目でテーマの設定です。(全11回)
コメント