قابلیتهای Theme Builder: ساخت و فعالسازی Block Themes
Superdav AI Agent v1.12.0 دو قابلیت قدرتمند را معرفی میکند که به شما اجازه میدهد مستقیماً از رابط چت با ساخت و استقرار قالبهای بلاک سفارشی (custom block themes) استفاده کنید.
مروری کلی
قابلیتهای scaffold-block-theme و activate-theme به ایجنتها این امکان را میدهند که:
- بر اساس مشخصات شما، قالبهای کامل و آماده تولید برای بلاک تم بسازند
- بدون دخالت دستی، قالبها را روی سایت شما به صورت خودکار فعال کنند
- تصمیمات طراحی هدایتشده از طریق آنها هویت بصری یکپارچه ایجاد کنند
ساخت Block Theme (Scaffold Block Theme)
قابلیت scaffold-block-theme یک قالب بلاک وردپرس جدید با ساختار کامل قالب، شامل موارد زیر را میسازد:
- تنظیمات
theme.jsonهمراه با توکنهای طراحی (design tokens) - فایلهای قالب برای طرحبندیهای رایج (common layouts)
- استایلها و تغییرات مختلف بلاک سفارشی
- متادیتای قالب و اعلام پشتیبانی (support declarations)
نحوه فراخوانی (How to Invoke)
در چت خود با Superdav AI Agent، میتوانید درخواست ساخت قالب را بدهید:
"Create a block theme called 'Modern Agency' with a blue and white color scheme,
sans-serif typography, and a professional layout"
ایجنت این کارها را انجام میدهد:
- ترجیحات طراحی شما را از طریق گفتگو جمعآوری میکند
- ساختار کامل قالب را تولید میکند
- تمام فایلهای لازم برای قالب را میسازد
- قالب را برای فعالسازی آماده میکند
خروجی مورد انتظار (Expected Output)
وقتی این قابلیت با موفقیت اجرا شود، شما موارد زیر را مشاهده خواهید کرد:
- تأیید اینکه تم ساخته شده است (scaffolded)
- نام و محل قرارگیری تم
- خلاصهای از توکنهای طراحی اعمال شده (رنگها، تایپوگرافی، فاصله بین عناصر)
- وضعیت آماده فعالسازی
مثال خروجی:
✓ Theme "Modern Agency" scaffolded successfully
Location: /wp-content/themes/modern-agency/
Colors: Primary #0066CC, Secondary #FFFFFF
Typography: Inter (sans-serif)
Status: Ready to activate
فعالسازی تم (Activate Theme)
activate-theme قابلیت شما را به یک قالب جدید که تازه ساخته شده یا موجود است، تغییر میدهد.
چطور استفاده کنیم
بعد از ساختن یک قالب، میتوانید بلافاصله آن را فعال کنید:
"قالب Modern Agency را فعال کن"
یا هر قالب موجودی را فعال کنید:
"به قالب Twentytwentyfour سوئیچ کن"
خروجی مورد انتظار
وقتی فعالسازی موفقیتآمیز باشد:
- تأیید قالب فعال شده
- نام قالب قبلی (برای مرجع)
- آدرس سایت که قالب در آن فعال است
- هر نکته تنظیمات خاص قالب
مثال خروجی:
✓ قالب با موفقیت فعال شد
قالب فعال: Modern Agency
قالب قبلی: Twentytwentyfour
در دسترس در: https://yoursite.com
نکته: برای تأیید طرح جدید، صفحه اصلی سایت خود را بررسی کنید
گردش کار: ساخت و فعالسازی (Scaffold and Activate)
یک گردش کار معمولاً هر دو قابلیت را ترکیب میکند:
۱. درخواست تولید قالب: "برای صفحه فرود SaaS من یک قالب بلوکی بساز" ۲. Agent قالب را میسازد (scaffolds): فایلها و توکنهای طراحی را تولید میکند ۳. بررسی و اصلاح: اگر لازم بود، تغییرات طراحی را بحث کنید ۴. فعالسازی: "قالب را الان فعال کن" ۵. تأیید: برای اطمینان از اینکه طرح جدید زنده است، به سایت خود مراجعه کنید
توکنهای طراحی و سفارشیسازی (Design Tokens and Customization)
قالبهایی که ساخته میشوند از توکنهای طراحی وردپرس (از طریق theme.json) برای موارد زیر استفاده میکنند:
- رنگها: پالت اصلی، ثانویه، تأکیدی، خنثی
- تایپوگرافی: خانواده فونت، اندازهها، وزنها، ارتفاع خطوط
- فاصله ها: حاشیه (Padding)، مارجین (Margin)، مقیاس فاصله (Gap scales)
- حاشیهها: توکنهای شعاع و عرض
- سایهها: سطوح بالا بودن (Elevation levels)
این توکنها در theme.json متمرکز هستند، به طوری که تغییر کل سیستم طراحی خود را از یک فایل راحت انجام دهید.
محدودیتها و نکات
مشکلا حل کردن (Troubleshooting)
بعد از ساختن قالب، قالب نمایش داده نمیشود
- مطمئن شوید که پوشه قالب وجود دارد و دسترسیهای مناسب دارد.
- بررسی کنید که
theme.jsonیک JSON معتبر باشد. - مطمئن شوید نام قالب با قالبهای موجود تداخل ندارد.
فعالسازی با شکست مواجه میشود
- تأیید کنید که دسترسی ادمین (administrator) دارید.
- بررسی کنید که پوشه قالب توسط وردپرس قابل خواندن است.
- برای جزئیات، لاگهای خطا (error logs) وردپرس را مرور کنید.
توکنهای طراحی اعمال نمیشوند
- صحت ساختار
theme.jsonرا بررسی کنید. - هر افزونه کش (caching plugin) را پاک کنید.
- مطمئن شوید نسخه وردپرس شما از توکنهایی که استفاده میکنید پشتیبانی میکند.
مراحل بعدی (Next Steps)
بعد از فعال کردن قالب خود، میتوانید کارهای زیر را انجام دهید:
- از مهارت Design System Aesthetics برای اصلاح تایپوگرافی، رنگها و فاصله استفاده کنید.
- با ویرایشگر بلوک وردپرس (WordPress block editor)، استایلهای هر بلوک را سفارشی کنید.
- کد CSS سفارشی خود را در فایل
style.cssقالب اضافه کنید. - برای انواع صفحات خاص، قالبهای بلوک سفارشی ایجاد کنید.