افزونه وردپرس ساخت نقشه | Mapplic – Custom Interactive Map

وردپرس نیاز افزونه Mapplic را در میان افزونه‌های کاربردی وردپرس عرضه می‌کند. این افزونه از یک تصویر یا فایل SVG نقشه‌ای تعاملی می‌سازد: پلان ساختمان، نقشه رویداد یا نقشه یک کشور. روی نقشه مکان‌هایی با عنوان، توضیح، پیوند و تصویر ثبت می‌شود و نقشه با یک کد کوتاه در برگه می‌نشیند. افزونه نیازی به افزونه‌ای دیگر ندارد.

ساختن نقشه با Mapplic

هر نقشه یک مورد در منوی Maps پیشخوان است و با یک سازنده بصری ساخته می‌شود. صفحه ساخت نقشه سه راه شروع دارد: نقشه نمونه آماده، نقشه جغرافیایی آماده، یا فایل خودتان. فایل خودتان از نوع SVG یا PNG یا JPG است. طبق مستندات سازنده، فقط در SVG می‌توان بخشی از خود نقشه، مثل یک اتاق، را تعاملی کرد؛ روی PNG و JPG فقط نشانگر مکان می‌گذارید.

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

بخش‌های سازنده

سازنده در یک ستون کناری چند بخش دارد:

• بخش مکان‌ها (Locations) فهرست نقطه‌های نقشه است. برای هر مکان عنوان، توضیح کوتاه، تصویر، پیوند، تلفن، ساعت کاری و یک توضیح با ویرایشگر ساده ثبت می‌شود. دکمه Recognize SVG بخش‌های تعاملی فایل SVG را پیدا می‌کند و برایشان مکان می‌سازد. به گفته مستندات سازنده، عنصرهای نام‌دار درون گروه‌هایی که نامشان با MLOC و یک خط تیره شروع می‌شود، تعاملی شناخته می‌شوند. در نصب آزمایشی (یک وردپرس فارسی و تازه که برای همین بررسی ساخته شد) برای یک پلان شش‌اتاقه که برای آزمایش کشیده شد، شش مکان ساخته شد.
• بخش لایه‌ها (Layers) برای هر فایل نقشه یک لایه دارد. نقشه‌ای با چند طبقه چند لایه دارد و روی نقشه کلیدهای انتخاب طبقه نشان می‌دهد. عرض و ارتفاع فایل به پیکسل در همین بخش دیده و اصلاح می‌شود.
• بخش فهرست (Directory) فهرست مکان‌ها را کنار نقشه می‌گذارد، با مرتب‌سازی بر اساس عنوان، تصویر بندانگشتی، گروه‌بندی، شمارنده، جست‌وجو و فیلتر. سمت فهرست، چپ یا راست، هم در همین بخش انتخاب می‌شود.
• بخش تنظیمات (Settings) گزینه‌های نمایش تمام‌صفحه، کادر شناور، پیوند مستقیم به مکان یا گروه، حداکثر بزرگ‌نمایی و نقطه‌های شکست برای اندازه صفحه را دارد.
• بخش راهنمای نقشه (Legend) نماد و رنگ‌های نقشه را توضیح می‌دهد.
• بخش ظاهر (Appearance) رنگ اصلی، تم، گردی گوشه‌ها، CSS شخصی و سبک مکان‌ها را دارد.
• بخش Localization زبان‌ها و ترجمه‌ها را نگه می‌دارد.

نقشه روی صفحه

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

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

فارسی در نقشه

عنوان و توضیح مکان‌ها را می‌توان فارسی نوشت. در نصب آزمایشی عنوان‌های فارسی در فهرست مکان‌های سازنده، روی نقشه و در کادر شناور خوانده شد؛ نوع مکان‌ها برای این آزمایش روی برچسب متنی گذاشته شده بود.

بخش Localization زبان‌ها را نگه می‌دارد و فارسی در فهرست زبان‌هایش هست. نقشه زبان خود را از زبان صفحه برمی‌دارد. در نصب آزمایشی پس از افزودن زبان فارسی و یک ترجمه برای عبارت Zoom in در همین بخش، برچسب کلید بزرگ‌نمایی در صفحه فارسی به «بزرگ‌نمایی» تغییر کرد. ترجمه برچسب‌ها را خودتان در همین بخش وارد می‌کنید.

نکته‌هایی برای پیش از خرید

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

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

در کد افزونه، SVG و CSV به نوع‌های مجاز بارگذاری پیشخوان اضافه شده است تا فایل نقشه و جدول مکان‌ها بارگذاری شود.

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