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

افزونه WP Store Locator

افزونه‌ای که در این مقاله قصد معرفی و آموزش آن را داریم، افزونه WP Store Locator است که با استفاده از آن قادر به نمایش آدرس چندین موقعیت جغرافیایی توسط نقشه به همراه اطلاعات آنها خواهید بود. این افزونه توانسته است امتیاز ۴/۹ از ۵ را در مخزن وردپرس به خود اختصاص دهید که نشان از رضایت اکثریت کاربران استفاده‌کنندگان از آن است.

برخی از ویژگی‌های افزونه WP Store Locator

  • قابلیت نمایش مکان‌ها بر روی نقشه به همراه اطلاعات تماس
  • قابلیت نمایش بی‌نهایت مکان بر روی نقشه
  • قابلیت شخصی‌سازی استایل نقشه‌ها
  • پشتیبانی از افزونه‌های چندزبانه کردن سایت

نصب و راه‌اندازی افزونه WP Store Locator

برای استفاده از این افزونه وردپرس ابتدا نیاز به نصب آن بر روی سایت وردپرسی خود دارید. پس از نصب آن باید از کد API گوگل برای نمایش نقشه استفاده کنید. برای اینکار ابتدا به بخش تنظیمات افزونه و بخش Google Maps API مراجعه کنید. در این بخش از شما می‌خواهد که برخی اطلاعات را وارد کنید که اولین آن کد API است؛ برای دریافت این کد صفحه console.developers.google.com مراجعه کنید. در این بخش پنجره‌ای مانند صفحه زیر مشاهده می‌کنید که باید اطلاعات آن را وارد کنید.

  • Name: در این بخش باید نامی را برای API خود وارد کنید؛ به طور مثال می‌توانید نام سایت خود را وارد کنید.
  • Key Restriction: در این بخش باید نوع استفاده خود از کد API را وارد کنید.
  • IP Adress: در این بخش باید IP سروری را که سایت شما بر روی آن در حال میزبانی است را وارد کنید.

Search

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

  • Enable autocomplete: با استفاده از این گزینه می‌توانید به صورت خودکار برخی از نتایج جستجو را به کاربران نتایج دهید.
  • Show the max results dropdown: با استفاده از این گزینه می‌توانید حداکثر تعداد نمایش نتایج جستجو را از کاربر بخواهید.
  • Enable category filters: یکی از امکانات این افزونه قابلیت دسته‌بندی نقشه‌های ایجاد شده بر روی سایت است. با استفاده از این گزینه می‌توانید نتایج جستجو را بر اساس دسته‌بندی‌های مختلف فیلتر کنید.
  • Filter type: با استفاده از این گزینه می‌توانید نوع فیلتر جستجو را فعال کنید.
  • Distance unit: در این بخش باید واحد مسافت‌های نمایشی بر روی نقشه را بر حسب Kilometer یا Mile مشخص کنید.
  • Max search results: با استفاده از این گزینه می‌توانید حداکثر تعداد نتایج جستجوی نقشه‌ها توسط کاربران را مشخص کنید.

Map

این بخش مربوط به محتوای نقشه نمایشی به کاربران در سایت وردپرسی شما است.

  • Attempt to auto-locate the user: با استفاده از این گزینه می‌توانید نزدیک‌ترین فروشگاه را بر اساس موقعیت کاربر به آنها نمایش دهید.
  • Load locations on page load: با استفاده از این گزینه بارگذاری نقشه هم‌زمان با بارگذاری صفحه سایت صورت خواهد پذیرفت؛ با اینکار ممکن است زمان بارگذاری سایت افزایش یابد که پیشنهاد می‌کنیم این بخش را فعال نکنید.
  • Max auto zoom level: با استفاده از این گزینه می‌توانید حداکثر میزان زوم بر روی نقشه را تعیین کنید.
  • Show the street view controls: با استفاده از این گزینه می‌توانید گزینه‌های مربوط به نمایش و انتقال در خیابان مورد نمایش در نقشه را فعال کنید.
  • Enable scroll wheel zooming: با استفاده از این گزینه می‌توانید قابلیت زوم کردن بر روی نقشه را با استفاده از غلتک موس کاربر فعال کنید.
  • Zoom control position: با استفاده از این گزینه می‌توانید موقعیت دکمه زوم کردن بر روی نقشه را تعیین کنید.
  • Map type: با استفاده از این گزینه می‌توانید نوع نقشه‌ی خود را تعیین کنید تا نقشه به صورت بهتری در سایت نمایش داده شود.
  • Map style: با استفاده از کدهای CSS می‌توانید نقشه نمایشی در سایت را شخصی‌سازی کنید؛ برای اینکار کافی است کدهای خود را در همین بخش وارد کنید تا با همان استایل در سایت نمایش داده شود.
  • ایجاد سیستم پیام خصوصی میان کاربران وردپرس با افزونه Front End PM

User Experience

این بخش مربوط به تجربه کاربری یا همان نوع نمایش نقشه برای کاربران سایت شما است.

  • Store Locator height: با استفاده از این گزینه می‌توانید ارتفاع موردنظر خود را جهت نمایش نقشه مشخص کنید.
  • Max width for the info window content: افزونه نقشه را برای کاربران مختلف به صورت واکنش‌گرا نمایش می‌دهد؛ با این حال باید حداکثر سایز موردنظر خود را جهت نمایش نقشه در سایت در این بخش وارد کنید.
  • Search field width: در این بخش باید عرض موردنظر خود را جهت نمایش باکس جستجو وارد کنید.
  • Store Locator template: در این بخش باید قالب موردنظر خود را برای نمایش نقشه انتخاب کنید.
  • Open links in a new window: در صورت استفاده از لینک در نقشه، می‌توانید با استفاده از این گزینه لینک مورد استفاده را در صفحه جدید باز کنید.
  • Show a reset map button: گاهی اوقات ممکن است نقشه برای کاربران به صورت کامل بارگذاری نشود! در اینصورت کاربران می‌توانند با کلیک بر روی این گزینه تنها نقشه را مجددا بارگذاری کنند و نیازی به بارگذاری مجدد صفحه نخواهد بود.

Markers

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

Store Editor

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

Permalink

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

Lable

با استفاده از این بخش می‌توانید برچسب‌های مورد استفاده در نقشه‌های خود را شخصی‌سازی کنید.

Tools

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

پس از اعمال تنظیمات بالا، با استفاده از بخش New Store می‌توانید نقشه‌ موردنظر خود را به همراه اطلاعات وارد کنید. پس از آن با استفاده از شورت‌کد [wpsl] آن را در برگه نمایش دهید؛ توجه داشته باشید این شورت‌کد تنها برای برگه‌ها فعال می‌شود و بر روی ابزارک‌ها فعال نخواهد شد.

یک پاسخ بنویسید

لطفا نظر خود را بنویسید
لطفا نام خود را اینجا وارد کنید

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.