【WordPress×Cocoon】Google mapを埋め込みたい

Cocoon

WordPressの記事内にGoogle mapを張り付ける方法。

プラグインもあるけど、HTML編集で可能。

Google mapで地図を表示

↑ここでは『利根川ゆうゆう公園 デイキャンプ』を検索してます。

『共有』をクリック

『地図を埋め込む』をクリック

共有画面が表示されたら、『地図を埋め込む』方をクリック。

『HTMLをコピー』

ここで表示される“<ifrme~”を投稿記事に貼り付けると、google mapの貼り付けが出来るのでコピーしておきます。

mapの表示サイズは選べる

カスタムサイズまで用意されていて便利です。

記事投稿エディタにて、『HTML挿入』ボタンクリック

『</>』がHTML挿入ボタンです。こちらをクリック。

mapのHTMLを張り付け

ポップアップ画面が表示されるので、先ほどのmapのHTMLを貼り付けて『OK』ボタンをクリック。

Google mapの貼り付けが出来ました☆

タイトルとURLをコピーしました