چطور Google Map رو به وردپرس اضافه کنیم؟
Google Maps یکی از محبوب‌ترین سرویس‌های گوگل هست. شما میتونین برای نشون دادن موقعیت مکانی شرکتتون رو روی وبسایتتون از Google Maps استفاده کنین.
چطور Google Map رو به وردپرس اضافه کنیم؟
وردپرس به شما اجازه میده که انواع مختلفی از محتواها رو منتشر کنین، اما Google Maps چطور؟ البته که ممکن هست. اساسا شما 3 راه برای قرار دادن Google Maps در وبسایت وردپرستون دارین.
Google Maps رو در پوسته وردپرس Embed کنین
اول به https://google.com/maps برین و مکانی که دوست دارین روی نقشه نشون داده بشه رو جست‌وجو کنین. روی دکمه share یا Embed map کلیک کنین.
همچنین میتونین منطقه رو انتخاب کنین، منو رو باز کنین و روی share یا Embed map کلیک کنین.
در تب Embed map میتونین اندازه نقشه رو تنظیم کنین و کد رو کپی کنین:
وقتی که کد Google Map رو داشته باشین، میتونین به سادگی اون کد رو در پست وردپرس یا محتوای صفحه وردپرس قرار بدین.
|
1 |
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d136952.86471617382!2d-73.7315952209248!3d40.66825410329051!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2spl!4v1474031091096" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe> |
فراموش نکنین که قبلش نو ویرایشگر وردپرس رو به متن تغییر بدین.
اگر میخواین Google Map رو در ویجت وردپرس نشون بدین، به Appearance > Widgets برین، text widget رو انتخاب کنین و اون رو به نوار جانبی اضافه کنین. بعدش میتونین کد رو در محتوا قرار بدین و تنظیمات رو ذخیره کنین.
پلاگین Google Map برای وردپرس
شما میتونین همچنین از پلاگین برای نمایش Google Map در وردپرس استفاده کنین. یکی از محبوب‌ترین این پلاگین‌ها WP Google Maps هست. بعد از نصب و فعال‌سازی، به سادگی به Maps برین تا چند نقشه ایجاد کنین و تمام تنظیمات موجود رو مدیریت کنین.
شما میتونین نوع نقشه‌ها، پوسته‌ها، coordinates، سطح بزرگنمایی، ایجاد tooltips، نشان‌گرها و… رو تغییر بدین. پلاگین‌ها بسیار قدرتمند هستند و راه‌اندازی‌شون آسون هست.
پس از اتمام پیکربندی تنظیمات، shortcode رو در جایی که میخواین نقشه نشون داده بشه کپی کنین.
در صورت تمایل، میتونین از ویجت WP Google Maps برای نمایش نقشه در نوار جانبی هم استفاده کنین.
shortcodes Google Maps در وردپرس
اکثر پوسته های وردپرسی ما، از shortcodeهای وردپرس برای نمایش Google Maps استفاده میکنن. میتونین یک shortcode وردپرس با پارامترهای زیر بنویسین:
address
latitude: عدد
longitude: عدد
width: PX یا %
height: PX یا %
Enablescrollwheel: درست/ نادرست
Disablecontrols: درست/ نادرست
zoom: 0-23
Tooltip: فعال/ غیرفعال
مثال:
|
1 |
[map address="New York City"] |
|
1 |
[map latitude="51.519011" longitude="-0.116958" width="100%" height="300px"] |
|
1 |
[map address="London" zoom="12" enablescrollwheel="false"] |
به یاد داشته باشین که Google maps API باید برای استفاده از shortcodeهای داخلی بارگذاری بشه.
بعضی از ارائه‌دهندگان پوسته، گزینه ای برای این منظور دارن یا این API رو به طور خودکار بارگذاری میکنن:
از 22 ژوئن 2016، گوگل به احراز هویت نیاز داره. بنابراین اگر میخواین از Google maps در صفحه‌تون استفاده کنین باید کلید API رو ارائه بدین.
میتونین در Google API Console ، کلید API رایگان دریافت کنین:
https://developers.google.com/maps/documentation/javascript/get-api-key
کد رو در گزینه‌های پوسته کپی کنین:
امیدواریم که این مقاله کوچیک، برای انتشار Google maps روی وبسایتتون به شما کمک کنه.
