こんにちは。
今回はiPhoneのワードプレスのアプリでもGoogleマップの埋め込み地図を出す方法をご紹介します。
埋め込み地図とは?
こういう記事内に地図を埋め込めるものです。自分で動かすことが可能です。
例、スカイツリーの地図
ワードプレス のアプリで埋め込み地図を追加する方法
![](https://fujimaru-system45.com/wp-content/uploads/2021/08/img_9135.jpg)
このアプリを使って新規投稿で記事を書きます。
ここにGoogleマップのリンクを追加したら良いかと思いますが、それでは埋め込み地図になりません。
それでは順番に説明します。
①まずは埋め込みたい地図を探します。
iPhoneで検索したい場所(例、スカイツリー)と検索します。
![](https://fujimaru-system45.com/wp-content/uploads/2021/08/img_9139-473x1024.jpg)
②次に画面左上の【あぁ】の部分をタップして、【デスクトップ用Webサイトを表示】を選択します。
![](https://fujimaru-system45.com/wp-content/uploads/2021/08/img_9140-473x1024.jpg)
③すると画面がパソコンで開いたようなイメージに変わります。
![](https://fujimaru-system45.com/wp-content/uploads/2021/08/img_9141-473x1024.jpg)
④画面右上の地図の部分をタップするとGoogleマップが開きますので、右の【共有】をタップします。
![](https://fujimaru-system45.com/wp-content/uploads/2021/08/img_9143-473x1024.jpg)
⑤共有ページが開くので【地図を埋め込む】をタップします。
![](https://fujimaru-system45.com/wp-content/uploads/2021/08/img_9144-473x1024.jpg)
⑥地図を埋め込む為のリンクが表示されるので長押しして全てコピーしてください。
![](https://fujimaru-system45.com/wp-content/uploads/2021/08/img_9146-473x1024.jpg)
⑦コピー出来たら準備完了です。ワードプレス のアプリで記事を書きます。
![](https://fujimaru-system45.com/wp-content/uploads/2021/08/img_9136-473x1024.jpg)
⑧画面右上の3点リーダー(…)をタップし、【HTMLモードに切り替え】をタップします。
![](https://fujimaru-system45.com/wp-content/uploads/2021/08/img_9137-1-473x1024.jpg)
⑨するとこのような画面になります。コーディングの画面が出てきますが大丈夫です。
![](https://fujimaru-system45.com/wp-content/uploads/2021/08/img_9138-473x1024.jpg)
⑩下記のようにPタグ(<p></p>)で囲まれた所が一つの段落になるので追加したい段落のPタグの間をタップし、ペーストを選択してください。
![](https://fujimaru-system45.com/wp-content/uploads/2021/08/img_9147-473x1024.jpg)
11.貼り付けるとこのような形になります。
![](https://fujimaru-system45.com/wp-content/uploads/2021/08/img_9148-473x1024.jpg)
12.再度右上の3点リーダーをタップして【ビジュアルモードに切り替え】を選択してください。
![](https://fujimaru-system45.com/wp-content/uploads/2021/08/img_9149-473x1024.jpg)
これで元の画面に戻ります。
ただしアプリ版ではIFRAMEというように表示され見えません。
![](https://fujimaru-system45.com/wp-content/uploads/2021/08/img_9150-473x1024.jpg)
13.確認する方法は再度右上の3点リーダーをタップし、【プレビュー】を選択します。
![](https://fujimaru-system45.com/wp-content/uploads/2021/08/img_9137-473x1024.jpg)
14.これで埋め込み地図が表示されていたらオッケーです。
![](https://fujimaru-system45.com/wp-content/uploads/2021/08/img_9151-473x1024.jpg)
はい!以上で終わりです。慣れればアプリでも記事は投稿できますので便利ですね。
それでは!