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

JIN:R DEMO13をインポートした人のマニュアル

ひつじ

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

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

まずは「ヘッダー画像」を作って、ファーストビューを仕上げていきましょう。

この作り方については、

  1. ヘッダー画像の作り方

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

ひつじくん
ひつじくん

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

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

案内を作る

画像で示した部分は「デザイン見出し」「画像」が組み合わさってできています。

ここを完成させるには

  1. デザイン見出し
  2. 画像を変更する方法

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

ひつじくん
ひつじくん

デザイン見出しについては、文字を変えるだけでもOKです。

案内を作る(続き)

ここは「背景」「記事リスト」「ボタン」が組み合わさってできています。

  1. 記事リスト
  2. ボタン
  3. 背景

変更しないといけないのは、ボタンのURLくらいです!

ひつじくん
ひつじくん

お知らせ(記事リスト)には新着記事が自動で並ぶようになっています。新しい記事を追加していくと、ここに自動で表示されるようにあっています。

コンセプト部分を作る

文字を変更して、画像を差し替えてもらえるだけでも十分です

ここを完成させるには

  1. 画像を変更する方法

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

ひつじくん
ひつじくん

メニューを完成させる

このメニューは「リッチメニュー」というブロックで作られています。

3カラム表示ですが、最大6カラムまで増やすことも可能。

詳しくは

  1. リッチメニューの使い方

を参考に、設定していってください!

ひつじくん
ひつじくん

MENUを作成

ここもさっきまでと同じ容量ですね。画像とテキストを変更していけば、立派なメニューが出来上がります。

ここを完成させるには

  1. 画像を変更する方法

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

ひつじくん
ひつじくん

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

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

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

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

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

お疲れ様でした!

記事URLをコピーしました