HTML و CSS به Bricks
ساخت layout در Bricks بر اساس کتابخانه layout یا layout تولیدشده با AI معمولاً یعنی ساخت element به element. این ویژگی آن گردش کار را عوض میکند: HTML یا CSS را مستقیم در سازنده paste کنید تا المان و استایل بومیفوراً ساخته شوند.
پیکربندی
نحوه برخورد Bricks با کد pasteشده را در تنظیمات کنترل کنید.
مسیر: Bricks > Settings > Builder > HTML & CSS to Bricks
- Enabled (confirm on paste): هنگام paste دیالوگ تأیید تبدیل نمایش داده میشود.
- Enabled (no confirm on paste): تبدیل خودکار روی paste.
- Disabled
نحوه کار
هنگام paste HTML یا CSS، سازنده نوع محتوا را تشخیص میدهد و تبدیل را شروع میکند.
تبدیل HTML
Bricks HTML را parse میکند و tagهای استاندارد را به المان بومی map میکند.
<section>→ Section<div>→ Div<h1>تا<h6>→ Heading<img>→ Image
کلاسهای سراسری و متغیرها
converter کلاسهای کد را شناسایی و global class و global variable متناظر میسازد.
- Mapped styles: margin، padding، typography مستقیم روی کنترل UI اعمال میشوند.
- Custom CSS: property بدون کنترل UI اختصاصی به Custom CSS المان میرود.
- Variables: متغیرهای
:rootبه Bricks Global Variables تبدیل میشوند.
امنیت
Bricks JavaScript را اجرا نمیکند و stylesheet خارجی را خودکار load نمیکند تا بررسی شود.
script یا لینک خارجی شناساییشده داخل المان Code قرار میگیرد. باید دستی review، sign و save کنید قبل از اجرا.
یادداشتها
- Refinement: تبدیل پایه ساختاری میدهد. بهخاطر theme style و CSS افزونه/پوسته، ممکن است تنظیم دستی برای تطابق کامل لازم باشد.
- Permissions: برای تولید صحیح استایل باید مجوز کاربر «Create global classes» را داشته باشید.
- CSS-only paste: فقط CSS paste کنید → global class و variable ساخته میشود.