HPFマニュアル

テンプレート型ホームページ作成ツール

機能紹介詳細

Googlemapの設置方法

▼ 住所の検索
 検索サイト『Google』で住所を検索します。
  ※番地まで細かく検索することで該当する住所にピンが立ち表示されます。
 左側の【メニュー】ボタンをクリックします。
 表示されたメニュー項目にある【地図を共有または埋め込む】をクリックします。
 
Googlemap

▼ 画埋め込みソースコードのコピー
 ポップアップ表示の中央にある【地図を埋め込む】タグをクリックします。
 地図表示サイズを選択、または指定します。
【地図の表示サイズ】 ・小:高400px 幅:300px
           ・中:高450px 幅:600px
           ・大:高600px 幅:800px
           ・カスタマイズ:自由にサイズ指定ができます。
 埋め込みソースコード横の『HTMLをコピー』をクリックします。
 
Googlemap2

▼ 画埋め込みソースコードの設定・確認
 ホームページ編集画面にて、地図を掲載するページの記事編集を開きます。
 左端の【ソース】ボタンをクリックします。
 コピーした埋め込みソースコードをテキスト編集欄に貼り付けます。
 最後に【登録】ボタンをクリックして完了です。

【掲載した地図の確認】
ホームページ編集画面では地図の表示はされませんが、【プレビュー】または【公開】を行えば表示されます。
 
Googlemap3

モバイルサイト

HPFマニュアルサイトスマホサイトQRコード

HPFマニュアルモバイルサイトへはこちらのQRコードからどうぞ!