« Jetpackのインストール | トップページ | podmanの実験(その1) »

2020年1月12日 (日)

Google Mapの埋め込み

Google Mapを投稿に埋め込む際にちょっと手間取ったのでメモ。

まず地図として埋め込みたい対象を選択。ここでは相模原公園グリーンハウスをターゲットに設定。
Gm1

写真下の共有をクリックすると以下のダイアログが表示される。
Gm2

ダイアログ上の”地図を埋め込む”をクリック。その下左の中をプルダウンすると地図の大きさを選択できる。右側の”HTMLをコピー”クリックするとHTMLがクリップボードにコピーされる。
Gm3png

WordPressに戻って投稿を実行。ブロックとして段落などを選んで、とりあえずスペースを入力するとメニューが出てくる。この右端をクリックするとプルダウンメニューが表示される。ここでHTMLとして編集を選ぶ。これをしないと、先ほどクリップボードにコピーしたHTMLがここにペーストできなかった。
Gm4

すると以下のpタグが表示される。このpタグをクリップボードにコピーしたHTMLをペーストする。
Gm5

以下の感じになる。
Gm6
このブロックからカーソルを移動させる(このブロックの編集を完了させる)と以下のダイアログが表示されるので、”HTMLに変換”ボタンをクリックする。
Gm7
するとメニュー上の”HTML”がハイライトされる。
Gm8

”プレビュー”をクリックすると地図が表示された。
Gm9

以上で完了。なんだか本当は正しい操作方法がありそうな気がするけれども、とりあえずこれで作業続行。

« Jetpackのインストール | トップページ | podmanの実験(その1) »

ツールの使い方」カテゴリの記事

コメント

コメントを書く

(ウェブ上には掲載しません)

« Jetpackのインストール | トップページ | podmanの実験(その1) »

フォト
無料ブログはココログ
2024年5月
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31