この記事には広告が含まれています。

AFFINGER7のGoogleマップ埋め込み機能がどんな感じか試してみた|初心者向けに使い方も解説

AFFINGER7のGoogleマップ埋め込み機能がどんな感じか試してみた|初心者向けに使い方も解説

AFFINGERシリーズの最新版AFFINGER7がリリースされました。

既存の機能も使いやすく改善されているものも多く、新規で追加された機能もあります。

今回はそんな追加された機能のひとつ、Googleマップ埋め込み機能を実際に使ってみました。

この記事では、実際に使ってみた使用感から使い方についても初心者向けに解説していきます。

AFFINGER7のGoogleマップ埋め込み機能は簡単にGoogleマップを表示させることができる機能です。

とは言ってもGoogleマップを埋め込んで表示させること自体はこの機能がなくても簡単なんです。

Googleマップのサイトでマップのiframe コードを貼り付けるだけで表示させることができます。

「じゃあ、この機能で出来ることって?」

となりますが、簡単に言えば

マップの幅や高さなどのデザインを簡単に設定できるのが大きな機能です。

企業サイトやショップサイトでは会社や店舗の場所をお知らせすることは、安心感を与えることに繋がります。

ここからはGoogleマップ埋め込み機能の使い方について解説していきます。

Googleマップ埋め込みブロックを選択

Googleマップ埋め込みブロックを選択します。

AFFINGER7:Googleマップ埋め込みブロックを選択する

マップ情報(HTML)を入力する欄が表示されます。

AFFINGER7のGoogleマップ埋め込みブロックの入力欄

Googleマップのサイトにアクセス

Googleマップのサイトにアクセスしたら、自分の会社や店舗の住所を入力して表示させます。

Googleマップで地図を検索

※ ここでは東京スカイツリーを表示させています。

埋め込み用のHTMLをコピーする

自分の会社や店舗のマップを表示させたらメニューから「地図を共有または埋め込む」を選択します。

メニューは検索欄の左側にあります。

Googleマップのメニュー
Googleマップのメニューから「地図の共有または埋め込む」を選択

マップのHTMLをコピーします。

Googleマップの埋め込みHTMLをコピー

Googleマップブロックの入力欄に貼り付け

先ほどコーピーしたマップのHTMLをGoogleマップブロックの入力欄に貼り付けます。

埋め込みを反映

貼り付けが完了したら「埋め込みを反映」をクリックすれば地図が表示されます。

コピーしたHTMLをGoogleマップ埋め込みブロックに貼り付け

実際の表示はこんな感じです。

マップの幅・高さ・デザインを調整する

設定で幅・高さ・枠線の太さ・角丸・枠線の色を調整することができます。

Googleマップ埋め込みブロックの表示設定

Googleマップは無料で利用できますか?

はい。

Googleマップの埋め込み機能は無料で利用できます。

投稿・固定ページどちらでも使えますか?

はい。

投稿記事・固定ページどちらでも利用できます。

スマートフォンでも正しく表示されますか?

はい。

AFFINGER7はレスポンシブ対応なので、問題なく表示されます。

Googleマップを設置するとSEOに効果はありますか?

Googleマップを設置しただけで検索順位が上がるわけではありません。

しかし、店舗や会社の所在地が分かりやすくなり、ユーザーの利便性や信頼性が向上します。

特に地域密着型の店舗や企業サイトでは、アクセス情報として掲載しておくメリットは大きいです。

実際に使ってみて、操作はとても簡単です。

また、Googleマップ埋め込みブロックを使うことで幅や高さなどの細かな調整ができるのがとてもいいですね。

AFFINGER7はブログだけでなく企業サイト・ショップサイトなど幅広いジャンルに応用できるテーマです。

企業サイト・ショップサイト作成時には役立つ機能ですので、活用してみてくださいね。

AFFINGER7の詳細を見る

※ AFFINGER6は現在、AFFINGER7へと移行となりました。

合わせて読みたい関連記事

AFFINGER7の特徴を徹底解説|AFFINGER6との違いや新機能も紹介

  • AFFINGER7についてもっと詳しく知りたい方向けに特徴やAFFINGER6との違いについて解説しています。

AFFINGER7がリリース!導入方法と大きく追加された注目機能まとめ♪

  • 特別価格?・無料?AFFINGER6からAFFINGER7への移行がわかりにくい・・・
  • AFFINGER7を導入する際の注意点と追加された注目機能について解説した記事です。

AFFINGER7の購入プランを徹底比較|通常版・EX版・PACK3・環境セットの違いとおすすめを解説

  • 価格差・機能差・おすすめの選び方まで完全整理。
  • 一番迷うポイントを明確にして、後悔しない選択ができます。

AFFINGER7完全ガイド|初心者でも収益化を目指せるWordPressテーマ

  • AFFINGER7に関する記事をまとめています。
  • 初期設定から使い方などAFFINGER7に関して幅広く役立つ記事を掲載しています。