【動画有】店舗ホームページ作成【ワードプレス】(メニューページ) (7/全11)

WordPress関連
この記事は約3分で読めます。

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

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

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

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

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

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

テーマ…BusinessPress

今回は、メニューページを作成していきます。

(メニューページ内のメニュー、サービスの流れ、カバーのブロックを再利用)

メニューページの作成

メニュー (テーブル)

管理画面「固定ページ」→「固定ページ一覧」→「メニュー」を編集

第3回目で型のみ作成したメニューページです。

「+」ボタン→「テーブル」を検索し、選択します。

カラム数…2カラム(列)
行…メニュー数が5つとします。

テーブルが表示されました。

テーブルにメニュー内容、価格を入力します。

右「ブロック」タブの「スタイル」をストライプにします。
(今回は使用しませんが、「表の設定」のヘッダーセクションをチェックするとヘッダー行が表示されます))

「カラムの配置を変更」→「カラムを中央配置」にします。

「配置を変更」→「幅広」にします。

ちなみに、行や列の削除、挿入は、「表を編集」で変更できます。

↓「テーブル」ブロックの詳細設定は下記をご覧ください。

サービスの流れ (フロー)

見出しを「サービスの流れ」にします。(「中央揃え」、「幅広」まで完了している状態)

ブロック「フロー」を設定します。(プラグイン「VK Blocks」で追加されたブロック)

タイトル、説明を入力、画像を選択します。

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

同じようにフローを作成していきます。

フローの最後は右「ブロック」タブの「矢印を表示しない」にチェックをしましょう。

カバーのブロックを再利用

画像の上にお問い合わせ・ご予約のボタンを設置します。

第4回で設定しました「カバー」の再利用ブロックを使います。

動画はこちら

(「動画の第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)を作成します。とても簡単でわかりやすく、すぐに作成できます。
【動画有】店舗ホームページ作成【ワードプレス】(トップページ 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をコピーしました