افزونه Draw Attention Pro یک ابزار کاربردی برای وردپرس است که به شما امکان می دهد روی تصاویر نقاط تعاملی ایجاد کنید. با این افزونه می توانید بخش های مختلف تصویر را قابل کلیک کنید و اطلاعات بیشتری به کاربران نمایش دهید. این افزونه برای معرفی ویژگی های محصولات، طراحی نقشه های تصویری و اینفوگرافیک های تعاملی بسیار مناسب است. نسخه رایگان امکانات پایه ای مثل ایجاد نقاط قابل کلیک و تنظیم رنگ ها را دارد، اما نسخه پرو قابلیت های پیشرفته تری مانند استفاده از چندین تصویر، طرح های رنگ متنوع و تنظیمات سفارشی را ارائه می دهد. افزونه واکنش گراست و با صفحه سازهای وردپرس سازگاری خوبی دارد و به راحتی در سایت شما قابل استفاده است.

مشخص کردن علامت روی نقشه

بررسی افزونه Draw Attention Pro

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

پیشنهاد ویژه نوین وردپرس: طراحی و ساخت نقشه های تعاملی در وردپرس

نقشه تصویری می تواند شامل اطلاعاتی مانند تصویر، متن، کد کوتاه، گالری، ویدئو، صوت و موارد دیگر باشد. این اطلاعات با کلیک یا هاور روی نقاط برجسته نمایش داده می شود. همچنین می توانید شکل های دلخواه برای نقاط تعاملی مستقیماً روی تصویر اصلی خود ایجاد نمائید.

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

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

استفاده از شورتکد

امکانات افزونه Draw Attention Pro

1- طراحی ریسپانسیو

نقشه های تصویری تعاملی به طور خودکار اندازه خود را با قالب سایت و سایز صفحه نمایش سازگار می کنند. افزونه Draw Attention  روی همه دستگاه ها به خوبی کار می کند و تصاویر را با اندازه صفحه نمایش های مختلف تنظیم می کند. این افزونه روی صفحه های لمسی مانند تبلت و موبایل نیز عملکرد بسیار خوبی دارد.

2- دسترسی پذیری

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

3- سئو دوستانه و حاشیه نویسی قابل کلیک

افزونه Draw Attention بر اساس اصول پیشرفت تدریجی طراحی شده است به طوری که حتی کاربران با جاوا اسکریپت غیرفعال نیز می توانند به محتوا دسترسی داشته باشند و این افزونه برای سئو نیز مناسب است. این افزونه در مرورگرهای مدرن اشکال SVG رسم می کند و اگر جاوا اسکریپت غیرفعال باشد به نقشه تصویری استاندارد بر می گردد.

4- رسم آسان نقشه های تصویری

رسم نواحی قابل کلیک روی نقشه تصویری بسیار ساده است و ویرایش آنها بعدا نیز آسان است. نقشه تصویری را مستقیما از داشبورد وردپرس خود بسازید و با استفاده از شورت کد ساده یا ماژول Beaver Builder و بلوک ویرایشگر وردپرس آن را در هر صفحه یا نوشته قرار دهید.

5- ابزار جدید و بهبود یافته رسم

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

تنظیمات استایل در نقشه

ویژگی های کلی افزونه Draw Attention Pro

1- ابزارهای آسان برای رسم

با کلیک می توانید چندضلعی، مربع و دایره رسم کنید. ابزارهای این افزونه بسیار ساده و کاربرپسند هستند حتی برای کشیدن شکل های پیچیده. فقط کافی است روی تصویر خود کلیک کنید تا شکل مورد نظر را رسم کنید. به راحتی می توانید هر نقطه موجود را با کشیدن آن با ماوس جابجا کنید. می توانید روی تصاویر با هر فرمت مانند PNG ،JPG یا GIF شکل رسم نمائید.

2- ایجاد برجسته سازی رنگی

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

3- رنگ های قابل تنظیم

می توانید از بین بیش از ۲۰ طرح رنگ آماده انتخاب کنید تا به سرعت و آسانی یک تصویر تعاملی بسازید. یا یک طرح رنگ کاملاً سفارشی ایجاد کنید که با قالب یا تصویر شما هماهنگ باشد. امکان استفاده از چندین طرح رنگ در یک تصویر وجود دارد که برای نمایش وضعیت ها یا دسته بندی های مختلف بسیار مناسب است.

4- گزینه های چیدمان

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

پیشنهاد فوق العاده از نوین وردپرس: طراحی انواع نقشه پیشرفته کشورها در وردپرس

5- افزودن اطلاعات بیشتر

برای هر شکل قابل برجسته شدن روی تصویر خود، می توانید یک عنوان و یک تصویر شاخص اضافه کنید. همچنین می توانید متن های قالب بندی شده را با ویرایشگر متن کامل افزونه وارد کنید. این ویرایشگر از شورت کدها نیز پشتیبانی می کند از جمله ویدئو، صوت و گالری تصاویر.

6- لینک دادن به صفحات دیگر

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

ایجاد استایل ها

جمع بندی: چرا از Draw Attention استفاده کنیم؟

افزونه Draw Attention به شما کمک می کند تا روی تصاویر سایت خود نقاط قابل کلیک و تعاملی ایجاد کنید. با این نقاط می توانید اطلاعات بیشتر، عکس، متن یا لینک به صفحات دیگر اضافه کنید و توجه بازدیدکنندگان را جلب کنید. افزونه کاملا واکنش گراست و روی همه دستگاه ها به خوبی کار می کند. ابزارهای ساده ای برای رسم شکل ها دارد و می توانید رنگ، اندازه و نحوه نمایش آن ها را به دلخواه خود تنظیم کنید. نسخه حرفه ای افزونه امکانات بیشتری مثل چند نقشه تصویری و طرح های مختلف برای نمایش اطلاعات ارائه می دهد.

تغییرات و بروزرسانی ها
  • نسخه: 3.0.29
  • تاریخ: 1404/07/15
Draw Attention Pro | ایجاد تصاویر تعاملی در وردپرس با قابلیت ثبت نقاط و اکشن های متنوع روی عکس در تاریخ 1404/07/15 به نسخه 3.0.29 آپدیت شد..
اخرین بروزرسانی