نقشه گوگل در وردپرس

قراردادن نقشه های گوگل در سایت از راه های بسیاری امکان پذیر است. مانند استفاده از افزونه و قرار دادن کد api گوگل در قسمت هدر سایت و…!

باید این نکته رو حتما در نظر بگیرید که استفاده از افزونه‌ها و روش های نامناسب موجود میتواند بر روی سرعت سایت و عملکرد آن تاثیر بدی را بجا بگذارد. در این پست قراره با هم یکی از بهینه ترین روش هایی که میتونیم نقشه گوگل رو در وردپرس لود کنیم رو بررسی کنیم.

نقشه گوگل یا Google Maps چیست؟

گوگل مپ یا Google Maps به عبارتی به معنای نقشه گوگل است. این یکی از خدمات شرکت گوگل است که برای اولین بار در سال 2005 راه اندازی شد. گوگل مپ یکی مجموعه‌ای از نقشه دقیق از محل ها، مکان ها و زمین ها است. که این نقشه ها به کمک کاربران در سراسر دنیا گسترش پیدا کرده است. در حال حاظر گوگل دارای نقشه بیش از 160 کشور دنیا است، این نقشه ها به دلیل مشارکت کاربران در هر نقطه، نقشه های  قابل اطمینانی محسوب می‌شوند.

استفاده از نقشه گوگل در وردپرس

نقشه های گوگل را همانطور که در بالاتر توضیح دادیم میتوان از روش های مختلفی به وردپرس اضافه کرد. یکی از روش هایی که جزو بهینه ترین روش است ” استفاده از کد نقشه گوگل است ” این کد تاثیر منفی یا حتی بر روی عملکرد سایت تاثیری نخواهد گذاشت.

نمایش نقشه گوگل در وردپرس با استفاده از کد نقشه

در ابتدا شما باید برای دریافت کد نقشه به سایت https://www.google.com/maps وارد شوید. سپس مطابق تصویر زیر مکانی که نیاز دارید در سایت به نمایش بگذارید را چپ کلیک کنید سپس در وسط پایین صفحه یک مختصات که شامل چندین اعداد و ارقام است به شما نمایش داده می‌شود روی این مختصات کلیک کنید :

بعد از کلیک بر روی اعداد مختصات یک سایدبار در سمت چپ صفحه برای شما باز می‌شود، که دارای تعدادی امکانات است. حال مراحل زیر را به دقت طی کنید:

1- کلیک بر روی گزینه Share
2- بعد از باز شدن صفحه پاپ آپ بر روی گزینه Embed a Map کلیک کنید.
3- بعد از کلیک بر روی گزینه Embed a Map یک کد HTML به شما داده می‌شود، با کلیک بر روی گزینه COPY HTML کد رو کپی کنید.

حالا نوبت این هستش که کد را در سایت وردپرسی خود استفاده کنیم، برای اینکار وارد ویرایش صفحه مورد نظر میشیم و در کانتینر و ستونی که میخوایم نقشه در آنجا نمایش داده شود کد را در داخل المان متن یا المان کد قرار میدیم و در نهایت تغییرات رو ذخیره می‌کنیم.

نکته: در داخل کدهای Paste شده بخش  height , width به ترتیب طول و عرض نقشه رو برای ما مشخص می‌کند. شما برای اینکه بتونین یک نقشه رو بصورت عرض کامل در یک کانتینر با ستون 1/1 به نمایش بگذارید، باید مقدار width رو %100 قرار بدید.

یک نمونه از کد دریافتی نقشه گوگل را در زیر مشاهده میکنید: