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

ひつじ

この記事の目次

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

この作り方については、

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

ひつじくん

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

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

ここを完成させるには

の２つを知っていればできます！

ひつじくん

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

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

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

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

ひつじくん

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

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

ひつじくん

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

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

ひつじくん

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

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

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

ひつじくん

Mapコードを取得する方法

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

ここまで終わった人へ

お疲れ様でした！