ساخت قالب هدر (Building a header template)
بیایید یک هدر سراسری با لوگو و منو بسازیم.
ساخت قالب
- به Bricks > Templates بروید
- Add New: «Header»
- Edit with Bricks
تنظیمات
- Settings (gear) > Template Settings
- Type: Header
- Conditions: Entire Website
ساختن ساختار
- یک Section اضافه کنید
- داخل Container:
- یک المان Logo اضافه کنید (یا Image/Text)
- یک المان Nav Menu اضافه کنید (از منوی استاندارد وردپرس استفاده میکنیم)
استایلدهی چیدمان
Container:
1. Direction: Row (افقی)
2. Justify content: Space between (لوگو و منو را از هم جدا میکند)
3. Align items: Center (تراز عمودی)
Section:
1. Background color: خاکستری روشن یا رنگ برند خود را انتخاب کنید
2. Padding: 12 بالا/پایین (این عمداً padding سراسری 80px را برای این بخش خاص لغو میکند)
هدر بخشی از قاب سایت است نه محتوای صفحه. معمولاً به فاصله کمتری نسبت به بخشهای معمولی نیاز دارد، بنابراین اینجا مکان مناسبی برای ایجاد یک استثنا عمدی برای padding سراسری است.
ساخت منوی وردپرس (اگر هنوز ندارید)
المان Nav Menu از یک منوی معمولی وردپرس استفاده میکند. اگر Appearance > Menus خالی است یا هرگز منو نساختهاید:
- از پیشخوان وردپرس به Appearance > Menus بروید
- یک Menu name وارد کنید (مثلاً
Main) و روی Create Menu کلیک کنید - چند آیتم از سمت چپ (Pages، Custom links و غیره) اضافه کنید، سپس روی Save Menu کلیک کنید
سپس به این قالب در سازنده بازگردید.
پیکربندی منو
- المان Nav Menu را انتخاب کنید
- در Menu، منوی وردپرسی که ساختید را انتخاب کنید (مثلاً Main)
ذخیره و تأیید
- قالب را ذخیره کنید
- به پنل Pages (نوار بالا) بروید ← Home
- باید هدر جدید خود را ببینید که درست در بالای بخش Hero قرار دارد!
