比較表のブロックを追加しました!

DEMO14をインポートした人のマニュアル

ひつじ

DEMO14をインポートした人のマニュアル

メインビジュアル(画像スライダー)を作る

まずは「画像スライドショー」を作って、ファーストビューを仕上げていきましょう。

この作り方については、

  1. 画像スライドショーの作り方

の記事でじっくり解説をしています!

ひつじくん
ひつじくん

トップページ(記事)を編集していく

WordPressの黒いバー上にある「固定ページを編集」をクリックして、トップページ編集画面に進みましょう。

予約フォームを作る

ここは「リンク」と「ボタン」が組み合わさってできています。

ここを完成させるには

  1. リンクを変更する方法
  2. ボタンを設定する

の2つを知っていればできます!

ひつじくん
ひつじくん

お知らせ(information)を作る

右のお知らせは、書いた記事が自動で表示されるようになっています。

デフォルト設定のままでもOK!

例えば「お知らせ」のカテゴリーだけ表示したい人は

  1. 記事リストの使い方

を読んで、カテゴリーごとの表示に切り替えて使ってください。

ひつじくん
ひつじくん

コンセプトを作る

ここのコンセプトの部分は、基本的に「画像」と「テキスト」を変更するだけで使っていける状態に仕上げています。

  1. 画像を変更する方法

だけ覚ええて、触ってもらえればOKかなと!

ひつじくん
ひつじくん

MENUを設定

このコースに関しては「デザイン見出し」や「ボタン」といったブロックの組み合わせで完成しています。

  1. デザイン見出し
  2. ボタン

をしっかり使って、ここも仕上げてもらえるといいでしょう!

ひつじくん
ひつじくん

「アクセス」を完成させる

最後にアクセスを仕上げます。

左側には「Googleマップのコード」を記載するための場所が用意されています。

以下の方法で、店舗のマップコードを取得して、コードを貼り付けてください!

ひつじくん
ひつじくん
Mapコードを取得する方法
  1. まず、https://www.google.com/maps をウェブブラウザで開いてください。
  2. 画面左上の検索バーに、地図上に表示させたい場所や住所を入力し、Enterキーを押して検索します。
  3. 正確な場所が表示されたことを確認し、右下のマップ上にある「ペグマン」のアイコンの横にある、「共有」ボタンをクリックします。
  4. 共有ダイアログが開いたら、「埋め込みマップ」タブをクリックします。
  5. 「埋め込みマップ」タブ内にあるドロップダウンメニューから、地図のサイズを選択してください。選択肢は「小さい」、「中」、「大」、「カスタムサイズ」です。カスタムサイズを選ぶことで、任意のサイズに地図をリサイズできます。
  6. サイズを選択したら、画面に表示されるHTMLコード(iframe埋め込みコード)をコピーします。このコードを使って、ウェブサイトやブログにGoogleマップを埋め込むことができます。
ここまで終わった人へ

お疲れ様でした!

記事URLをコピーしました