آموزش ساخت نقشه تعاملی در وردپرس با Interactive Geo Maps
در این مقاله یاد میگیریم چطور با استفاده از افزونه Interactive Geo Maps، یک نقشه زیبا و کاربردی بسازیم که کاربر با کلیک روی هر استان یا منطقه، به صفحه مورد نظر هدایت شود.
چرا به نقشه تعاملی در سایت نیاز داریم؟
نمایش مناطق خدماتدهی
معرفی نمایندگیها و شعب
لینک به صفحات جداگانه برای استانها یا کشورها
جذابتر کردن تجربه کاربری
🧩 مرحله ۱ – نصب افزونه
۱. در پیشخوان وردپرس، به مسیر زیر برو:
افزونهها → افزودن
۲. در نوار جستجو بنویس:
Interactive Geo Maps
۳. افزونهای با همین نام (از نویسنده “Carlos Moreira”) رو نصب و فعال کن.
🗺️ مرحله ۲ – ساخت اولین نقشه
۱. از منوی وردپرس وارد بخش Interactive Maps → Add New Map شو. 2. در قسمت Map Source، کشور Iran رو انتخاب کن.
3. در قسمت Regions، لیست استانهای ایران نمایش داده میشه. برای هر استان میتونی تنظیم کنی:
Name: نام استان
Color: رنگ بخش
Link: آدرس صفحه یا نوشته (URL یا شورتلینک داخلی)
Tooltip: توضیح کوتاه که موقع هاور نمایش داده میشه
🔗 مرحله ۳ – لینک دادن استانها
برای هر استان، یک برگه یا نوشته در وردپرس بساز (مثلاً /isfahan, /fars, /tehran و …). در فیلد Link هر استان، آدرس همون برگه رو وارد کن.
نکته: اگر فقط میخوای داخل سایت خودت بمونه، از شورتلینک داخلی استفاده کن، مثل:
/isfahan
📋 مرحله ۴ – درج نقشه در برگه
بعد از ذخیره نقشه، افزونه بهت یک شورتکد میده، مثلاً: [interactive_map id=”123″]
اون رو کپی کن و در هر برگه یا نوشتهای که میخوای نقشه نمایش داده بشه، قرار بده.
🌟 نتیجه
کاربر وقتی روی هر استان کلیک کنه، مستقیم به صفحهی مربوط به اون استان منتقل میشه ✅ مثلاً: