آموزش های وردپرس

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

بدون شک با نقشه های گوگل یا Google Maps و کاربرد های آن به خوبی آشنایی دارید. بسیاری از اوقات، خصوصا در هنگام ایجاد فرم های تماس با ما و موارد مشابه، پیش می آید که بخواهیم موقعیتی خاص را روی نقشه برای مخاطبین سایت مشخص کنیم. سوال اینجاست که در چنین شرایطی چگونه میتوانیم نقشه گوگل دلخواه را به سایت اضافه کرده و موقعیت مورد نظر را بر روی آن به کاربر نمایش در بیاوریم؟ اگر تا امروز پیش آمده که به نمایش نقشه گوگل در وردپرس خود احتیاج پیدا کرده باشید، ادامه مقاله را دنبال کنید.

در این آموزش از وردپرس نارنجی نمایش نقشه گوگل در وردپرس را بدون استفاده از هیچ گونه افزونه ای به شما آموزش میدهیم.

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

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

1- پیدا کردن مکان مورد نظر بر روی نقشه

برای تنظیم موقعیت مکانی بر روی نقشه در وردپرس می‌توانیم از گوگل مپ کمک بگیریم. به آدرس www.google.com/maps  رجوع‌کنید. سپس در فیلد سمت چپ صفحه، مکان مورد نظر خود را بنویسید. سپس خواهید دید که در صفحه نقشه گوگل مکان مورد نظر با نشانگر قرمز به شما نمایش داده می شود.

مکان شما در نقشه گوگل
پیدا کردن مکان خود در نقشه گوگل

2- دریافت کد نقشه گوگل

برای دریافت کد نقشه مورد نظر خود روی منوی سمت چپ کلیک کنید و در بخش باز شده روی گزینه Share or embed map کلیک نمایید.

این مطلب را از دست ندهید :
آموزش ساخت فید rss در وردپرس
اشتراک گذاری نقشه شما در گوگل
دکمه اشتراک گذاری نقشه گوگل

سرویس گوگل مپ کد مخصوص درج نقشه در وب‌سایت را جهت جاسازی در سایت وردپرس به شما ارائه می‌دهد.برای کپی‌کردن این کد درپنجره باز شده به تب Embed a map رجوع کنید.

 

نمایش آدرس شما برای اشتراک گذاری در سایت
کد آدرس شما در گوگل

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

3- قرار دادن کد HTML در صفحه دلخواه

روی دکمه Copy HTML کلیک کرده و به برگه یا نوشته ای که می خواهید نقشه گوگل در آن نمایش داده شود بروید.

کپی کردن کد آدرس شما در برگه مورد نظر
قرار دادن کد اشتراک گذاری نقشه شمادر صفحه

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

برگه تماس با ما
نمونه برگه همراه با نقشه گوگل

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

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

عاطفه نوربخش

عاطفه نوربخش هستم؛ هم بنیانگذار " وردپرس نارنجی " که حاصل تجربه های خودم در حوزه تخصصی وردپرس را برایتان می نویسم و تلاش میکنم به شما کمک کنم تا با سیستم مدیریت محتوای وردپرس، سایت وردپرسی ای زیبا و حرفه ای داشته باشید.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دوره آموزش وردپرس در اصفهانثبت نام رایگان (کد تخفیف : WpNarenji)
+
بستن