【動画有】店舗ホームページ作成【ワードプレス】(よくあるご質問ページ) (8/全11)

WordPress関連
この記事は約3分で読めます。
スポンサーリンク

こんにちは。プログラマーNです。

今回はWordPressで店舗サイト(店舗のホームページ)を作成する方法(第8回目)です。

わかりやすく、すぐに作成できるような内容ですので、ご覧下さい。

店舗サイト「ととのえる」

↓使用しているサーバー、テーマ↓

レンタルサーバー… エックスサーバー

PR

テーマ…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回目」を含んでいます)

今回は以上です。次回はお問い合わせのページを作成していきます。

↓使用しているサーバー、テーマ↓

レンタルサーバー… エックスサーバー

PR

テーマ…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回)

コメント

タイトルとURLをコピーしました