Yootheme Pro

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

YOOtheme Pro با یک Page Builder بصری و Drag & Drop کار می‌کند و تغییرات طراحی را به صورت زنده نمایش می‌دهد. همچنین می‌توان از Layoutهای آماده استفاده کرد یا صفحات را از ابتدا طراحی نمود. این موضوع باعث می‌شود YOOtheme Pro برای طراحان سایت، فریلنسرها، آژانس‌ها و توسعه‌دهندگانی که به دنبال ساخت سایت‌های حرفه‌ای و قابل توسعه هستند، کاربرد داشته باشد.

یکی از بخش‌های اصلی YOOtheme Pro، Page Builder آن است. این صفحه‌ساز امکان ساخت Layoutهای مختلف را با روش Drag & Drop فراهم می‌کند و نتیجه تغییرات را در همان محیط و به صورت Real-Time نمایش می‌دهد.

• ساخت صفحات بدون نیاز به کدنویسی مستقیم
• ویرایش بصری و مشاهده هم‌زمان نتیجه تغییرات
• سیستم Drag & Drop برای ساخت Layout
• امکان ساخت صفحات از صفر
• امکان استفاده از Layoutهای آماده
• پشتیبانی از عناصر مختلف مانند متن، تصویر، گالری، اسلایدشو، دکمه و پنل
• امکان استفاده از Page Builder برای صفحات و نوشته‌ها
• امکان طراحی Footer با Page Builder
• امکان طراحی Widget Areaها
• امکان طراحی Mega Menu با Page Builder

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

YOOtheme Pro فراتر از یک Page Builder معمولی عمل می‌کند و امکانات Site Builder را نیز در اختیار کاربر قرار می‌دهد. به کمک این قابلیت می‌توان ساختار کلی وب‌سایت را از یک محیط واحد مدیریت و طراحی کرد.

• طراحی صفحات مختلف سایت
• طراحی Header
• طراحی Footer
• طراحی Mobile Header
• ساخت Templateهای اختصاصی
• طراحی صفحات آرشیو
• طراحی صفحات نوشته‌ها
• طراحی صفحات جستجو
• طراحی صفحه 404
• ساخت Mega Menu
• ساخت Live Search
• مدیریت Widget Areaها

این ساختار باعث می‌شود بسیاری از قسمت‌هایی که در قالب‌های معمولی وابسته به فایل‌های PHP یا تنظیمات محدود Theme هستند، مستقیماً از طریق محیط بصری YOOtheme Pro قابل طراحی باشند.

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

• ساخت Template برای Single Post
• ساخت Template برای Single Page
• ساخت Template برای Posts Archive
• ساخت Template برای Category Archive
• ساخت Template برای Tag Archive
• ساخت Template برای Author Archive
• ساخت Template برای Date Archive
• ساخت Template برای Search
• ساخت Template برای Live Search
• ساخت Template برای صفحات 404
• پشتیبانی از Custom Post Typeها
• پشتیبانی از Taxonomyهای سفارشی
• امکان تعیین اولویت Templateها
• امکان فعال یا غیرفعال کردن Templateها
• امکان محدود کردن Template بر اساس شرایط مختلف

با این سیستم می‌توان یک Layout واحد ایجاد کرد و آن را برای تعداد زیادی از محتواها مورد استفاده قرار داد. برای مثال می‌توان قالب نمایش یک محصول، مقاله یا Movie Custom Post Type را یک بار طراحی کرد و سپس اطلاعات هر مورد به صورت Dynamic در همان Layout نمایش داده شود.

Dynamic Content یکی از قابلیت‌های قدرتمند YOOtheme Pro است که امکان اتصال عناصر طراحی‌شده در Page Builder به محتوای ذخیره‌شده در WordPress را فراهم می‌کند.

• دریافت عنوان نوشته به صورت Dynamic
• دریافت تصویر شاخص به صورت Dynamic
• دریافت محتوای نوشته
• دریافت اطلاعات Custom Fieldها
• پشتیبانی از فیلدهای سفارشی
• پشتیبانی از Post Typeهای مختلف
• پشتیبانی از Taxonomyها
• نمایش محتوای پویا در عناصر مختلف Page Builder
• به‌روزرسانی خودکار Layout هنگام تغییر محتوای اصلی
• امکان ساخت Layoutهای مبتنی بر Database

برای مثال اگر عنوان یا تصویر یک نوشته در WordPress تغییر کند، محتوای نمایش داده‌شده در Layout نیز به صورت خودکار از اطلاعات جدید استفاده می‌کند. بنابراین لازم نیست برای هر نوشته یک صفحه جداگانه طراحی شود.

YOOtheme Pro امکان ایجاد Dynamic Loop را نیز فراهم می‌کند. با استفاده از این قابلیت می‌توان یک Layout را برای مجموعه‌ای از محتواها تکرار کرد و اطلاعات هر آیتم را به صورت پویا دریافت نمود.

• نمایش لیست نوشته‌ها به صورت Dynamic
• نمایش محصولات به صورت Dynamic
• نمایش رویدادها به صورت Dynamic
• تکرار Layout برای چندین محتوای مختلف
• استفاده از Custom Fieldها در محتوای تکرارشونده
• پشتیبانی از Nested Dynamic Loops
• امکان نمایش محتوای مرتبط در Layoutهای تکرارشونده
• فیلتر کردن محتوای Dynamic بر اساس شرایط مختلف

این قابلیت برای ساخت دایرکتوری‌ها، سایت‌های معرفی محصولات، سایت‌های آگهی، سایت‌های رویداد و پروژه‌های مبتنی بر Custom Post Type کاربرد ویژه‌ای دارد.

YOOtheme Pro دارای Style Editor یکپارچه‌ای است که امکان کنترل ظاهر کلی سایت را فراهم می‌کند. به کمک این سیستم می‌توان ظاهر بخش‌های مختلف سایت را بدون نیاز به ویرایش مستقیم فایل‌های CSS مدیریت کرد.

• مدیریت رنگ‌های سایت
• مدیریت Typography
• تنظیم فاصله‌ها
• تنظیم ظاهر دکمه‌ها
• تنظیم ظاهر المان‌های رابط کاربری
• مدیریت استایل کلی سایت
• استفاده از Styleهای آماده
• ذخیره Styleهای سفارشی
• Export و Import کردن Styleها
• استفاده مجدد از Style در پروژه‌های مختلف

Style Library این امکان را فراهم می‌کند که Styleهای آماده YOOtheme را انتخاب کرده یا Styleهای ساخته‌شده توسط خودتان را ذخیره و در پروژه‌های دیگر استفاده کنید.

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

• دسترسی به Layoutهای آماده
• استفاده از Layoutهای طراحی‌شده توسط YOOtheme
• دسته‌بندی Layoutها بر اساس نوع صفحه
• دسته‌بندی بر اساس موضوع سایت
• دسته‌بندی بر اساس نوع وب‌سایت
• امکان ذخیره Layoutهای شخصی
• امکان استفاده مجدد از Layoutهای ذخیره‌شده
• امکان Import کردن Layoutها

کتابخانه Layout به کاربران اجازه می‌دهد به جای شروع طراحی از صفحه خالی، یک طرح آماده را انتخاب کرده و سپس آن را متناسب با نیاز پروژه تغییر دهند.

یکی از مزیت‌های YOOtheme Pro این است که Header و Footer سایت نیز می‌توانند با همان Page Builder طراحی شوند و محدود به تنظیمات از پیش تعیین‌شده قالب نباشند.

• طراحی بصری Header
• طراحی Footer
• طراحی Mobile Header
• پشتیبانی از Widgetها در بخش‌های مختلف Header
• ساخت Layoutهای اختصاصی برای بخش‌های مختلف سایت
• امکان طراحی منوی سایت
• امکان ساخت Mega Menu

YOOtheme Pro امکان ساخت Mega Menuهای حرفه‌ای را با استفاده از Page Builder فراهم می‌کند. بنابراین منوی سایت می‌تواند به یک بخش محتوایی کامل تبدیل شود و فقط شامل لینک‌های ساده نباشد.

• ساخت Mega Menu با Page Builder
• استفاده از عناصر مختلف در Mega Menu
• استفاده از تصاویر و محتوا
• امکان استفاده از Dynamic Content
• طراحی Layout اختصاصی برای Mega Menu

Mega Menu در YOOtheme Pro از قابلیت‌های Dynamic Content و Page Builder استفاده می‌کند و به همین دلیل امکان ایجاد منوهای محتوایی و پیچیده‌تر را فراهم می‌سازد.

YOOtheme Pro برای ساخت فروشگاه‌های WooCommerce نیز طراحی شده است و امکان استفاده از قابلیت‌های Page Builder و Dynamic Content را در پروژه‌های فروشگاهی فراهم می‌کند.

• پشتیبانی از WooCommerce
• طراحی صفحات فروشگاه
• نمایش محصولات با Layoutهای سفارشی
• استفاده از Dynamic Content برای اطلاعات محصولات
• طراحی صفحات فروشگاهی با Page Builder
• نمایش محصولات در بخش‌های مختلف سایت
• امکان ایجاد Layoutهای اختصاصی برای محصولات
• امکان ترکیب طراحی فروشگاه با سایر قابلیت‌های YOOtheme Pro

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

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

• Scroll-driven Animations
• Sticky Scroll Animations
• انیمیشن‌های مبتنی بر موقعیت اسکرول
• افکت‌های Hover
• Lightbox برای تصاویر و ویدئوها
• گالری‌های تعاملی
• فیلترهای تعاملی
• افکت‌های ترکیبی برای محتوا
• Section Overlap
• Image Mask
• Shadow و Box Decoration

این قابلیت‌ها به طراح اجازه می‌دهند صفحات را از نظر بصری تعاملی‌تر کند و بدون استفاده از افزونه‌های متعدد، بسیاری از افکت‌های رایج طراحی وب را مستقیماً در Builder ایجاد نماید.

YOOtheme Pro امکانات مختلفی برای مدیریت تصاویر، ویدئوها و فایل‌ها ارائه می‌کند و با Media Manager وردپرس و ابزار Link Picker یکپارچه شده است.

• پشتیبانی از تصاویر و ویدئوها
• تغییر اندازه تصاویر
• ساخت تصاویر Responsive
• Lazy Loading برای تصاویر
• Lazy Loading برای ویدئوها
• دسترسی به کتابخانه تصاویر Unsplash
• دسترسی به کتابخانه تصاویر Pexels
• پشتیبانی از تصاویر Pro
• پشتیبانی از SVG
• مدیریت لینک‌ها با Link Picker

YOOtheme Pro اندازه تصاویر را متناسب با تنظیمات انتخاب‌شده مدیریت می‌کند و برای تصاویر Responsive نیز نسخه‌های مناسب ایجاد می‌کند. همچنین قابلیت‌های Lazy Loading برای بهینه‌سازی بارگذاری رسانه‌ها ارائه شده است.

YOOtheme Pro امکاناتی برای بهبود عملکرد سایت و مدیریت منابع رسانه‌ای دارد و بخشی از امکانات آن با هدف کمک به سرعت بارگذاری و Core Web Vitals طراحی شده است.

• Responsive Images
• Lazy Loading تصاویر
• Lazy Loading ویدئوها
• پشتیبانی از تصاویر نسل جدید
• امکان تولید تصاویر AVIF در شرایط پشتیبانی‌شده
• مدیریت Cache
• بهینه‌سازی نحوه بارگذاری ویدئوها
• کنترل منابع و تنظیمات عملکردی سایت

در تنظیمات YOOtheme Pro گزینه‌هایی برای استفاده از فرمت‌های تصویری نسل جدید و مدیریت Cache وجود دارد. پشتیبانی از AVIF نیز به نسخه PHP و قابلیت‌های GD سرور وابسته است.

YOOtheme Pro برای طراحی Layoutهای Responsive ساخته شده است و امکان کنترل ظاهر صفحات در اندازه‌های مختلف نمایشگر را فراهم می‌کند.

• طراحی Responsive
• پشتیبانی از دسکتاپ
• پشتیبانی از تبلت
• پشتیبانی از موبایل
• Mobile Header اختصاصی
• کنترل Layout در اندازه‌های مختلف نمایشگر
• ساخت Layoutهای سازگار با نمایشگرهای مختلف

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

• Text
• Headline
• Image
• Video
• Gallery
• Slideshow
• Grid
• Panel
• Overlay
• Button
• Icon
• Accordion
• Divider
• Quotation
• Newsletter
• HTML
• Map
• Search
• Pagination
• Breadcrumbs
• Comments
• Widgets

وجود این عناصر باعث می‌شود برای بسیاری از بخش‌های معمول سایت نیازی به ساخت کامپوننت از ابتدا وجود نداشته باشد و طراح بتواند عناصر موردنیاز را مستقیماً در Builder قرار دهد.

Style Library امکان ذخیره، مدیریت و استفاده مجدد از استایل‌های طراحی‌شده را فراهم می‌کند. این ویژگی برای پروژه‌هایی که نیاز به طراحی چندین سایت با ظاهر مشابه دارند بسیار کاربردی است.

• ذخیره Styleهای اختصاصی
• استفاده از Styleهای آماده YOOtheme
• جستجو در Styleهای ذخیره‌شده
• Download کردن Style
• Upload کردن Style
• Export و Import تنظیمات Style
• استفاده مجدد از Style در پروژه‌های دیگر

Styleها می‌توانند به صورت فایل JSON ذخیره و در پروژه دیگری مجدداً استفاده شوند.

YOOtheme Pro برای پروژه‌هایی که ساختار محتوایی سفارشی دارند نیز امکانات مناسبی ارائه می‌کند. با استفاده از Dynamic Content و Template Builder می‌توان Layoutهای اختصاصی برای Post Typeهای سفارشی ایجاد کرد.

• پشتیبانی از Custom Post Type
• پشتیبانی از Custom Taxonomy
• نمایش Custom Fieldها
• ساخت Template اختصاصی برای Post Typeها
• نمایش اطلاعات سفارشی در Builder
• ساخت سایت‌های دایرکتوری
• ساخت سایت‌های معرفی محصولات
• ساخت سایت‌های محتوایی پیچیده

YOOtheme Pro برای سایت‌های چندزبانه نیز امکاناتی در نظر گرفته و امکان محدود کردن Templateها بر اساس زبان را فراهم می‌کند. این قابلیت در کنار سیستم‌های چندزبانه وردپرس قابل استفاده است.

• پشتیبانی از ساختارهای چندزبانه
• Language Switcher
• امکان محدود کردن Template بر اساس زبان
• امکان استفاده در سایت‌های چندزبانه WordPress

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

• پشتیبانی از Child Theme
• امکان اضافه کردن CSS سفارشی
• پشتیبانی از Less
• امکان Override کردن Templateها
• امکان ساخت Builder Element اختصاصی
• پشتیبانی از Starter Plugin
• ساخت Moduleهای سفارشی
• امکان توسعه Page Builder
• امکان ایجاد Content Sourceهای سفارشی
• پشتیبانی از JavaScript و فایل‌های اختصاصی

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

YOOtheme Pro امکان طراحی و مدیریت Widget Areaهای وردپرس را نیز فراهم می‌کند و می‌توان برای بخش‌هایی مانند Header، Sidebar و سایر قسمت‌های سایت Layout اختصاصی ایجاد کرد.

• مدیریت Widget Areaها
• طراحی Widget Layout با Page Builder
• پشتیبانی از Sidebar
• پشتیبانی از Header Widget Area
• پشتیبانی از Mobile Widget Area
• پشتیبانی از Toolbar Widget Area
• امکان نمایش Widgetها در بخش‌های مختلف سایت

Widget Areaهایی که محتوایی برای نمایش نداشته باشند می‌توانند به صورت خودکار جمع شوند تا فضای اضافی در Layout ایجاد نشود.

YOOtheme Pro امکان اضافه کردن نقشه‌های تعاملی را نیز فراهم می‌کند و می‌تواند از Google Maps یا OpenStreetMap برای نمایش موقعیت‌ها استفاده کند.

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

در صورت استفاده از Google Maps، امکان وارد کردن API Key مربوط به Google Maps در تنظیمات YOOtheme Pro وجود دارد.

YOOtheme Pro امکاناتی برای انتقال تنظیمات و استفاده مجدد از ساختارهای طراحی در پروژه‌های مختلف ارائه می‌کند.

• Export تنظیمات
• Import تنظیمات
• انتقال Styleها
• انتقال Layoutها
• استفاده مجدد از ساختارهای طراحی
• ذخیره و استفاده مجدد از Styleهای اختصاصی

بخش System Check در YOOtheme Pro برای بررسی وضعیت سیستم و شناسایی مشکلات یا پیشنهادهای مربوط به عملکرد سایت در نظر گرفته شده است.

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

این بخش می‌تواند هنگام عیب‌یابی یا بررسی وضعیت اجرای YOOtheme Pro روی سرور مورد استفاده قرار گیرد.

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

• قابل نصب روی سایت موجود WordPress
• امکان استفاده از Demoهای آماده
• امکان بارگذاری Layoutهای Demo روی سایت موجود
• امکان شروع پروژه از سایت‌های آماده
• امکان تغییر کامل Layout و Style پس از نصب

طبق مستندات رسمی، فایل Theme مربوط به YOOtheme Pro را می‌توان روی WordPress موجود نصب کرد؛ در مقابل، Demo Package یک نصب کامل WordPress است و نباید به عنوان Theme روی سایت موجود نصب شود.

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

• ترکیب Theme و Page Builder در یک سیستم یکپارچه
• طراحی بصری صفحات بدون نیاز به کدنویسی مستقیم
• امکان طراحی بخش‌های مختلف سایت از جمله Header و Footer
• سیستم قدرتمند Dynamic Content
• پشتیبانی از Custom Fieldها
• ساخت Templateهای اختصاصی
• پشتیبانی از Custom Post Type
• پشتیبانی از WooCommerce
• کتابخانه Layoutهای آماده
• کتابخانه Styleهای آماده
• ابزارهای حرفه‌ای برای طراحی Responsive
• افکت‌ها و انیمیشن‌های تعاملی
• امکانات بهینه‌سازی تصاویر و رسانه
• پشتیبانی از Child Theme
• امکانات توسعه برای برنامه‌نویسان
• پشتیبانی از سایت‌های چندزبانه
• امکان Import و Export تنظیمات
• مدیریت Widgetها و Mega Menu

YOOtheme Pro یک راهکار جامع برای طراحی وب‌سایت‌های WordPress است که امکانات طراحی بصری، مدیریت Layout، ساخت Template، محتوای Dynamic، طراحی WooCommerce، سیستم Style، انیمیشن‌ها و ابزارهای توسعه را در یک محیط واحد ترکیب می‌کند. مهم‌ترین تفاوت آن با یک قالب ساده این است که کنترل طراح تنها به ظاهر صفحات محدود نمی‌شود و می‌توان ساختار بخش‌های مختلف سایت را نیز با Page Builder مدیریت کرد.

وجود Dynamic Content، Template Builder و پشتیبانی از Custom Post Type باعث شده YOOtheme Pro برای پروژه‌هایی که ساختار محتوایی پیچیده دارند نیز قابل استفاده باشد. از طرف دیگر، Layout Library و Style Library امکان شروع سریع پروژه و استفاده مجدد از طراحی‌های آماده را فراهم می‌کنند.

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