WordPress

【簡単】WordPressでGoogleマップの地図を埋め込む方法|初心者編

こんにちは!

店舗紹介や施設紹介で地図を埋め込みたい場合には、「Googleマップの埋め込み」で一発解決です。

難しい作業は無いので、一度覚えてしまえば、簡単に設置できますよ。



WordPressでGoogleマップの埋め込み方法

手順1 Googleマップで共有

まずはGoogleマップを開きます。

Googleマップ

検索窓に埋め込みたい場所を入力します。

今回は、住所利用も可能なコワーキングスペースを例にしてみます。

場所を入力すると「共有」ボタンが出てくるのでクリックします。

手順2 HTMLをコピー

「地図を埋め込む」を選択し「HTMLをコピー」をクリックします。

手順3 WordPressにペースト

WordPressの「テキスト」モードに切り替え、地図を表示させたい箇所にペーストします。

埋め込んだものがこちら↓

これで店舗の紹介や行った場所の紹介など、様々な場面で活躍しますね。




まとめ

難しい操作なく、簡単に地図を埋め込むことができました。

今回の手順では1箇所ごとの埋め込みなので、系列店舗の位置関係や、旅行マップのようなものは作れません。

複数の場所を同時に表示させたい場合はこちらの記事を参考にしてください。

またAPIを使っての地図の表示がうまくいかない場合はこちらの記事もどうぞ。

関連記事

  1. 弥生会計ソフトのCSVデータをfreee会計にインポート|仕分けデータ…

  2. 【図解】Google XML Sitemaps設定と使い方|WordP…

  3. クリスタ(CLIP STUDIO PAINT)でチラシを入稿するときの…

  4. 【簡単】Googleマップで複数ピンを表示させる方法|マイプレイスでの…

  5. 【初心者向け】新しい Google アナリティクス [GA4]の設定方…

  6. 【初心者用】GoogleマップのAPIキー取得方法|WordPress…

PAGE TOP

WordPress

Contact Form 7で迷惑メールをブロック|reCAPTCHA(リキャプ…

WordPress

【図解】Googleアナリティクスの設定方法|初心者でもわかるワードプレス埋め込…

WordPress

【初心者向け】Googleアドセンス用ads.txt設置方法|エックスサーバーで…

WordPress

【初心者用】WordPressの表示を高速化する方法|プラグインEWWW Ima…

WordPress

【初心者向け】新しい Google アナリティクス [GA4]の設定方法|202…