WidgetKit

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

Widgetkit به‌گونه‌ای طراحی شده است که بتوان محتوای ثابت یا محتوای پویا را دریافت کرده و آن را در قالب‌های مختلف و کاملاً واکنش‌گرا در صفحات سایت نمایش داد. مدیریت محتوا و تنظیمات ویجت‌ها نیز از طریق یک رابط کاربری متمرکز انجام می‌شود.

• ایجاد گالری تصاویر حرفه‌ای و واکنش‌گرا
• ایجاد اسلایدر و اسلایدشو با افکت‌های متنوع
• نمایش محتوا به‌صورت Grid و Grid Stack
• نمایش محتوای تعاملی با Switcher و Switcher Panel
• ایجاد Slideset و Slider
• نمایش اطلاعات در قالب Popover
• ایجاد بخش‌های بازشونده با Accordion
• ایجاد جلوه‌های Parallax
• نمایش محتوا در قالب List
• نمایش موقعیت‌ها و اطلاعات مکانی با Map
• پشتیبانی از محتوای پویا
• پشتیبانی از فیلدهای سفارشی
• امکان توسعه Widgetkit با Widget Pluginهای اختصاصی
• امکان ایجاد Content Providerهای سفارشی

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

• Gallery: ایجاد گالری تصاویر و نمایش مجموعه‌ای از تصاویر در قالبی زیبا و واکنش‌گرا.
• Slideshow: نمایش محتوای تصویری یا متنی به شکل اسلایدشو.
• Slideshow Panel: نمایش اسلایدها همراه با پنل اطلاعاتی.
• Grid: نمایش محتوا در قالب شبکه‌ای و مرتب.
• Grid Stack: ایجاد چیدمان شبکه‌ای با حالت Stack.
• Grid Slider: ترکیب چیدمان Grid با قابلیت اسلاید.
• Switcher: نمایش چند بخش محتوا با امکان جابه‌جایی بین آن‌ها.
• Switcher Panel: نمایش محتوای Switcher همراه با پنل.
• Slideset: نمایش مجموعه‌ای از آیتم‌ها در قالب اسلایدی.
• Slider: نمایش آیتم‌ها به شکل اسلایدر قابل پیمایش.
• Popover: نمایش اطلاعات تکمیلی در قالب Popover.
• Accordion: ایجاد بخش‌های بازشونده و بسته‌شونده برای نمایش محتوا.
• Parallax: ایجاد جلوه‌های حرکتی Parallax برای محتوا و تصاویر.
• List: نمایش محتوا به شکل لیست با تنظیمات مختلف.
• Map: نمایش اطلاعات مکانی روی نقشه.

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

• ایجاد گالری‌های واکنش‌گرا
• تغییر نحوه نمایش تصاویر با Widgetهای مختلف
• تغییر ترتیب تصاویر با قابلیت Drag & Drop
• برش و تغییر اندازه خودکار تصاویر
• نمایش تصاویر در اندازه مناسب برای چیدمان انتخاب‌شده
• امکان استفاده از افکت‌های تصویری و انیمیشن‌ها
• پشتیبانی از نمایش تصاویر در دستگاه‌های مختلف
• امکان استفاده از محتوای تصویری در اسلایدر و اسلایدشو

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

• ساخت اسلایدشوهای حرفه‌ای
• ساخت اسلایدرهای واکنش‌گرا
• پشتیبانی از افکت‌های انتقال مختلف
• تنظیم نحوه حرکت بین اسلایدها
• تنظیم سرعت و انیمیشن
• امکان استفاده از تصاویر و محتوای متنی
• پشتیبانی از کنترل‌های لمسی در دستگاه‌های موبایل
• امکان استفاده از صفحه‌کلید برای کنترل محتوا

Widgetkit فقط برای محتوای دستی و ثابت نیست. سیستم Content Provider آن می‌تواند محتوا را از منابع مختلف دریافت کرده و آن را در قالب Widgetهای مختلف نمایش دهد.

• پشتیبانی از محتوای Joomla
• پشتیبانی از ZOO
• پشتیبانی از K2
• امکان دریافت محتوا از منابع مختلف
• امکان تعیین دسته‌بندی محتوا
• امکان تعیین تعداد آیتم‌های قابل نمایش
• امکان تعیین ترتیب نمایش محتوا
• امکان انتخاب میزان محتوای نمایش داده‌شده

Widgetkit یک محیط مدیریتی متمرکز برای ایجاد و مدیریت Widgetها ارائه می‌دهد. در این محیط می‌توان محتوای جدید ایجاد کرد، Widget مورد نظر را انتخاب کرد و تنظیمات نمایش آن را تغییر داد.

• مدیریت تمام Widgetها از یک بخش
• ایجاد Widget جدید
• ویرایش Widgetهای موجود
• انتخاب نوع محتوا
• انتخاب نوع Widget
• افزودن یک یا چند آیتم به Widget
• انتخاب تصاویر از Media Manager جوملا
• مرتب‌سازی آیتم‌ها با Drag & Drop
• تنظیم گزینه‌های نمایش در پنل تنظیمات Widget

Widgetkit امکان استفاده از انواع محتوای چندرسانه‌ای را در Widgetها فراهم می‌کند. علاوه بر تصاویر، می‌توان از ویدئوهای آنلاین و فایل‌های ویدئویی نیز در محتوای Widget استفاده کرد.

• پشتیبانی از تصاویر
• پشتیبانی از ویدئو
• امکان استفاده از ویدئوهای YouTube
• امکان استفاده از ویدئوهای Vimeo
• امکان آپلود ویدئوی اختصاصی
• پشتیبانی از فرمت‌های MP4، OGV و WebM برای ویدئوهای HTML5
• امکان تنظیم گزینه‌های پخش ویدئو در URLهای سازگار

یکی از قابلیت‌های مهم Widgetkit امکان ایجاد فیلدهای سفارشی است. این ویژگی باعث می‌شود Widgetkit بتواند فراتر از یک افزونه ساده گالری عمل کرده و برای ساخت ساختارهای محتوایی متنوع مورد استفاده قرار گیرد.

• ایجاد فیلد Text
• ایجاد فیلد Textarea
• ایجاد فیلد Tags
• ایجاد فیلد Boolean برای مقادیر صحیح و غلط
• ایجاد فیلد Media
• ایجاد فیلد Location
• مرتب‌سازی فیلدها با Drag & Drop
• امکان افزودن تعداد زیادی فیلد سفارشی
• امکان استفاده از فیلدهای سفارشی در Widgetهای اختصاصی

Widgetkit دارای Widget مخصوص Map است و از فیلد Location نیز پشتیبانی می‌کند. به کمک این قابلیت می‌توان اطلاعات مربوط به موقعیت‌های مکانی را در محتوای سایت مدیریت و نمایش داد.

• ایجاد Widget نقشه
• انتخاب موقعیت مکانی
• استفاده از Location Field
• نمایش اطلاعات موقعیت مکانی در محتوای Widget
• مناسب برای معرفی شعب، فروشگاه‌ها، دفاتر و مکان‌های مختلف

Widgetkit با هدف نمایش صحیح محتوا در دستگاه‌های مختلف طراحی شده است. Widgetها می‌توانند در اندازه‌های مختلف صفحه‌نمایش خود را با محیط نمایش تطبیق دهند.

• پشتیبانی از دسکتاپ
• پشتیبانی از تبلت
• پشتیبانی از موبایل
• پشتیبانی از Touch Gesture
• پشتیبانی از Keyboard Navigation
• تنظیم Breakpointهای مختلف برای نمایش محتوا
• پشتیبانی از تنظیمات مربوط به صفحات نمایش بزرگ

Widgetkit برای بهبود عملکرد صفحات از تکنیک‌هایی مانند ترکیب و Minify کردن فایل‌های CSS و JavaScript، Cache و Lazy Loading استفاده می‌کند. این قابلیت‌ها به کاهش حجم منابع مورد نیاز و بهبود نحوه بارگذاری محتوا کمک می‌کنند.

• ترکیب فایل‌های CSS و JavaScript
• Minify کردن منابع
• Cache کردن منابع
• Lazy Loading برای تصاویر
• بارگذاری منابع مورد نیاز Widget در زمان استفاده
• بهینه‌سازی منابع برای عملکرد بهتر صفحات

Widgetkit 3 به‌صورت کامل بازطراحی شد و از UIkit 3 استفاده می‌کند. در این نسخه وابستگی قدیمی به UIkit 2 کنار گذاشته شده و ساختار Widgetها با اکوسیستم جدید YOOtheme Pro هماهنگ شده است.

• استفاده از UIkit 3
• هماهنگی با اکوسیستم YOOtheme Pro
• استفاده از قابلیت‌های UIkit 3
• بهبود افکت‌ها و تعاملات Widgetها
• حذف وابستگی به jQuery در Widgetkit 3
• بهبود ساختار رابط کاربری مدیریت

Widgetkit به‌گونه‌ای طراحی شده که Widgetهای آن بتوانند ظاهر خود را با قالب سایت هماهنگ کنند. این ویژگی باعث می‌شود المان‌های ایجادشده با Widgetkit در کنار سایر بخش‌های سایت یکپارچه‌تر به نظر برسند.

• هماهنگی Widgetها با ظاهر قالب
• طراحی واکنش‌گرا
• استفاده از کلاس‌ها و قابلیت‌های UIkit
• مناسب برای استفاده در قالب‌های مبتنی بر YOOtheme
• امکان شخصی‌سازی ظاهر Widgetها

Widgetkit را می‌توان مستقیماً در محیط مدیریت جوملا مورد استفاده قرار داد. پس از نصب، مدیریت آن از بخش Components » Widgetkit در پنل مدیریت جوملا در دسترس قرار می‌گیرد.

• نصب از طریق Extension Installer جوملا
• مدیریت از بخش Components » Widgetkit
• ایجاد Widget از داخل محیط مدیریت
• استفاده از Widgetkit در محتوای سایت
• امکان استفاده از دکمه Widgetkit در ویرایشگرهای سازگار
• امکان درج Widget با Shortcode

برای نمایش یک Widget در محتوای سایت می‌توان از Shortcode استفاده کرد. Widgetkit هنگام درج Widget اطلاعاتی مانند شناسه و نام Widget را در Shortcode قرار می‌دهد.

• امکان درج Widget در مطالب
• استفاده از Shortcode برای نمایش Widget
• امکان ویرایش Widget موجود از طریق Shortcode
• امکان استفاده از Widgetkit از طریق Joomla Module
• امکان قرار دادن Widget در موقعیت‌های ماژول جوملا

Widgetkit علاوه بر استفاده مستقیم در محتوای سایت، امکان استفاده از طریق Module را نیز فراهم می‌کند. در جوملا می‌توان یک Module از نوع Widgetkit ایجاد کرد و Widget مورد نظر را در آن انتخاب کرد.

• ایجاد Module از نوع Widgetkit
• انتخاب Widget از داخل تنظیمات Module
• قرار دادن Widget در Positionهای مختلف قالب
• نمایش Widget در بخش‌های مختلف سایت
• استفاده از Widgetها خارج از متن اصلی مقاله

ساختار Widgetkit ماژولار و قابل توسعه است. توسعه‌دهندگان می‌توانند Widget Plugin یا Content Provider اختصاصی ایجاد کنند و نحوه دریافت یا نمایش محتوا را متناسب با نیاز پروژه تغییر دهند.

• ساخت Widget Plugin اختصاصی
• ساخت Content Provider اختصاصی
• جدا بودن منطق دریافت محتوا از نحوه نمایش آن
• امکان استفاده مجدد از یک نوع محتوا در Widgetهای مختلف
• امکان اتصال Widgetkit به منابع محتوایی سفارشی
• امکان توسعه قابلیت‌های Widgetkit بدون تغییر هسته اصلی افزونه

Content Provider در Widgetkit وظیفه دریافت اطلاعاتی را دارد که قرار است توسط Widget نمایش داده شود. این معماری باعث شده است که Widgetkit بتواند با منابع و ساختارهای محتوایی مختلف کار کند.

• دریافت محتوای Joomla
• پشتیبانی از ZOO
• پشتیبانی از K2
• امکان توسعه Content Provider اختصاصی
• تفکیک منبع محتوا از نحوه نمایش
• امکان Mapping کردن فیلدهای منابع محتوا

قابلیت Field Mapping امکان اتصال فیلدهای موجود در منابع محتوا به فیلدهای مورد استفاده توسط Widgetkit را فراهم می‌کند. این ویژگی برای استفاده از داده‌های افزونه‌ها و ساختارهای محتوایی مختلف اهمیت زیادی دارد.

• Mapping کردن فیلدهای محتوا
• انتخاب فیلدهای مورد نیاز
• امکان تعریف Mappingهای مختلف
• پشتیبانی از منابع محتوایی سفارشی
• انعطاف‌پذیری بالا در انتقال داده به Widgetkit

Widgetkit با چندین ویرایشگر شناخته‌شده جوملا سازگاری دارد. در صورت عدم نمایش دکمه Widgetkit در یک ویرایشگر خاص، می‌توان از درج و ویرایش Shortcode به شکل دستی استفاده کرد.

• Plain Textarea
• JCE
• RokPad
• TinyMCE
• CodeMirror
• Ace

Widgetkit امکان به‌روزرسانی از طریق سیستم به‌روزرسانی جوملا را فراهم می‌کند. در نسخه‌های دارای سیستم 1-Click Update، پس از انتشار نسخه جدید می‌توان افزونه را از طریق پنل مدیریت به‌روزرسانی کرد.

• اعلان انتشار نسخه‌های جدید
• امکان به‌روزرسانی از پنل مدیریت
• پشتیبانی از به‌روزرسانی دستی
• استفاده از Download Key برای دریافت نسخه‌های مجاز
• امکان نصب نسخه جدید از طریق Extension Installer جوملا

• ساخت گالری تصاویر برای سایت‌های شرکتی
• ایجاد اسلایدر محصولات و خدمات
• نمایش نمونه‌کارها و Portfolio
• نمایش تصاویر پروژه‌ها
• ساخت اسلایدشو برای صفحه اصلی
• نمایش مقالات و محتوای پویا
• نمایش محصولات یا آیتم‌های محتوایی در قالب Grid
• ساخت بخش پرسش‌های متداول با Accordion
• نمایش اطلاعات شعب و مکان‌ها با Map
• ایجاد بخش‌های تعاملی در صفحات فرود
• نمایش محتوای چندرسانه‌ای
• ایجاد صفحات بصری و تعاملی بدون نیاز به کدنویسی پیچیده

• رابط کاربری ساده و متمرکز
• تنوع بالای Widgetهای آماده
• پشتیبانی از محتوای ثابت و پویا
• طراحی واکنش‌گرا
• پشتیبانی از موبایل و Touch Gesture
• پشتیبانی از Keyboard Navigation
• پشتیبانی از فیلدهای سفارشی
• قابلیت توسعه برای پروژه‌های حرفه‌ای
• پشتیبانی از Content Providerهای سفارشی
• امکان استفاده از Shortcode
• امکان استفاده به‌صورت Joomla Module
• بهینه‌سازی منابع CSS و JavaScript
• پشتیبانی از Lazy Loading
• استفاده از UIkit 3 در Widgetkit 3
• هماهنگی مناسب با اکوسیستم YOOtheme

YOOtheme Widgetkit یک افزونه قدرتمند برای جوملا است که مجموعه‌ای از ابزارهای آماده برای ساخت گالری، اسلایدر، اسلایدشو، Grid، Accordion، Parallax، List، Map و سایر المان‌های تعاملی را در اختیار مدیر سایت قرار می‌دهد. ترکیب رابط کاربری ساده، پشتیبانی از محتوای پویا، فیلدهای سفارشی، طراحی واکنش‌گرا و قابلیت توسعه باعث شده است Widgetkit برای پروژه‌هایی که نیاز به نمایش حرفه‌ای محتوا و تصاویر دارند، گزینه‌ای کاربردی باشد.

Widgetkit همچنین با معماری ماژولار خود امکان توسعه توسط برنامه‌نویسان را فراهم می‌کند و می‌توان Content Provider و Widget Plugin اختصاصی برای آن ایجاد کرد. نسخه 3 این افزونه نیز با UIkit 3 بازطراحی شده و امکانات آن با اکوسیستم جدید YOOtheme هماهنگ شده است.