Yootheme Pro

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

• طراحی بصری وب‌سایت با قابلیت مشاهده نتیجه تغییرات به‌صورت لحظه‌ای
• صفحه‌ساز حرفه‌ای با رابط کاربری Drag & Drop
• سیستم طراحی و مدیریت Header و Footer
• ساخت قالب‌های اختصاصی برای انواع صفحات جوملا
• ویرایش ظاهر سایت از طریق Style Editor
• پشتیبانی از محتوای داینامیک جوملا
• امکان استفاده از فیلدهای سفارشی در طراحی صفحات
• امکان ایجاد Mega Menu با صفحه‌ساز
• سازگاری با ساختار استاندارد Joomla
• قابلیت توسعه برای پروژه‌های اختصاصی و حرفه‌ای

صفحه‌ساز YOOtheme Pro هسته اصلی سیستم طراحی این محصول است. با استفاده از این ابزار می‌توان صفحات را به‌صورت بصری ایجاد کرد و عناصر مختلف را در ساختار صفحه قرار داد. تغییرات در محیط ویرایشگر به‌صورت زنده قابل مشاهده هستند و برای ساخت صفحات معمولی نیازی به نوشتن کد HTML یا CSS نیست.

• صفحه‌ساز بصری و Drag & Drop
• پیش‌نمایش زنده تغییرات
• ساخت صفحات از صفر یا استفاده از Layoutهای آماده
• استفاده از مجموعه متنوعی از عناصر طراحی
• ساخت Section، Row، Column و Element
• کنترل دقیق چیدمان عناصر
• طراحی صفحات کاملاً واکنش‌گرا
• کنترل جداگانه ظاهر در اندازه‌های مختلف صفحه‌نمایش
• امکان ایجاد Layoutهای اختصاصی برای صفحات مختلف
• استفاده از Layout Library برای ذخیره و استفاده مجدد از طراحی‌ها

YOOtheme Pro دارای کتابخانه‌ای از Layoutهای آماده است که می‌توان آن‌ها را مستقیماً در صفحه‌ساز بارگذاری کرد. این قابلیت باعث می‌شود برای شروع یک پروژه لازم نباشد تمام صفحات را از ابتدا طراحی کنید و می‌توان از ساختارهای آماده به‌عنوان نقطه شروع استفاده کرد.

• دسترسی به Layoutهای آماده
• بارگذاری Layout با چند کلیک
• امکان ذخیره Layoutهای اختصاصی در Library
• استفاده مجدد از طراحی‌های ذخیره‌شده در پروژه‌های دیگر
• دسته‌بندی Layoutها بر اساس نوع صفحه و موضوع
• وجود طرح‌های آماده برای صفحات مختلف مانند Home، Contact و Pricing
• وجود طراحی‌های مناسب برای وب‌سایت‌های شرکتی، شخصی و فروشگاهی

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

• ساخت Template برای مقالات جوملا
• ساخت Template برای Category Blog
• ساخت Template برای صفحات Search
• ساخت Template برای صفحات Tag
• ساخت Template برای صفحات Contact
• ساخت Template برای صفحات مختلف سایت
• نمایش محتوای داینامیک در Templateها
• امکان اختصاص Templateهای مختلف به بخش‌های متفاوت سایت
• مدیریت Templateها از یک پنل مرکزی
• امکان کپی، ویرایش و حذف Templateها

سیستم Dynamic Content یکی از امکانات مهم YOOtheme Pro برای پروژه‌هایی است که محتوای سایت مرتباً تغییر می‌کند. این قابلیت اجازه می‌دهد اطلاعات ذخیره‌شده در جوملا مستقیماً به عناصر صفحه‌ساز متصل شوند. در نتیجه طراحی از محتوا جدا می‌شود و با تغییر اطلاعات در جوملا، محتوای نمایش داده‌شده در Layout نیز به‌روزرسانی می‌شود.

• اتصال عناصر صفحه‌ساز به محتوای جوملا
• نمایش عنوان مقاله به‌صورت داینامیک
• نمایش تصویر شاخص به‌صورت داینامیک
• نمایش متن و محتوای مقاله
• نمایش تاریخ انتشار
• نمایش دسته‌بندی و Tag
• استفاده از Custom Fieldها
• نمایش محتوای داینامیک در Grid و Slideshow
• امکان ایجاد Layoutهای مبتنی بر داده‌های جوملا
• به‌روزرسانی خودکار محتوای نمایش داده‌شده هنگام تغییر اطلاعات اصلی

YOOtheme Pro می‌تواند اطلاعات موجود در فیلدهای سفارشی جوملا را دریافت و در عناصر مختلف صفحه نمایش دهد. این قابلیت برای ساخت وب‌سایت‌های دایرکتوری، سایت‌های معرفی محصولات، سایت‌های املاک، نمونه‌کارها، مجلات و پروژه‌هایی که ساختار محتوایی اختصاصی دارند بسیار کاربردی است.

• استفاده از فیلدهای سفارشی جوملا
• اتصال Custom Field به عناصر مختلف صفحه‌ساز
• نمایش اطلاعات اختصاصی هر محتوا
• ساخت Layoutهای مبتنی بر داده
• امکان جداسازی محتوا از طراحی
• مناسب برای سایت‌های دایرکتوری و محتوای ساختاریافته
• استفاده از اطلاعات سفارشی در Templateهای داینامیک

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

• نمایش چندین محتوای جوملا در یک Layout
• ساخت Gridهای داینامیک
• نمایش محتوای تکرارشونده
• استفاده از منابع محتوایی مختلف
• امکان استفاده از اطلاعات مرتبط در Layoutهای داینامیک
• پشتیبانی از Nested Dynamic Loops برای ساختارهای محتوایی مرتبط
• فیلتر کردن محتوای داینامیک بر اساس اطلاعات موجود

Style Editor به شما اجازه می‌دهد ظاهر کلی سایت را بدون نیاز به نوشتن مستقیم CSS تغییر دهید. رنگ‌ها، فونت‌ها، فاصله‌ها، تایپوگرافی و بسیاری از ویژگی‌های ظاهری را می‌توان از طریق رابط گرافیکی مدیریت کرد. YOOtheme Pro از UIkit به‌عنوان چارچوب رابط کاربری خود استفاده می‌کند.

• ویرایش رنگ‌های سایت
• مدیریت فونت‌ها
• تنظیم اندازه و سبک Typography
• تنظیم فاصله‌ها و Spacing
• مدیریت ظاهر Buttonها
• مدیریت ظاهر Cardها
• تنظیم استایل عناصر UIkit
• استفاده از Styleهای آماده
• امکان ایجاد تغییرات ظاهری بدون ویرایش مستقیم CSS
• امکان استفاده از Less برای سفارشی‌سازی‌های پیشرفته

YOOtheme Pro ابزارهای متعددی برای ساخت Layoutهای واکنش‌گرا ارائه می‌دهد. طراحی ایجادشده می‌تواند برای نمایشگرهای دسکتاپ، تبلت و موبایل بهینه شود و بسیاری از تنظیمات Layout را می‌توان برای Breakpointهای مختلف کنترل کرد.

• پشتیبانی از طراحی Responsive
• کنترل عرض ستون‌ها
• تنظیم Layout برای اندازه‌های مختلف نمایشگر
• کنترل فاصله‌ها در Breakpointهای مختلف
• تنظیم نمایش یا عدم نمایش عناصر در دستگاه‌های مختلف
• ساخت Layoutهای چندستونه واکنش‌گرا
• تنظیم ارتفاع بخش‌ها بر اساس ارتفاع صفحه
• پشتیبانی از Viewport Height

YOOtheme Pro تنها برای طراحی محتوای وسط صفحات نیست و می‌توان بخش‌های اصلی قالب مانند Header و Footer را نیز با سیستم طراحی آن ایجاد و مدیریت کرد. این قابلیت امکان ایجاد ساختارهای اختصاصی برای هدر، منوی اصلی، لوگو، ناحیه‌های بالایی و پایینی سایت را فراهم می‌کند.

• طراحی Header اختصاصی
• طراحی Footer اختصاصی
• مدیریت Logo و Navigation
• طراحی Mobile Header
• ساخت ناحیه‌های Top و Bottom
• ساخت Sidebar
• ایجاد Headerهای متفاوت برای بخش‌های مختلف سایت
• امکان استفاده از Dynamic Content در بخش‌های قالب

با استفاده از Mega Menu Builder می‌توان منوهای پیشرفته و چندستونه ایجاد کرد. طراحی Mega Menu مانند سایر بخش‌های سایت توسط Page Builder انجام می‌شود و امکان استفاده از عناصر مختلف، محتوا و Dynamic Content در آن وجود دارد.

• ساخت Mega Menuهای چندستونه
• طراحی منو با Page Builder
• استفاده از عناصر مختلف داخل منو
• نمایش محتوای داینامیک در منو
• ایجاد منوهای تصویری
• امکان ساخت منوهای حرفه‌ای برای وب‌سایت‌های بزرگ

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

• Text Element
• Headline Element
• Image Element
• Icon Element
• Button Element
• Gallery Element
• Slideshow Element
• Grid Element
• Alert Element
• Video Element
• Map Element
• Menu Element
• HTML Element
• Totop Element
• عناصر مخصوص امکانات بومی جوملا

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

• Scroll-driven Animations
• Sticky Scroll Animations
• افکت‌های Hover
• Lightbox برای تصاویر و ویدئوها
• Zoom در تصاویر Lightbox
• Swipe Navigation
• انیمیشن برای عناصر صفحه
• Sticky Elements
• افکت‌های تصویری برای تصاویر و ویدئوها
• ایجاد Sectionهای خلاقانه و تعاملی

سیستم گالری YOOtheme Pro امکان نمایش تصاویر و ویدئوها را با رابط کاربری مدرن فراهم می‌کند. Lightbox داخلی برای نمایش بزرگ‌تر تصاویر و ویدئوها طراحی شده و امکاناتی مانند Swipe Navigation و Zoom را ارائه می‌دهد.

• ساخت گالری تصاویر
• نمایش تصاویر در Lightbox
• پشتیبانی از ویدئو
• Swipe Navigation
• Zoom قابل اسکرول
• کنترل‌های سازگار با رنگ محیط
• بارگذاری بهینه محتوا

YOOtheme Pro در جوملا امکان دسترسی به Media Manager را از داخل محیط طراحی فراهم می‌کند. بنابراین انتخاب و مدیریت فایل‌های رسانه‌ای را می‌توان بدون خارج شدن از محیط ساخت Layout انجام داد.

• دسترسی به Media Manager جوملا از داخل Builder
• انتخاب تصاویر و فایل‌ها در محیط طراحی
• پیش‌نمایش ویدئوها
• پشتیبانی از تصاویر و ویدئوها
• امکان استفاده از تصاویر در بخش‌های مختلف Layout
• پشتیبانی از تصاویر بهینه‌شده و Next-generation Images

YOOtheme Pro امکان جستجو، مشاهده و استفاده از تصاویر رایگان موجود در Unsplash و Pexels را مستقیماً از محیط طراحی فراهم می‌کند. این قابلیت برای ساخت سریع صفحات و استفاده از تصاویر باکیفیت در طراحی سایت کاربردی است.

• جستجوی تصاویر از داخل YOOtheme Pro
• پیش‌نمایش تصاویر
• استفاده از تصاویر در Layoutها
• دسترسی به منابع تصویری Unsplash
• دسترسی به منابع تصویری Pexels
• کاهش نیاز به جستجوی جداگانه تصاویر برای طراحی صفحات

YOOtheme Pro با سیستم Moduleهای جوملا یکپارچه شده و امکان طراحی Layout برای Module Positionها را فراهم می‌کند. مدیریت Moduleها نیز می‌تواند از داخل محیط YOOtheme Pro انجام شود.

• مدیریت Moduleهای جوملا
• طراحی ظاهر Moduleها با Page Builder
• استفاده از Module Positionها
• ویرایش Moduleها از محیط YOOtheme Pro
• ساخت Layout اختصاصی برای Moduleها
• کنترل ظاهر و استایل Moduleها

YOOtheme Pro امکانات داخلی جوملا را با عناصر اختصاصی در صفحه‌ساز در اختیار طراح قرار می‌دهد. این موضوع باعث می‌شود قابلیت‌هایی مانند Breadcrumb، Pagination، Search، Module و سایر امکانات جوملا در طراحی‌های ساخته‌شده قابل استفاده باشند.

• نمایش Breadcrumb
• نمایش Pagination
• استفاده از Search
• نمایش Moduleها
• استفاده از امکانات بومی جوملا در Layout
• اتصال عناصر صفحه‌ساز به محتوای جوملا

YOOtheme Pro دارای عنصر Map برای نمایش موقعیت‌های جغرافیایی است و امکان استفاده از Google Maps یا OpenStreetMap را فراهم می‌کند. برای نقشه‌ها می‌توان Marker، Popup و امکانات تعاملی مختلف تعریف کرد.

• پشتیبانی از Google Maps
• پشتیبانی از OpenStreetMap
• نمایش Markerهای سفارشی
• نمایش Popup برای موقعیت‌ها
• Marker Clustering
• امکان استفاده از مختصات مکان‌ها
• بارگذاری سازگارتر با حریم خصوصی
• امکان اتصال اطلاعات موقعیت به Dynamic Content

در YOOtheme Pro می‌توان از Location Field برای ذخیره اطلاعات موقعیت در محتوای جوملا استفاده کرد و مختصات را به‌صورت داینامیک در Map Element نمایش داد. این قابلیت برای وب‌سایت‌های معرفی شعب، شرکت‌ها، املاک و دایرکتوری‌ها کاربرد دارد.

• تعریف اطلاعات موقعیت برای محتوای جوملا
• اتصال مختصات به Map Element
• نمایش موقعیت به‌صورت داینامیک
• مناسب برای سایت‌های دایرکتوری و معرفی مکان
• امکان استفاده از Location در Dynamic Content

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

• پشتیبانی از Next-generation Images
• تولید فرمت‌های بهینه تصویر در شرایط پشتیبانی‌شده
• Lazy Loading برای برخی تصاویر و ویدئوها
• مدیریت Cache
• کنترل System Assets
• استفاده از تصاویر بهینه‌شده برای کاهش حجم صفحات
• امکانات مربوط به مدیریت منابع سایت

YOOtheme Pro ابزارهای مختلفی برای ساخت ساختار منظم صفحات ارائه می‌دهد. امکان کنترل ساختار Layout، استفاده از Templateهای اختصاصی و مدیریت عناصر محتوایی باعث می‌شود طراحی صفحات برای پروژه‌های مختلف قابل تنظیم باشد.

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

YOOtheme Pro برای پروژه‌های چندزبانه نیز امکانات لازم را ارائه می‌کند و با قابلیت‌های زبان و مدیریت محتوای جوملا قابل استفاده است. این موضوع امکان ساخت وب‌سایت‌هایی با چند زبان و مدیریت Layoutهای آن‌ها را فراهم می‌کند.

• پشتیبانی از سایت‌های چندزبانه
• Language Switcher
• سازگاری با امکانات زبان جوملا
• امکان طراحی Layoutهای مورد استفاده در سایت‌های چندزبانه
• مدیریت محتوای چندزبانه در کنار ساختار جوملا

برای پروژه‌هایی که نیاز به انتقال تنظیمات یا بازاستفاده از ساختار طراحی دارند، YOOtheme Pro قابلیت Export و Import تنظیمات را در اختیار قرار می‌دهد. این ویژگی می‌تواند در پروژه‌های متعدد یا هنگام انتقال تنظیمات بین نصب‌های مختلف مفید باشد.

• Export تنظیمات YOOtheme Pro
• Import تنظیمات
• انتقال تنظیمات بین پروژه‌ها
• بازاستفاده از ساختارهای طراحی
• کمک به استانداردسازی پروژه‌های متعدد

اگر امکانات بصری موجود برای یک پروژه کافی نباشد، YOOtheme Pro امکان استفاده از CSS و Less سفارشی را نیز فراهم می‌کند. بنابراین توسعه‌دهنده می‌تواند در کنار ابزارهای بصری، کنترل دقیق‌تری روی ظاهر سایت داشته باشد.

• افزودن Custom CSS
• استفاده از Less
• اعمال CSS برای عناصر اختصاصی
• امکان تعریف استایل‌های سفارشی
• امکان استفاده از CSS اختصاصی در Advanced تنظیمات عناصر
• ترکیب طراحی بصری با کدنویسی سفارشی

YOOtheme Pro تنها یک صفحه‌ساز برای کاربران عادی نیست و معماری قابل توسعه‌ای نیز برای توسعه‌دهندگان ارائه می‌دهد. با استفاده از Starter Plugin و Child Theme می‌توان امکانات اختصاصی، Elementهای جدید، Content Sourceهای جدید و قابلیت‌های سفارشی ایجاد کرد.

• YOOtheme Starter Plugin
• Child Theme
• ساخت Elementهای اختصاصی
• ساخت Content Sourceهای اختصاصی
• افزودن تنظیمات جدید به Customizer
• افزودن Assetهای اختصاصی
• نوشتن استایل‌های سفارشی
• امکان توسعه برای پروژه‌های اختصاصی
• امکان ساخت افزونه‌های شخص ثالث
• پشتیبانی از ساختار توسعه‌پذیر برای Joomla

Child Theme امکان اعمال تغییرات اختصاصی روی پروژه را بدون دستکاری مستقیم فایل‌های اصلی YOOtheme Pro فراهم می‌کند. استفاده از این روش برای سفارشی‌سازی‌هایی که باید هنگام بروزرسانی محصول حفظ شوند، کاربرد دارد.

• ایجاد سفارشی‌سازی‌های اختصاصی
• افزودن Custom Code
• ایجاد Template Override
• افزودن Builder Elementهای سفارشی
• محافظت بهتر از تغییرات اختصاصی در فرآیند بروزرسانی
• مناسب برای پروژه‌های اختصاصی

YOOtheme Pro دارای بخش System Check است که وضعیت سیستم را بررسی کرده و مشکلات مهم، پیشنهادهای بهبود و مواردی که نیاز به بررسی دارند را نمایش می‌دهد.

• بررسی وضعیت سیستم
• شناسایی مشکلات مهم
• نمایش پیشنهادهای بهبود
• کمک به عیب‌یابی سایت
• نمایش نسخه فعلی YOOtheme Pro
• دسترسی به اطلاعات تغییرات نسخه‌ها

برای کاربران حرفه‌ای، YOOtheme Pro امکان کار با HTML و کدهای سفارشی را نیز فراهم می‌کند. این قابلیت در کنار ویرایشگر بصری باعث می‌شود طراحان و توسعه‌دهندگان بتوانند در صورت نیاز از کنترل مستقیم کد استفاده کنند.

• HTML Element
• ویرایش HTML
• Code Editor
• Syntax Highlighting
• امکان ترکیب Page Builder با کدنویسی
• استفاده از CSS و JavaScript سفارشی در بخش‌های مورد نیاز

به دلیل ترکیب صفحه‌ساز، Template Builder، Dynamic Content و امکانات توسعه، YOOtheme Pro می‌تواند برای طیف متنوعی از پروژه‌های جوملا مورد استفاده قرار گیرد.

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

• ترکیب قالب و صفحه‌ساز در یک محیط یکپارچه
• طراحی صفحات بدون نیاز به کدنویسی برای بسیاری از نیازهای معمول
• امکان مشاهده لحظه‌ای تغییرات
• قابلیت ساخت Templateهای اختصاصی
• پشتیبانی قدرتمند از Dynamic Content
• پشتیبانی از Custom Fieldهای جوملا
• کنترل گسترده روی ظاهر سایت
• طراحی Header و Footer اختصاصی
• ساخت Mega Menu
• کتابخانه Layoutهای آماده
• امکانات متنوع برای طراحی Responsive
• پشتیبانی از CSS و Less سفارشی
• امکانات توسعه برای برنامه‌نویسان
• یکپارچگی با Moduleها و امکانات جوملا
• ابزارهای مختلف برای بهینه‌سازی تصاویر و عملکرد
• پشتیبانی از سایت‌های چندزبانه

YOOtheme Pro یک راهکار جامع برای طراحی و مدیریت ظاهر وب‌سایت‌های جوملا است که امکانات قالب، صفحه‌ساز، Style Editor، Template Builder و Dynamic Content را در یک سیستم واحد ترکیب می‌کند. نقطه قوت مهم آن، امکان جدا کردن محتوا از طراحی و استفاده از اطلاعات جوملا در Layoutهای داینامیک است؛ به همین دلیل می‌توان از آن هم برای طراحی صفحات معمولی و هم برای پروژه‌های ساختاریافته و اختصاصی استفاده کرد.

• صفحه‌ساز بصری حرفه‌ای
• سیستم Template Builder
• Dynamic Content
• Custom Fields
• Style Editor
• Header و Footer Builder
• Mega Menu Builder
• Layout Library
• Responsive Design
• Animation و Interaction Effects
• Media Manager
• Interactive Maps
• پشتیبانی از Joomla Modules
• Custom CSS و Less
• Child Theme و Starter Plugin
• امکانات مناسب برای توسعه پروژه‌های اختصاصی