افزونه JetTricks، افزونه افکت و انیمیشن برای المنتور و گوتنبرگ
افزونه JetTricks یا جت تریکس یکی از ابزارهای Crocoblock برای اضافه کردن جلوههای بصری و تعامل بیشتر به صفحات وردپرس است. این افزونه به شما کمک میکند بدون نیاز به نوشتن CSS یا JavaScript، بخشهای ثابت صفحه را با افکتهای حرکتی، واکنش به اسکرول و نمایش مرحلهای محتوا جذابتر کنید.
با JetTricks میتوانید روی تصاویر Hotspot ایجاد کنید، Tooltip به المانها اضافه کنید، ستونهای Sticky بسازید، افکت Parallax و Particles اعمال کنید و با Scroll Reveal نمایش المانها را هنگام اسکرول کنترل کنید. با این افزونه وردپرس ابزارهای Unfold و Read More نیز برای مدیریت بهتر محتوای طولانی در دسترس هستند. JetTricks از Elementor و Gutenberg پشتیبانی میکند و برای طراحی لندینگپیجها، صفحات معرفی محصول و بخشهای تعاملی سایت کاربرد دارد.
ویژگیهای افزونه JetTricks
افزونه JetTricks مجموعهای از ابزارهای بصری و تعاملی Crocoblock را برای طراحی صفحات وردپرس در اختیار شما قرار میدهد. این افزونه قابلیتهایی مانند Parallax، Scroll Reveal، Particles، Hotspots، Tooltip و Sticky Column را برای ایجاد حرکت و تعامل در صفحه ارائه میدهد. ابزارهای Unfold و Read More نیز برای کنترل نمایش محتوای طولانی در دسترس قرار میگیرند. JetTricks علاوه بر Elementor از WordPress Block Editor یا Gutenberg نیز پشتیبانی میکند و امکان مدیریت ویجتها و Extensionهای موردنیاز را در اختیار طراح قرار میدهد.
ایجاد افکت پارالکس بدون کدنویسی
قابلیت Parallax برای ایجاد حرکت متفاوت میان المانهای صفحه و افزایش عمق بصری طراحی کاربرد دارد. JetTricks امکان اعمال این افکت را بدون نیاز به نوشتن CSS یا JavaScript فراهم میکند و کنترل تنظیمات آن از محیط طراحی انجام میشود.
- افکت Parallax
- حرکت متفاوت المانها
- ایجاد عمق بصری
- مناسب برای بخشهای شاخص صفحه
- تنظیمات بدون کدنویسی
- کنترل افکت از محیط طراحی
- مناسب برای صفحات فرود و معرفی محصول
نمایش مرحلهای المانها با Scroll Reveal
قابلیت Scroll Reveal کمک میکند المانهای صفحه تنها زمانی نمایش داده شوند که با اسکرول وارد محدوده دید کاربر میشوند. این ویژگی برای هدایت نگاه مخاطب و نمایش مرحلهای محتوا در صفحات طولانی و لندینگپیجها کاربرد دارد.
- Scroll Reveal
- نمایش المان هنگام اسکرول
- نمایش مرحلهای محتوا
- افکت ورود به محدوده دید
- مناسب برای صفحات طولانی
- مناسب برای Landing Page
- قابل استفاده روی Widgetها
- قابل استفاده روی Blockها
- تنظیمات بدون کدنویسی
اضافه کردن ذرات متحرک با Particles
قابلیت Particles امکان ایجاد ذرات متحرک در پسزمینه بخشهای مختلف صفحه را فراهم میکند. این افکت برای Hero Section، صفحات معرفی محصول و قسمتهایی که به تأکید بصری بیشتری نیاز دارند کاربرد دارد و میتواند فقط روی بخشهای انتخابی استفاده شود.
- افکت Particles
- ذرات متحرک پسزمینه
- مناسب برای Hero Section
- مناسب برای صفحات معرفی محصول
- مناسب برای صفحات فرود
- قابل استفاده روی بخشهای انتخابی
- جلوه بصری پویا
- بدون نیاز به انیمیشنسازی دستی
ساخت تصاویر تعاملی با Hotspots
ویجت Hotspots امکان قرار دادن نقاط قابل تعامل روی تصاویر را فراهم میکند. هر نقطه میتواند اطلاعات اختصاصی مانند متن، توضیح، آیکون یا لینک داشته باشد و برای معرفی جزئیات یک محصول، پلان، اینفوگرافیک یا تصویر آموزشی مورد استفاده قرار بگیرد.
- ویجت Hotspots
- نقاط تعاملی روی تصویر
- متن اختصاصی برای هر نقطه
- توضیحات اختصاصی
- آیکون سفارشی
- لینک اختصاصی
- موقعیت دلخواه روی تصویر
- مناسب برای معرفی ویژگیهای محصول
- مناسب برای پلانها
- مناسب برای اینفوگرافیکها
- مناسب برای تصاویر آموزشی
شخصیسازی کامل نقاط Hotspot
هر نقطه Hotspot میتواند تنظیمات مستقل خود را داشته باشد تا نحوه نمایش آن دقیقاً با ساختار تصویر هماهنگ شود. موقعیت، آیکون، متن، لینک، انیمیشن و Tooltip هر نقطه بهصورت جداگانه قابل کنترل هستند و ظاهر آن نیز میتواند با طراحی صفحه هماهنگ شود.
- موقعیت افقی Hotspot
- موقعیت عمودی Hotspot
- آیکون اختصاصی
- متن اختصاصی
- توضیحات اختصاصی
- لینک اختصاصی
- انیمیشن نقاط
- Tooltip اختصاصی
- اندازه آیکون
- فاصلهها
- پسزمینه قابل تنظیم
- ظاهر قابل شخصیسازی
اضافه کردن Tooltip به المانهای سایت
قابلیت Tooltip برای نمایش اطلاعات تکمیلی بدون اشغال دائمی فضای صفحه کاربرد دارد. میتوانید توضیحات کوتاه یا حتی Templateهای آماده را روی المانهای مختلف قرار دهید و نحوه نمایش آنها را بر اساس تعامل کاربر تنظیم کنید.
- Tooltip برای المانهای مختلف
- متن توضیحی
- Template بهعنوان محتوا
- محل نمایش قابل تنظیم
- Trigger نمایش
- انیمیشن قابل تنظیم
- فاصله قابل تنظیم
- Offset قابل تنظیم
- تنظیمات ظاهری
- مناسب برای آیکونها
- مناسب برای تصاویر
- مناسب برای بخشهای توضیحی
ثابت نگه داشتن بخشها با Sticky Column
قابلیت Sticky Column یک ستون را هنگام اسکرول در محدوده دید کاربر نگه میدارد. این ویژگی برای فهرست مطالب، اطلاعات مهم محصول، فرمها، منوهای جانبی یا دکمههایی که باید در صفحات طولانی در دسترس باقی بمانند کاربرد دارد.
- Sticky Column
- ستون ثابت هنگام اسکرول
- مناسب برای فهرست مطالب
- مناسب برای اطلاعات محصول
- مناسب برای فرمها
- مناسب برای منوی جانبی
- مناسب برای دکمههای مهم
- دسترسی مداوم به اطلاعات ضروری
- کاربردی در صفحات طولانی
مدیریت محتوای طولانی با Unfold
ویجت Unfold امکان نمایش محتوا بهصورت جمعشده و بازشونده را فراهم میکند تا بخشهای طولانی فضای زیادی از صفحه اشغال نکنند. علاوه بر متن میتوانید رسانه یا Template آماده را نیز داخل این بخش قرار دهید و نحوه باز و بسته شدن آن را شخصیسازی کنید.
- ویجت Unfold
- محتوای جمعشده
- محتوای بازشونده
- پشتیبانی از متن
- پشتیبانی از رسانه
- پشتیبانی از Template
- اندازه بخش محتوا
- نوع انیمیشن
- سرعت انیمیشن
- آیکون دکمه
- متن دکمه
- ظاهر قابل شخصیسازی
نمایش ادامه محتوا با Read More
قابلیت Read More برای مخفی نگه داشتن بخشی از محتوا و نمایش آن پس از کلیک کاربر استفاده میشود. این ابزار به خلوتتر ماندن صفحات پرمحتوا کمک میکند و در صفحات محصول، آرشیوها، وبلاگ و نوشتهها قابل استفاده است.
- قابلیت Read More
- نمایش محتوا پس از کلیک
- محتوای مخفیشونده
- مناسب برای صفحات محصول
- مناسب برای آرشیوها
- مناسب برای وبلاگ
- مناسب برای نوشتهها
- افکت نمایش قابل تنظیم
- ظاهر دکمه قابل تنظیم
- کنترل بخشهای قابل نمایش
ساخت المانهای متفاوت با Satellite
قابلیت Satellite امکان قرار دادن یک المان متنی یا تصویری در کنار محتوای اصلی را فراهم میکند. این Extension برای ایجاد ترکیبهای بصری متفاوت در تیترها و بخشهایی که به تأکید بیشتری نیاز دارند کاربرد دارد.
- Extension Satellite
- المان قبل از محتوا
- المان بعد از محتوا
- محتوای متنی
- محتوای تصویری
- مناسب برای تیترها
- ترکیبهای بصری متفاوت
- تأکید بیشتر روی عناصر مهم
- مناسب برای طراحیهای خلاقانه
پشتیبانی از Elementor و Gutenberg
JetTricks تنها به Elementor محدود نیست و قابلیتهای آن برای WordPress Block Editor یا Gutenberg نیز توسعه داده شدهاند. بسته به محیط طراحی سایت میتوانید از ویجتها، بلوکها و Extensionهای افزونه استفاده کنید.
- پشتیبانی از Elementor
- پشتیبانی از Gutenberg
- ویجتهای المنتور
- بلوکهای وردپرس
- Extensionهای طراحی
- انعطاف در انتخاب ویرایشگر
- مناسب برای پروژههای مختلف وردپرس
مدیریت ویجتها و Extensionهای موردنیاز
لازم نیست تمام قابلیتهای JetTricks را در هر پروژه فعال نگه دارید. از بخش تنظیمات افزونه میتوانید ویجتها و Extensionهای مورد استفاده را مدیریت کنید و ابزارهای غیرضروری را غیرفعال نگه دارید.
- مدیریت Widgetها
- مدیریت Extensionها
- فعالسازی ابزارهای موردنیاز
- غیرفعالسازی قابلیتهای غیرضروری
- کنترل بهتر امکانات افزونه
- تنظیم متناسب با هر پروژه
- محیط کاری خلوتتر
مناسب برای انواع سایتها و صفحات تعاملی
JetTricks برای طراحانی مناسب است که میخواهند بدون استفاده مستقیم از CSS و JavaScript، حرکت و تعامل بیشتری به صفحات اضافه کنند. قابلیتهای افزونه را میتوانید متناسب با نیاز صفحات شرکتی، فروشگاهی، شخصی، نمونهکار و صفحات فرود استفاده کنید.
- سایتهای شرکتی
- فروشگاههای اینترنتی
- سایتهای شخصی
- سایتهای نمونهکار
- صفحات معرفی خدمات
- صفحات معرفی محصول
- Landing Pageها
- صفحات فروش
- طراحیهای تعاملی
- مناسب برای کاربران بدون دانش کدنویسی
ایجاد جلوههای تعاملی بدون CSS و JavaScript
بسیاری از افکتهای تعاملی در حالت عادی به کدنویسی یا استفاده از چند ابزار جداگانه نیاز دارند. JetTricks این قابلیتها را در یک مجموعه گردآوری میکند تا حرکت، نمایش محتوا و تعامل کاربر را از طریق محیط طراحی و تنظیمات افزونه مدیریت کنید.
- کاهش نیاز به CSS سفارشی
- کاهش نیاز به JavaScript
- مجموعه یکپارچه افکتهای بصری
- ابزارهای تعامل با محتوا
- Parallax
- Particles
- Scroll Reveal
- Sticky Column
- Hotspots
- Tooltip
- Unfold
- Read More
- Satellite
- مدیریت متمرکز قابلیتهای تعاملی
