آموزش قرار دادن نقشه گوگل مپ در وردپرس

افزودن گوگل مپ به وردپرس

نمایش نقشه گوگل (Google Map) در سایت وردپرسی برای نمایش آدرس فیزیکی کسب‌وکار، صفحه تماس و فروشگاه‌های محلی بسیار مفید است.

روش ۱: Embed مستقیم (بدون افزونه)

ساده‌ترین روش، استفاده از کد iframe گوگل مپ است. وارد Google Maps شوید، آدرس مورد نظر را جستجو کنید، روی Share > Embed a map کلیک نمایید و کد iframe را کپی کنید.

در ویرایشگر وردپرس، بلوک HTML سفارشی اضافه و کد iframe را paste کنید:

<iframe src="https://www.google.com/maps/embed?..." 
  width="600" height="450" style="border:0;" 
  allowfullscreen="" loading="lazy">
</iframe>

روش ۲: افزونه WP Google Maps

افزونه WP Google Maps (رایگان) امکانات بیشتری ارائه می‌دهد. نصب و فعال‌سازی کنید. از منوی Maps نقشه جدید بسازید. مارکرها، مسیرها و مناطق اضافه نمایید. شورت‌کد تولیدشده را در صفحه مورد نظر قرار دهید.

روش ۳: افزونه Google Maps Widget

این افزونه نقشه را به‌صورت Widget در سایدبار نمایش می‌دهد.

نکته: Google Maps API Key

از سال ۲۰۱۸، برای استفاده از Google Maps JavaScript API نیاز به API Key دارید. از Google Cloud Console یک پروژه ایجاد و Maps API را فعال کنید. API Key رایگان تا حدودی محدودیت دارد.

بهینه‌سازی سرعت

نقشه گوگل ممکن است سرعت سایت را کاهش دهد. از Lazy Loading برای نقشه استفاده کنید. نقشه را فقط در صفحات ضروری (مثل تماس) قرار دهید.

هاست وردپرس میهن هاستینگ با LiteSpeed برای سرعت بالا حتی با نقشه و محتوای سنگین.