Mapを埋め込む方法についてご紹介します。固定ページ、投稿ページ、フッターそれぞれサイズが異なりますので、あわせてご紹介します。Mapの推奨サイズは、以下の通りです。特別な意図が無い限りは、これらの推奨サイズで指定してください。横幅は推奨サイズを超えると、思わぬレイアウト崩れの原因となります。こちらは、フッターの横サイズを推奨サイズ(350ピクセル)より長くした例です。右のフッターコンテンツ部分に被ってしまっていますね。サイトに埋め込むためのマップを準備しましょう。左上の検索欄「Googleマップを検索する」の中に、埋め込みで表示させたい住所を入力します。指定の場所に赤い目印のピン(マーカー)が表示されます。Map左側にある「共有」ボタンをクリックします。2-4.「地図を埋め込む」リンクをクリックリンクを共有するポップアップ画面が表示されます。ここで「地図を埋め込む」リンクをクリックします。地図を埋め込むための編集画面がポップアップで表示されます。Mapの右下にある縮尺ボタンで地図の縮尺を調整し、ポップアップ左上にあるサイズボタン「中」をクリックします。小、中、大......と、埋め込む地図のサイズを選ぶことができます。ここでは自由にサイズを調整できる「カスタムサイズ」をクリックします。2-7.地図のサイズを入力する設置したい地図のサイズを設定します。固定ページ用であれば「横1,000ピクセル×縦600ピクセル」ですね。設定後「実サイズでプレビュー」のリンクからチェックを行います。2-8.実際に埋め込む地図のサイズを確認ポップアップで地図が表示されます。こちらが、実際に埋め込む地図の実サイズです。実サイズや縮尺などを確認したら、そのポップアップは閉じましょう。2-9.HTMLの埋め込みコードをコピーカスタムサイズの編集画面に戻ります。サイズ下部にあるHTML埋め込みコードをコピーします(コードをクリックすると、自動的にすべて選択されます)。この埋め込みコードを、WordPressの投稿ページや固定ページの編集画面にてペーストします。Mapの埋め込み方WordPressの固定ページと投稿ページはほぼ同じ編集画面ですので、固定ページを例にご紹介します。3-1.HTML埋め込みコードを本文にペースト固定ページ編集画面を開きます。MapのHTML埋め込みコードを、本文内にペーストします。本文の編集画面右上にある「ビジュアル」タブをクリックします。埋め込みんだGoogleMapの見た目が表示されます。企業であれば地図の下に住所を入力するなど、ページを編集します。地図の上下で通常通りテキスト入力等が可能です。ウィジェット」から画面右側にある「フッター2」をクリックします。4-2.フッター2にテキストのウィジェットを入れる画面左側にあるウィジェットの「テキスト」を「フッター2」の中にドラッグ&ドロップします。Mapの埋め込みコードをペーストします。最後に「保存」ボタンをクリックします。実際のページのフッターを確認します。入力したタイトルと、埋め込まれたGoogleMapが表示されていることを確認します。Mapを埋め込んでおくと、お客さまがすぐに経路検索を行えるため集客に大変効果的です。活用してみてください。Standardテクニカルサポート兼ワークショップ講師の川口です。首都圏の専門学校でWebデザインの講師を行う傍ら、デザイン事務所を経営しています。ともすると属人的になりがちなクリエイティブスキルを、体系的に落として伝えることが得意です。Standardは事業を営むあなたのためのWordPressテーマです。多くの事業者が選ぶその理由を、あなたの目でお確かめください。記事一覧へ*広告を任意で表示/非表示にできます分からないことはこちらFAQページよくある質問をまとめています。オカンでも分かるWordPressカスタマイズ方法等をまとめています。テクニカルサポートお悩みに直接回答いたします。株式会社ninoyaブログサイドバーにこのようなプロフィール欄を掲載することができます。見出し・名前(社名)・役職・画像・テキスト・SNSアイコンを自由に設定することができます。HTML入力は不要です。Standardはレスポンシブデザインで設計されています。お手持ちのタブレットやスマートフォンにてデザインをご確認ください。画像を貼ってURLを設定するだけで、自動的にサイズが調整されバナーとして活用できます。告知タイトル画像を使わずに、このようにテキストだけで指定のURLに飛ばす告知欄をつくることもできます。ダミーの電話番号が表示されます。