WordPressに地図を埋め込む方法

author
21412

バナーの存在を知ったのは2年前。 好きな食べ物はメロンとスイカです。

9月頃からWordPress以外のことをしていたら、やり方を全部忘れてしまいました。

徐々に思い出せるものかと思ったら、私にはそんな気配はなくて真っ白な画面を見つめています。

ブログを書いて自分の中に落とし込もうと思います。

WordPressに地図を埋め込む方法を学んだので紹介します。

 

 

 

【STEP1】

Googleマップを開きます。

Googleマップを開く

場所の住所または名前を入力し、検索します。

「共有」ボタンをクリックします。

Googleマップで検索

 

 

【STEP2】

「地図を埋め込む」タブをクリックします。

サイズを「小・中・大・カスタマイズ」ボタンから選択します。

小:横400ピクセル×縦300ピクセル

中:横600ピクセル×縦450ピクセル

大:横800ピクセル×縦600ピクセル

「HTMLをコピー」をクリックします。

GoogleマップHTMLをコピー

 

 

【STEP3】

WordPressにログインします。

地図を配置したいページを開きます。

「カスタムHTML」ブロックを選択します。

カスタムHTMLブロック

先ほどGoogleマップでコピーしたHTMLを貼り付けます。

HTMLをペースト

 

 

【STEP4】

「プレビュー」で確認します。

プレビュー画面

 

 

操作方法を忘れてしまった私でも地図を埋め込むことができました。

私は、使いやすいサイトはどこにどんなものが配置してあるのかを研究しています。

ボタンの大きさはどのくらいか、余白はどのくらいか、文字の大きさや行の間隔はどうかなどを調べていると、

使いやすいサイトの共通点が見えてきます。

1つひとつの要素が、誰かの気持ちを動かして

「予約」、「お問い合わせ」、「購入」のボタンを押すことに繋がるのだろうと思います。

関連記事

商用利用可・日本語対応・無料・レスポンシブ対応WordPressテーマ

商用利用可・日本語対応・無料・レスポンシブ対応 WordPressテーマ

前は知りませんでした謎の言葉たち感情たち

前は知りませんでした。謎の言葉たち、感情たち。

WEB初心者のブログです

WordPressに投稿した記事をTwitterに反映させる方法

WordPressに投稿した記事をTwitterに反映させる方法

プラグインを使用して新着情報を表示する方法

アンカーリンクの使い方

アンカーリンクの使い方