会社案内を変更してみよう! その3

2017.10.16

このエントリーをはてなブックマークに追加

皆さん、こんにちは(・ω・)ノ

中村@新人です。

 

今回は会社案内ページ第三弾!

 

見本にしているページと同じようにアクセスマップを会社概要ページに纏めたいと思います♪

 

 

***  Googleマップの追加方法  ***

 

今回もいつも通りの右クリックから始まります

 

 

「コンテンツパーツ」から「パーツの追加」を選択!

 

 

「その他」のタブから「GoogleMaps-新規作成」を選択します。

 

 

地図が入りました

けれど、縮尺と設定が初期状態なので日本地図上でマークは東京を指しています。

ちゃんとした場所に設定をするためもう一度右クリックでメニューを開きます。

 

 

「Google Maps」から「プロパティ」を選択して編集画面を出します。

必須項目が「タイトル」「住所」「縮尺」「サイズ」と4つあるので、これを編集していきます。

タイトルは地図につけたい名前を入力しましょう。今回は無題のまま進めます。

 

まず、住所を変更!

 

 

ここで重要なのが「自動的に緯度経度取得を行う」にチェックを入れることです。

このチェックを忘れると地図のマークの位置が変わらないのでご注意ください。

 

 

縮尺は広域と拡大は8段階で選ぶことができます。

 

 

チェックを入れずに進めると広域地図が出ます。

右に行くにつれて拡大されていきます。

 

 

おススメは右から3つ目か4つ目辺り。

駅からの距離などで縮尺を決めると場所が分かりやすいです。

 

 

最後の必要項目のサイズはマップ自体の大きさになるので、今回はデフォルトの「100%×350px」で設定します。

設定が完了した地図がコチラ↓ 

 

 

 

見本には「アクセスマップ」の見出しがあったので、マップの上に見出しパーツを追加します。

もう一度「コンテンツパーツ」から「パーツの追加」を選択して、会社概要の見出しで使用している「見出し(h2)」を選びます。

 

 

見出しの文章をアクセスマップに変更して完成です!

 

 

 

無事、見本と同じ形の内容に編集できました♪

後はメニュー部分のタイトル変更と別ページのアクセスマップの削除ですが、今回はここまで!

 

次回の「Groopで作ってみよう」で紹介します(´∀`)ノシ 

 

 

 

 

 

 

 ↓↓↓ Groopを試してみたくなった方はこちらからどうぞ ↓↓↓ 

 

 

コメント

コメントフォーム

無料で今すぐ作ってみる

ブログ内検索

フィード

分からないこと、聞きたいことご相談頂ければわかりやすく・丁寧にお答えいたします。

PAGE TOP