شروع کار (Getting Started)
به Bricks خوش آمدید! این مجموعه «شروع کار» گردش اصلی کار را از اولین نصب تا ساخت صفحات، قالبها و چیدمانهای واکنشگرا با محتوای واقعی وردپرس پوشش میدهد.
Bricks چیست؟
Bricks یک سازنده بصری (Visual Site Builder) برای وردپرس است که آزادی کامل طراحی را بدون بهخطر انداختن کیفیت کد در اختیارتان میگذارد.
برخلاف سازندههای سنتی که کد حجیم تولید میکنند، Bricks خروجی HTML و CSS تمیز میدهد. شما بصری طراحی میکنید؛ Bricks کد کارآمد مینویسد — بدون divهای اضافی، بدون استایل inline و بدون markup مبهم.
آنچه Bricks را متفاوت میکند:
- کنترل کامل طراحی — هر المان، هر استایل و هر گزینه چیدمان قابل سفارشیسازی است
- خروجی کد تمیز — سایتهای سریع با HTML معنادار و CSS بهینه
- ساختهشده برای رشد — ساده شروع کنید؛ با پیشرفت مهارت، به قابلیتهای عمیقتر دسترسی پیدا کنید
- ویرایش بصری واقعی — آنچه در سازنده میبینید، همان چیزی است که در فرانتاند نمایش داده میشود
Bricks برای چه کسانی است؟
Bricks در سطح مهارت شما قرار میگیرد:
- تازهکار هستید؟ بدون دانستن کد هم سایتهای زیبا و کاربردی بسازید
- در حال رشد مهارتتان هستید؟ Bricks در حین ساخت، استانداردهای وب را نشان میدهد و یادگیری را طبیعی میکند
- از قبل فنی هستید؟ کنترل مستقیم، خروجی تمیز و امکان گسترش همهچیز با کد خودتان را درک میکنید
نیازی به برنامهنویس بودن ندارید؛ اما اگر در آن مسیر هستید، Bricks همراه شما رشد میکند بهجای اینکه سد راه شود.
در این مجموعه چه میآموزید
در این مجموعه «شروع کار»، با هم یک سایت ساده میسازیم: صفحه اصلی با بخش آخرین پستها، یک قالب هدر (Header Template) و یک قالب پست وبلاگ (Blog Post Template).
در این مسیر یاد میگیرید:
- Bricks را نصب و پیکربندی کنید
- در رابط سازنده (Builder Interface) حرکت کنید
- صفحات و قالبها (Templates) بسازید
- استایل یکپارچه با سبکهای تم (Theme Styles) و کلاسهای سراسری (Global Classes) اعمال کنید
- چیدمانهای واکنشگرا (Responsive Layouts) بسازید
- طراحی را با محتوای وردپرس از طریق داده پویا (Dynamic Data) متصل کنید
- محتوای تکراری را با حلقههای پرسوجو (Query Loops) نمایش دهید
این مبانی شما را برای قابلیتهای پیشرفتهتر آماده میکند.
اگر ترجیح میدهید با ویدیو پیش بروید، پلیلیست YouTube شروع کار را ببینید.
فهرست درسها
- نصب و راهاندازی (Installation and setup)
- تنظیمات و پیشفرضها (Settings and defaults)
- آشنایی با رابط (Interface tour)
- ساخت اولین صفحه (Start your first page)
- سبکهای تم (Theme styles)
- کلاسهای سراسری (Global classes)
- مقدمهای بر قالبها (An intro to templates)
- ساخت قالب هدر (Building a header template)
- حلقههای پرسوجو و داده پویا (Query loops and dynamic data)
- قالب پست وبلاگ (Blog post template)
- اصول واکنشگرایی (Responsive basics)
- گامهای بعدی (Next steps)