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

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

افزونه ای که در این مطلب به شما معرفی می کنیم، افزونه 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: در این قسمت باید واحد مسافت‌های نمایشی بر روی نقشه را برحسب کیلومتر یا 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 می‌توانید نقشه نمایشی در سایت را شخصی‌سازی نمایید؛ برای این‌کار باید کدهای خود را در همین قسمت وارد کنید تا با همان استایل در سایت با توجه به موقعیت فروشگاه‌ اینترنتی در وردپرس نمایش داده شود.

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] آن را در برگه نمایش دهید؛ دقت کنید این شورت‌ کد تنها برای برگه‌ها فعال می‌شود و بر روی ابزارک‌ها فعال نخواهد شد.

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

صفحه افزونه دانلود افزونه

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