نحوه اضافه کردن نقشه تعاملی در وردپرس

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

روش 1: اضافه کردن یک نقشه تعاملی در وردپرس با استفاده از Google My Maps

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

ابتدا باید به وب سایت Google My Maps مراجعه کنید و روی دکمه “Create a new map” کلیک کنید.

ایجاد نقشه در google my maps

این کار  شما را به صفحه ویرایش نقشه منتقل می کند. در این صفحه، می توانید نقشه خود را با انتخاب یک نقشه پایه، اضافه کردن نقاط مورد علاقه، لایه ها و موارد دیگر ایجاد کنید.

ویرایش نقشه در google my maps

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

نوار ابزار google my maps

تمام آیتم های نقشه شما در لایه ی در سمت چپ ذخیره می شوند. شما می توانید لایه ها را اضافه، ویرایش و یا تغییر نام دهید و یا حتی حذف کنید. همچنین می توانید بر روی هر آیتم در لایه خود کلیک کنید تا توضیحاتی به آن اضافه کنید، عنوان را تغییر دهید یا عکس / فیلم اضافه کنید.

افزودن توضیحات به نقشه در google my maps

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

به اشتراک گذاری نقشه در google my maps

سپس بر روی گزینه “Change” در صفحه اجرا شده کلیک کنید.

تنظمیات به اشتراک گذاری نقشه در google my maps

گزینه “On – Public on the web” را انتخاب کرده و تنظیمات را ذخیره نمایید.

انتشار عمومی نقشه تعاملی ایجاد شده در google my maps در وردپرس

بعد از آن برای اتمام اشتراک گذاری بر روی گزینه ی ” Done ” کلیک کنید.

در پنل ویرایش روی نماد منو در کنار نام نقشه کلیک کنید و سپس ” Embed on my site” را انتخاب کنید.

قراردادن نقشه تعاملی در سایت وردپرس

شما اکنون کدی را مشاهده می کنید که می بایست آن را کپی کنید

قراردادن کد نقشه تعاملی در وردپرس

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

paste کردن کد نقشه تعاملی در وردپرس

اکنون می توانید تغییرات خود را ذخیره کنید و پیش نمایش پست خود را برای دیدن نحوه ی عملکرد نقشه مشاهده کنید.

نمایش نقشه تعاملی در سایت وردپرسی

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

در حالی که شما می توانید نقشه های تعاملی را با استفاده از Google My Maps ایجاد و اضافه کنید، این نقشه ها ویژگی های خاصی نداشته و تنها محدود به نقشه های گوگل هستند.

اگر می خواهید از Open Street Maps، Bing یا سایر خدمات نقشه برداری استفاده کنید، این روش برای شما مناسب است.

اولین چیزی که باید انجام دهید این است که پلاگین Maps Marker Pro را نصب و فعال کنید.

پس از فعال شدن، شما باید گزینه Maps Marker Pro را مشاهده کنید تا نقشه تعاملی خود را ایجاد کنید. برای شروع، بر روی دکمه ” Add New Layer” کلیک کنید.

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

سپس، باید یک نام برای لایه خود ثبت کنید و روی “publish” کلیک کنید.

ایجاد لایه جدید برای نقشه تعاملی در وردپرس با افزونه Maps Marker Pro

اکنون که یک لایه ایجاد کرده اید، می توانید نشانگرهای نقشه را بر روی آن اضافه کنید. به Maps Marker Pro » Add New Marker رفته تا اولین نشانگر خود را اضافه کنید.

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

ابتدا یک عنوان را برای نشانگر وارد کنید، سپس محل را جستجو و آن را انتخاب کنید.

همچنین باید نشانگر  خود را در لایه ای که قبلا ایجاد کرده اید قرار دهید. می توانید این کار را با تایپ کردن نام لایه در لایه ها ی قبلی انجام دهید و آن را انتخاب کنید.

فراموش نکنید که روی دکمه “Publish ” کلیک کنید تا نشانگر  خود را ذخیره کند.

این فرآیند را برای اضافه کردن نشانگرهای دیگر به لایه از ابتدا تکرار کنید.

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

در صفحه ویرایش پست، بر روی دکمه “Add Map” کلیک کنید.

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

سپس یک پنجره باز می شود که نشانگر نقشه های شما و لایه ای که قبلا ایجاد کرده اید را نشان می دهد. شما باید لایه را انتخاب کنید و دکمه “insert map ” کلیک کنید .

انتخاب لایه نقشه تعاملی وردپرس

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

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

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

Maps Marker Pro یک پلاگین قدرتمند با تنوع گزینه هایی مانند نقشه های چند لایه، نشانگرهای سفارشی، جهت، پشتیبانی GPX و. غیره است. شما می توانید این گزینه ها را بررسی کنید تا نقشه هایتان را بیشتر کنید.

نوشته های مشابه