کد سفکارشی (Custom Code)

Bricks امکان افزودن کد سفارشی (CSS، JavaScript، HTML، PHP) به بخش‌های مختلف سایت را می‌دهد.

CSS و JavaScript سراسری

Custom CSS و Custom JavaScript سراسری از پیشخوان زیر بریکس (Bricks) > تنظیمات (Settings) > Custom Code.

اسکریپت (JavaScript) در سه محل document:

برای CSS/JS فقط یک صفحه، صفحه را با Bricks ویرایش کنید. Settings > Page Settings > Custom Code — CSS/JS فقط روی صفحه فعلی.

استایل هر المان و global class را با CSS سفارشی گسترش دهید.

المان را ویرایش کنید → تب Style → گروه CSS → ویرایشگر Custom CSS.

placeholder **%root%** المان یا global class فعلی را هدف می‌گیرد. Bricks آن را به ID المان یا global class تبدیل می‌کند.

میانبر درج %root%: r + TAB.

به‌جای margin: 10px بنویسید m10 و TAB بزنید.

المان Code اجرای کد (PHP، HTML، CSS و JS) در هر نقطه صفحه.

پیش‌فرض کد به‌صورت snippet نمایش داده می‌شود. برای اجرا Code Execution را برای نقش/کاربر مناسب در Bricks > Settings > Custom code فعال کنید.

Code Execution برای نقش Administrator

Code Execution: Enabled for user role "Administrator"

Code execution را فقط برای کاربران/نقش‌های کاملاً مورد اعتماد فعال کنید.

Code Element: اجرای HTML و PHP

Code Element: Executing HTML & PHP code

پس از فعال‌سازی، المان Code را اضافه کنید. معمولاً PHP و HTML اجرا می‌شود؛ CSS/JS راحت‌تر از روش‌های بالا.

کد را در Code element بگذارید. برای اجرا Execute Code را فعال کنید؛ وگرنه snippet باقی می‌ماند.

یادداشت

پس از ویرایش کد قابل اجرا روی «Sign code» (یا CMD/CTRL + R) کلیک کنید.

Abbreviation: #header (+ TAB)

Generates: <div id="header"></div>

Abbreviation: h$[title=item$]{Header $}*3

Generates:

<h1 title="item1">Header 1</h1>
<h2 title="item2">Header 2</h2>
<h3 title="item3">Header 3</h3>