Fejléc sablon készítése

Építsünk egy globális fejlécet logóval és menüvel.

A sablon létrehozása

1. A vezérlőpulton nyisd meg a Bricks → Sablonminták oldalt.
2. Kattints az Új sablonminta hozzáadása gombra, és add a címet: „Header”.
3. Kattints az Edit with Bricks (Szerkesztés Bricks-szel) gombra.

Beállítások

1. Kattints a fogaskerék (Beállítások) ikonra, majd a Sablonbeállítások pontra.
2. A Típus legyen Fejléc.
3. A Feltételek legyen Teljes weboldal.

A szerkezet felépítése

1. Adj hozzá egy Szakasz elemet.
2. A tárolóban:
   • add hozzá a Logó elemet (vagy egy Kép/Szöveg elemet),
   • add hozzá a Navigációs menü elemet (a szokásos WordPress-menüt használjuk).

Az elrendezés stílusa

Tároló:

1. Irány: Sor (vízszintes).
2. Tartalom igazítása: Szóköz között (szétnyomja a logót és a menüt).
3. Elemek igazítása: Közép (függőlegesen középre).

Szakasz:

1. Háttérszín: világosszürke vagy a márkaszíned.
2. Belső margó: 12 fent és lent (ez szándékosan felülírja a globális 80 px-t ennél a szakasznál).

A fejléc a webhely keretének része, nem az oldal tartalma, ezért általában szűkebb térközt igényel, mint a hagyományos szakaszok. Ez jó hely arra, hogy tudatosan kivételt tegyél a globális szakasz-paddingtől.

WordPress-menü létrehozása (ha még nincs)

A Navigációs menü elem normál WordPress-menüt használ. Ha a Megjelenés → Menük oldal üres, vagy még sosem készítettél menüt:

1. A vezérlőpulton nyisd meg a Megjelenés → Menük oldalt.
2. Add meg a Menü neve mezőben a nevet (például Main), és kattints a Menü létrehozása gombra.
3. Adj hozzá néhány elemet a bal oldalról (Oldalak, Egyéni hivatkozások stb.), és kattints a Menü mentése gombra.

Ezután térj vissza a sablonhoz a szerkesztőben.

A menü beállítása

1. Jelöld ki a Navigációs menü elemet.
2. A Menü résznél válaszd ki a létrehozott WordPress-menüt (például Main).

Mentés és ellenőrzés

1. Mentsd a sablont.
2. Az eszköztár Oldalak paneljén válaszd a Home oldalt.
3. Az új fejlécnek a hero szakasz fölött kell megjelennie.