آموزش ساخت نقشه تعاملی در وردپرس با Interactive Geo Maps

در این مقاله یاد می‌گیریم چطور با استفاده از افزونه Interactive Geo Maps، یک نقشه زیبا و کاربردی بسازیم که کاربر با کلیک روی هر استان یا منطقه، به صفحه مورد نظر هدایت شود.

چرا به نقشه تعاملی در سایت نیاز داریم؟

  • نمایش مناطق خدمات‌دهی

  • معرفی نمایندگی‌ها و شعب

  • لینک به صفحات جداگانه برای استان‌ها یا کشورها

  • جذاب‌تر کردن تجربه کاربری

🧩 مرحله ۱ – نصب افزونه

۱. در پیشخوان وردپرس، به مسیر زیر برو:

افزونه‌ها → افزودن

۲. در نوار جستجو بنویس:

Interactive Geo Maps

۳. افزونه‌ای با همین نام (از نویسنده “Carlos Moreira”) رو نصب و فعال کن.

🗺️ مرحله ۲ – ساخت اولین نقشه

۱. از منوی وردپرس وارد بخش
Interactive Maps → Add New Map شو.
2. در قسمت Map Source، کشور Iran رو انتخاب کن.

آموزش MapGeo – Interactive Geo Maps

3. در قسمت Regions، لیست استان‌های ایران نمایش داده می‌شه.
برای هر استان می‌تونی تنظیم کنی:

  • Name: نام استان

  • Color: رنگ بخش

  • Link: آدرس صفحه یا نوشته (URL یا شورت‌لینک داخلی)

  • Tooltip: توضیح کوتاه که موقع هاور نمایش داده می‌شه

ویرایش مشخصات مناطق در MapGeo

🔗 مرحله ۳ – لینک دادن استان‌ها

برای هر استان، یک برگه یا نوشته در وردپرس بساز (مثلاً /isfahan, /fars, /tehran و …).
در فیلد Link هر استان، آدرس همون برگه رو وارد کن.

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

/isfahan

📋 مرحله ۴ – درج نقشه در برگه

بعد از ذخیره نقشه، افزونه بهت یک شورت‌کد می‌ده، مثلاً:                                        [interactive_map id=”123″]

اون رو کپی کن و در هر برگه یا نوشته‌ای که می‌خوای نقشه نمایش داده بشه، قرار بده.

🌟 نتیجه

کاربر وقتی روی هر استان کلیک کنه، مستقیم به صفحه‌ی مربوط به اون استان منتقل می‌شه ✅
مثلاً:

  • کلیک روی تهران → رفتن به برگه‌ی “tehran”

  • کلیک روی فارس → رفتن به “fars”

آموزش MapGeo – Interactive Geo Maps