WidgetKit

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

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

• ایجاد انواع گالری تصاویر و ویدئو با چیدمان‌های متنوع
• ساخت اسلایدرهای حرفه‌ای برای نمایش تصاویر و محتوای وب‌سایت
• ایجاد اسلایدشوهای تمام‌صفحه و معمولی با افکت‌های انتقال جذاب
• نمایش محتوا در قالب شبکه‌های چندستونه و گریدهای پویا
• ساخت تب‌های محتوایی و پنل‌های تعاملی برای دسته‌بندی اطلاعات
• ایجاد آکاردئون برای نمایش و مخفی‌سازی بخش‌های مختلف محتوا
• نمایش محتوای اضافی در قالب Popover روی تصاویر
• ایجاد جلوه‌های حرکتی پارالاکس هنگام اسکرول صفحات
• نمایش موقعیت‌های جغرافیایی روی نقشه
• امکان مدیریت و مرتب‌سازی آیتم‌ها با قابلیت کشیدن و رها کردن (Drag & Drop)
• پشتیبانی از طراحی واکنش‌گرا برای نمایش مناسب در موبایل، تبلت و دسکتاپ
• امکان استفاده از افکت‌های تصویری و انیمیشن‌های متنوع
• قابلیت بارگذاری تنبل تصاویر (Lazy Loading)
• ترکیب و فشرده‌سازی فایل‌های CSS و JavaScript و استفاده از کش برای بهینه‌سازی بارگذاری
• امکان تعریف فیلدهای سفارشی برای افزودن اطلاعات بیشتر به آیتم‌ها
• امکان توسعه و افزودن ابزارک‌ها و منابع محتوایی اختصاصی

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

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

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

• دسترسی به بخش مدیریتی اختصاصی Widgetkit از پیشخوان وردپرس
• ایجاد ابزارک‌های جدید و مدیریت ابزارک‌های ساخته‌شده
• امکان ویرایش، تکثیر و حذف ابزارک‌ها
• انتخاب نوع محتوا و ابزارک موردنظر هنگام ایجاد یک مجموعه جدید
• افزودن یک یا چند آیتم به‌صورت هم‌زمان از طریق کتابخانه رسانه وردپرس
• مشاهده پیش‌نمایش تصاویر و ویدئوها هنگام افزودن محتوا
• مدیریت تنظیمات ظاهری و رفتاری هر ابزارک در پنل تنظیمات اختصاصی
• مرتب‌سازی آیتم‌ها با استفاده از قابلیت Drag & Drop
• تغییر تنظیمات انیمیشن، ابعاد تصاویر، نحوه نمایش محتوا و کنترل‌های ناوبری
• استفاده از ویرایشگر اختصاصی Widgetkit در محیط محتوای سایت

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

• Custom Content: ایجاد محتوای اختصاصی و افزودن دستی آیتم‌ها، تصاویر، ویدئوها و توضیحات دلخواه.
• WordPress: استفاده از محتوای موجود در وردپرس برای ساخت ابزارک‌های نمایشی.
• WooCommerce: دریافت اطلاعات محصولات فروشگاه ووکامرس و نمایش آن‌ها در قالب ابزارک‌های Widgetkit.
• Twitter: پشتیبانی از منبع محتوایی توییتر در نسخه مستندشده Widgetkit.

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

یکی از امکانات کاربردی Widgetkit، قابلیت توسعه اطلاعات هر آیتم با استفاده از فیلدهای سفارشی (Custom Fields) است. این ویژگی به شما اجازه می‌دهد علاوه بر اطلاعات پیش‌فرض مانند عنوان، تصویر و توضیحات، داده‌های اختصاصی دیگری نیز به محتوای خود اضافه کنید.

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

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

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

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

• ترکیب فایل‌های CSS و JavaScript برای کاهش تعداد درخواست‌ها
• فشرده‌سازی فایل‌های استایل و اسکریپت
• استفاده از سیستم کش برای فایل‌های تولیدشده
• پشتیبانی از Lazy Loading برای بارگذاری تصاویر در زمان نیاز
• تولید خودکار تصاویر بندانگشتی برای گالری‌ها
• تغییر اندازه و برش خودکار تصاویر متناسب با چیدمان انتخاب‌شده
• امکان تنظیم ابعاد تصاویر برای جلوگیری از نمایش نامناسب رسانه‌ها

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

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

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

مراحل ساخت و انتشار یک ابزارک به شکل زیر است:

• نصب و فعال‌سازی افزونه Widgetkit در وردپرس
• ورود به بخش Widgetkit از منوی مدیریت وردپرس
• انتخاب گزینه ایجاد ابزارک جدید (New)
• انتخاب منبع محتوا مانند محتوای اختصاصی، وردپرس یا ووکامرس
• انتخاب نوع ابزارک موردنظر مانند Gallery، Slider یا Slideshow
• وارد کردن عنوان و افزودن تصاویر، ویدئوها و اطلاعات موردنیاز
• تنظیم گزینه‌های ظاهری، انیمیشن‌ها، ابعاد تصاویر و نحوه نمایش محتوا
• ذخیره ابزارک و دریافت شورت‌کد اختصاصی آن
• قرار دادن شورت‌کد در نوشته، برگه یا بخش موردنظر وب‌سایت

برای نمایش محتوای ساخته‌شده با Widgetkit روش‌های مختلفی در نظر گرفته شده است تا بتوانید ابزارک‌های خود را در بخش‌های مختلف وب‌سایت منتشر کنید.

• Shortcode: هر ابزارک دارای شورت‌کد اختصاصی است که می‌توانید آن را در نوشته‌ها و برگه‌های وردپرس قرار دهید.
• WordPress Widget: امکان استفاده از ابزارک Widgetkit در بخش نمایش و نواحی ابزارک قالب وردپرس وجود دارد.
• ویرایشگر محتوا: می‌توانید از طریق دکمه Widgetkit در محیط ویرایش محتوا به ابزارک‌های ساخته‌شده دسترسی پیدا کرده و آن‌ها را وارد صفحه کنید.

نمونه شورت‌کد Widgetkit:

[widgetkit id="1" name="My Slideshow"]

با جایگزین کردن شناسه و نام ابزارک موردنظر، محتوای ساخته‌شده در محل قرارگیری شورت‌کد نمایش داده می‌شود.

Widgetkit از ساختار ماژولار و توسعه‌پذیر برخوردار است. توسعه‌دهندگان می‌توانند در صورت نیاز، ابزارک‌ها و منابع محتوایی اختصاصی خود را به ساختار افزونه اضافه کنند.

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

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

• ساخت گالری تصاویر نمونه‌کارها و پروژه‌های طراحی
• ایجاد اسلایدر محصولات در فروشگاه‌های اینترنتی
• نمایش تصاویر محصولات در قالب گالری‌های تعاملی
• ساخت اسلایدشوهای تبلیغاتی و بنرهای تصویری
• نمایش دسته‌بندی محصولات در قالب شبکه‌های تصویری
• ایجاد بخش پرسش و پاسخ با استفاده از آکاردئون
• نمایش اطلاعات خدمات و امکانات در قالب تب‌های محتوایی
• ایجاد بخش معرفی اعضای تیم و اطلاعات شرکت
• نمایش موقعیت شعب و نمایندگی‌ها روی نقشه
• ساخت صفحات معرفی خدمات با جلوه‌های حرکتی پارالاکس
• ایجاد بخش‌های تعاملی برای معرفی ویژگی‌های محصولات

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

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