スポンサーリンク

000-ブログ運営

ワードプレス【WordPerss】にグーグル【Google】マップを貼り付ける方法!マップを共有してコードを貼り付けるだけ!

先日ワードプレスの記事にグーグルマップを貼り付けたので、その方法を掲載します。

マイマップでマップを作る

まずは、貼り付けるマップをグーグルマップのマイマップで作成する必要が有ります。

グーグルマップにアクセスして、左上の三本マークから、【マイプレイス】を選択します。

マイプレイスを選択したら、上の画面が表示されますので、【マイマップ】を選択し、画面下の【地図を作成】を選択します。

検索バーのツールを使用して、地図に線を引いたり・ポインタを置いたりします。

地図を製作したら、画面左の名称を適当に付けて、【共有】を選択したす。

【共有】を選択すると上の様な画面が表示されますので、【アクセスできるユーザー】を変更します。

【アクセスできるユーザー】は、【オン】を選択し、【保存】を選びます。

1つ前の画面に戻りますので、【完了】を選択してください。

最初の画面に戻るので、名称の右側の三点マークを選択し、【自分のサイトに埋め込む】を選択します。

上の画面の赤枠内にコードが表示されますので、ワードブレスの記事内に【HTML形式】でコードを貼り付けてください。

以上で、記事にグーグルマップが表示されます。

スポンサーリンク

ブログランキングにご協力ください!
ブログランキング・にほんブログ村へ

まとめ

以下の手順で実施する

  • Googleマップにアクセス
  • マイプレイスを選択
  • マイマップを選択
  • 地図を作成を選択
  • 地図を作る
  • 共有を選択
  • 共有ユーザーをオンにする
  • 自分のサイトに埋め込むでコードを表示させる
  • 取得したコードをHTM形式でワードプレスの記事に貼り付ける

ブログ開設に必要なドメイン取得、サーバーレンタル、ASPの登録等は、こちらのサイトから!

スポンサーリンク
スポンサーリンク

-000-ブログ運営

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


関連記事

レンタルサーバーの容量を食わずにブログに写真を掲載する方法!WordPress!Googleフォトを使う!

管理人のブログには結構写真が掲載されています。 この写真の管理には結構気を使います。 ある程度掲載するとそれなりに容量も食いますので・・・ レンタルサーバーの契約が心配になります・・・ Googleの …

girl6-eyecatch

Googleアドセンスの審査合格までにやったこと!初心者必携!

2019年10月29日に4回目のアタックで、ようやくGoogle AdSence(グーグルアドセンス)の審査に合格することができました。 ブログ開設が、10月5日 1回目申請が、10月12日 記事数1 …

ブログ開設から14箇月経過!相変わらずの低空飛行!ブログ収益はどのくらい?

管理人がこの雑記ブログを開設してから、なんとか1年を経過し・・・ 14箇月目に突入しました。 ブログを1年継続してみて 適当にブログを開設して、2万/月くらい稼げないか・・・ と安易な気持ちで始めまし …

グログ開設から100記事目達成!運営報告!収益はでたのか?

ブログ開設から100記事到達 2019年10月5日のブログ開設から、100記事目を掲載することができました。 初期の記事は、投稿数を増やす事を目的としていた為、文字数が少ない記事も多かったですが、10 …

blur-girl1

ブログ開設から6カ月目に突入!少し成果が出る様になった気がしたが実は気のせいだった件!

さて、ブログ運営6カ月目に突入して、1~2週間は、少しづつ成果が上がってきていましたが・・・ ただし、成果といっても、PVが少しだけ上がってきた程度です。 しかし、3週間目からはまた、その少しだけ上が …

スポンサーリンク
スポンサーリンク
スポンサーリンク