WordPressにGoogleマップを表示させる方法をお伝えしていきます。
とても簡単にできますので是非一緒に操作してみてください。
Googleマップで検索する
まず、Googleマップを表示します。
- 名称または住所を入力
- 「共有」をクリック
- 「地図を埋め込む」をクリック
- 「HTMLをコピー」をクリック
WordPressへ埋め込む
以下の画像のように、埋め込みたい箇所に①②の順でカスタムHTMLのブロックを挿入します。
先ほどコピーしたコードを " カスタムHTML ” に貼り付けし、プレビューで見てみましょう。
問題なくマップが表示されています。
しかし、実際に公開されたマップを見てみると・・
横幅が狭くなっています。
もう一度「HTML」 で確認してみると、横幅を指定する” width " が ” 600 " と入力されています。
ここを" 100% "と入力しなおし、もう一度サイトを見てみましょう。
横幅100％で表示されました。
まとめ
Googleマップはほとんどのサイトで使用されていて、ユーザビリティも良くなるものです。
とても簡単に設置できるので、是非活用してください。
投稿者プロフィール
- 2004年頃の会社員時代からブログ作成を始める。ブログ作成が楽しくなり、そのまま趣味が高じて2006年にホームページ制作で起業、2008年に株式会社ウェブロードを設立。現在は、個人・中小事業者のWordPressサイト制作・改善を中心に、Web業界20年の知識と経験を生かして、自治体案件等の大型案件のWebディレクターや中小企業・個人事業主へのWeb全般のアドバイザー、SEO/AIOのコンサルタントとしても活動中。 プロフィールはこちら
最新の投稿
お知らせ2026年7月19日WordPressの重大な脆弱性と、弊社の対応について- メルマガバックナンバー2026年7月16日自分の言葉で正しく伝える自社メディアを持つ
- ホームページ制作2026年7月9日連絡の取れない制作会社が作ったサイトを引き継ぐ方法
- SEO・AIO・Web集客2026年7月9日コンテンツSEO代行会社の選び方｜失敗しない7つのチェックポイント
お問合せフォームはこちら
弊社サービスをご検討いただきありがとうございます。
こちらのカテゴリ内のご質問と回答で解決できない場合は、ぜひ下記フォームよりお問い合わせください。ご相談・お見積りのご依頼は無料です。
お申込前のお打ち合わせはメール/お電話/GoogleMeet等オンラインでもご対応可能です。全国からお問い合わせを受付けています。
翌営業日を過ぎても弊社からの連絡がない場合はメールが届いていませんので、大変お手数をお掛けしますが、下記メールアドレスにご連絡ください。
