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

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

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

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

این روش آسان تر بوده و برای استفاده از آن نیازی به نصب افزونه وردپرس ندارد.

ابتدا شما باید به سایت Google My Maps مراجعه کرده و روی دکمه Create A New Map کلیک کنید.

Create a new map

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

ویرایش نقشه

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

تولبار نقشه

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

اضافه کردن توضیحات برای لایه ها در نقشه

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

انتشار نقشه

با این کار به بخش به اشتراک گذاری نقشه مذکور هدایت می شوید جاییکه باید بر روی لینک Change در قسمت Who has access کلیک کنید.

در مرحله بعدی شما باید گزینه On – Public on the web را انتخاب کرده و روی دکمه Save کلیک کنید.

بعد از آن بر روی Done کلیک کنید تا قسمت sharing center بسته شود.

در پنل ویرایش نقشه مذکور بر روی آیکونی که در کنار عنوان نقشه نمایش داده می شود کلیک کرده و گزینه Embed on my site را انتخاب کنید.

شما حالا با جعبه ای روبرو خواهید شد که کد مربوط به نقشه را در خود دارد که باید آن را کپی کنید.

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

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

 

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

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

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

ابتدا شما باید افزونه Maps Marker Pro را نصب و فعال کنید. البته می توانید از نسخه رایگان این افزونه که با نام Leaflet Maps Marker (Google Maps, OpenStreetMap, Bing Maps) در مخزن وردپرس در دسترس است نیز استفاده کنید. همچنین می توانید افزونه مذکور را از لینکی که در پایین همین مطلب قرار داده شده است دریافت کنید.

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

بعد از فعالسازی افزونه، بر روی Maps Marker در منوی سمت راست پیشخوان وردپرس کلیک کنید تا بتوانید نقشه تعاملی خود را ایجاد کنید. برای شروی روی دکمه Add new layer کلیک کنید.

بعد از آن باید عنوانی برای لایه مذکور وارد کرده و روی دکمه publish کلیک کنید.

حالا که لایه مورد نظر خود را ایجاد کرده اید، نوبت آن است که نشانه مورد نظر خود را روی نقشه اضافه کنید. از قسمت Maps Marker بر روی لینک Add New Marker کلیک کنید تا بتوانید اولین نشانه خود را اضافه کنید.

ابتدا باید عنوانی برای نشانه مذکور وارد کرده و سپس به دنبال مکان مورد نظر گشته و آن را انتخاب کنید.

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

فراموش نکنید که روی دکمه Publish کلیک کنید تا تنظیمات مربوط به نشانه ذخیره شود.

فرایند مذکور را تکرار کرده تا نشانه های بیشتری را به لایه اضافه کنید.

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

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

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

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

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

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

دانلود افزونه Leaflet Maps Marker (Google Maps, OpenStreetMap, Bing Maps)




مطالب مرتبط با این نوشته

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

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

آیا میخواهید وضعیت دلخواه خود را برای مطالب سایتتان در وردپرس اضافه کنید؟ وضعیت مطلب در وردپرس ابزاری است که به شما اجازه می دهد تا مطالب خود را بر اساس جریانی که در طی…

ارسال دیدگاه

آدرس ایمیل شما منتشر نخواهد شد. فیلد های ضروری با * مشخص شده است.

کد امنیتی زیر را وارد کنید: *

کد امنیتی زیر را وارد کنید: *