افزودن نقشه ی گوگل در وردپرس با WP Google Maps

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

این نقشه ها که بیشتر در قسمت تماس با ما سایت ها استفاده می شود، موقعیت مکانی دفتر، شرکت، کارخانه و… از یک سایت را نمایش می دهید.

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

به غیر از برگه ی تماس با ما در بخش های دیگری هم این نقشه ها به چشم می خورند که بسته به نوع کسب و کار ممکن است برای تنظیم فاصله ی زمانی بین دو نقطه و یا نمایش محلی برای اقامت و… متفاوت باشند.

در این نوشته از دکتر وردپرس قصد معرفی افزونه ای را داریم که می توانید به کمک آن نقشه های گوگل را در سایت وردپرسی خودتان وارد کنید.

افزودن نقشه ی گوگل در وردپرس با WP Google Maps

ابتدا باید افزونه ی WP Google Maps را که لینک دانلود آن را در مخزن وردپرس در آخر همین نوشته برای شما قرار داده ایم را دانلود کنید.

پس از نصب و فعال سازی آن به پیشخوان » Maps سایت خودتان بروید. در این قسمت تنظیمات مربوط به افزونه را مشاهده می کنید.

حال بر روی گزینه ی Maps کلیک کنید تا اولین نقشه ی خود را ایجاد کنید.

در قسمت مشخص شده در تصویر بالا ابتدا باید google api را که لینک آن در همان قسمت درج شده است را دریافت و در فیلد مورد نظر وارد کنید.

بعد از آن افزونه کاملا فعال خواهد شد و می توانید از آن استفاده کنید.

بر روی گزینه Edit نقشه ی پیش فرض ایجاد شده کلیک کنید تا آن را برای خود ویرایش کنید.

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

تنظیمات کلی را برای نقشه ی خود مثل عرض، ارتفاع، نام  و موقعیت را از بخش General داشته باشید.

از تب theme هم می توانید استایل نقشه ی خود را تعیین کنید.

کمی پایین تر در همین صفحه با تنظیمات نقشه روبرو خواهید شد که می توانید موقعیت خود را ثبت کنید.

بعد از اینکه موقعیت خود را تعیین کردید می توانید تنظیمات را ذخیره کنید.

نمایش خروجی

حال باید شورت کد مورد نظر را در برگه و یا نوشته ای از سایت خود کپی کنید تا بتوانید خرجی را مشاهده کنید.

همان طور که مشاهده می کنید خروجی کار را می توانید مطابق تصویر بالا مشاهده کنید.

موفق باشید…

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

آدرس ایمیل شما منتشر نخواهد شد.