Az első sablonok létrehozása

A sablonnal egyszer megtervezed a webhely egy részét, a Bricks pedig a megfelelő helyen megjeleníti. A fejléc sablon a tartalom fölött, a lábléc alatta jelenik meg, az Egyedi sablon pedig a bejegyzések, oldalak vagy egyedi tartalomtípusok fő elrendezését adja.

Ez a fejezet a három leggyakoribb első sablont mutatja be: a fejlécet, a láblécet és a bejegyzés elrendezést. Ugyanez a munkamenet érvényes az archívum, keresés, hibaoldal, felugró ablak, jelszóvédelem, termékarchívum és egyedi termék sablonokra is. A döntések mindig ugyanazok: válaszd ki a típust, építsd meg az elrendezést, állítsd be az előnézeti tartalmat, döntsd el, hol jelenjen meg, majd tedd közzé és próbáld ki az élő oldalon.

A kosár, pénztár, köszönő oldal és fiók sablonjait ugyanígy hozod létre, de ezeket a Bricks a megfelelő WooCommerce-útvonalon magától megjeleníti, ezért nem használják a Feltételek és a Tartalom kitöltése csoportot.

Sablon létrehozása

Sablont a WordPress vezérlőpultról és a szerkesztőből is létrehozhatsz.

A vezérlőpultról:

1. Nyisd meg a Bricks → Sablonminták oldalt.
2. Kattints az Új sablonminta hozzáadása gombra.
3. Adj világos nevet, például „Fő fejléc”, „Fő lábléc” vagy „Bejegyzés oldal”.
4. A jobb oldali Sablonminta típusa dobozban válaszd ki a típust.
5. Tedd közzé a sablont (Közzététel).
6. Kattints a Szerkesztés ezzel: Bricks gombra.

https://minta-bolt.hu/wp-admin/post-new.php?post_type=bricks_template

A képen a jobb oldalon a Sablonminta típusa, a Sablonmintacímke és a Sabloncsomag doboz látszik, középen a sárga Szerkesztés ezzel: Bricks gomb.

A szerkesztőből:

1. Nyisd meg a Böngészőt az eszköztár mappa ikonjával.
2. Válaszd a Sablonminták nézetet, a forrásnál a Saját sablonok pontot.
3. Hozz létre új sablont, add meg a címét, és válaszd ki a típust.
4. Hozd létre a sablont, majd kezdd el szerkeszteni.

A sablon típusa határozza meg, hogyan kezeli a Bricks. A fejléc sablon a fejléc területeként tárolódik és jelenik meg, az Egyedi sablon pedig az illeszkedő oldalak fő tartalmi területeként.

https://minta-bolt.hu/wp-admin/post.php?post=17&action=edit

Fejléc sablon

A fejléc a fő tartalom előtt megjelenő rész. Jellemzően logót, navigációt, gombot, keresést, fiókhivatkozásokat vagy hasonló, az egész webhelyen látszó elemeket tartalmaz.

1. Hozz létre egy „Fő fejléc” nevű sablont.
2. A Sablonminta típusa legyen Fejléc.
3. Tedd közzé, és nyisd meg a Bricks-szel.
4. Építsd fel a fejléc elrendezését a vásznon.
5. Nyisd meg a Kezelés → Sablonminta beállításai → Tartalom kitöltése csoportot.
6. Válassz a fejléc előnézetéhez megfelelő tartalmat, például egy oldalt vagy bejegyzést.
7. Nyisd meg a Sablonminta beállításai → Feltételek csoportot.
8. Add hozzá a Teljes webhely feltételt, ha a fejlécnek mindenhol látszania kell.
9. Mentsd a sablont, és próbáld ki egy közönséges oldalon.

https://minta-bolt.hu/template/fo-fejlec/?bricks=run

A képen a Tartalom kitöltése csoport látszik: kiválasztod a Tartalomtípust, majd az Előnézet alkalmazása gombra kattintasz.

A Bricks alapból feltétel nélkül is használja a közzétett fejléc sablont. Ezt a Bricks → Beállítások → Sablonok és komponensek → Alapértelmezett sablonok letiltása kapcsolóval szabályozod. Ha az alapértelmezett sablonok engedélyezettek, a feltétel nélküli, közzétett fejléc a webhely fejléce lesz. Ha le vannak tiltva, a feltételeket kifejezetten be kell állítanod.

Fejléc beállításai

A fejléc sablonoknak van egy külön Fejléc csoportja a Sablonminta beállításai alatt.

https://minta-bolt.hu/template/fo-fejlec/?bricks=run

Itt ezeket szabályozhatod:

• Fejléc helye: felül, bal oldalon vagy jobb oldalon.
• Fejléc szélessége: bal és jobb oldali fejlécnél érhető el.
• Rögzített fejléc: felül elhelyezett fejlécnél érhető el.
• Rögzítés görgetéskor: a fejléc betöltéskor a normál folyamban marad, görgetés után válik rögzítetté.
• Felcsúszás ennyi után: a rögzített fejléc elrejthető egy görgetési távolság után.
• Görgetési stílusok: szövegszín, hover-szín, háttér, dobozárnyék és átmenet a rögzített fejléc görgetett állapotához.

A bal és jobb oldali fejléc a tartalom és a lábléc mellett helyet foglal. A legtöbb weboldalnál a felső fejléc a szokásos választás.

Lábléc sablon

A lábléc a fő tartalom utáni rész: szerzői jogi sor, lábléc-navigáció, elérhetőségek, közösségi hivatkozások, hírlevélűrlap vagy jogi hivatkozások.

1. Hozz létre egy „Fő lábléc” nevű sablont.
2. A Sablonminta típusa legyen Lábléc.
3. Tedd közzé, és nyisd meg a Bricks-szel.
4. Építsd fel az elrendezést.
5. A Tartalom kitöltése csoporttal nézd meg egy valódi oldallal vagy bejegyzéssel.
6. Adj hozzá feltételt, általában Teljes webhely.
7. Mentsd, és próbáld ki az élő oldalon.

A fejléchez hasonlóan a feltétel nélküli, közzétett lábléc sablont is használhatja a Bricks alapból, hacsak az alapértelmezett sablonokat nem tiltod le.

Bejegyzés (Egyedi) sablon

Az Egyedi sablon akkor kell, ha a Bricks-szel akarod szabályozni a bejegyzések, oldalak vagy egyedi tartalomtípusok elrendezését. Egy blogbejegyzés sablonjának vásznán jellemzően a Bejegyzés címe, kiemelt kép, Bejegyzés tartalma, Szerző, dátum, kifejezések, Hozzászólások és kapcsolódó tartalom elemek szerepelnek.

1. Hozz létre egy „Bejegyzés oldal” nevű sablont.
2. A Sablonminta típusa legyen Egyedi.
3. Tedd közzé, és nyisd meg a Bricks-szel.
4. A Sablonminta beállításai → Tartalom kitöltése csoportban a Tartalomtípus legyen az egyedi bejegyzés típus (Bejegyzés/Oldal/CPT).
5. Válassz egy valódi bejegyzést az előnézethez.
6. Építsd fel az elrendezést dinamikus adatokkal és bejegyzés-elemekkel.
7. Nyisd meg a Feltételek csoportot.
8. Add hozzá a Bejegyzéstípus feltételt, és válaszd ki a Bejegyzés típust.
9. Mentsd, és próbáld ki több közzétett bejegyzéssel.

Az előnézeti bejegyzés csak azt szabályozza, mit látsz szerkesztés közben. Az élő oldalon azt a feltétel dönti el, hol használódik a sablon.

Feltételek vagy alapértelmezett sablonok?

Éles webhelyen a feltételeket tudatosan állítsd be, mert így a sablon-hozzárendelés látható és kiszámítható. Az alapértelmezett sablonok a kezdésnél hasznosak, mert a Bricks feltétel nélkül is használja bizonyos típusok közzétett sablonjait. Ez leggyakrabban a fejlécre és a láblécre igaz, de a támogatott archívum-, keresési, hiba- és WooCommerce-útvonal sablonokra is vonatkozik.

Ha azt akarod, hogy minden megjelenített sablont kifejezett feltétel vezéreljen, tiltsd le az alapértelmezett sablonokat a Bricks → Beállítások → Sablonok és komponensek lapon.

Fejléc vagy lábléc kikapcsolása egy oldalon

A landing és kampányoldalaknak gyakran nem kell a globális fejléc vagy lábléc.

1. Nyisd meg az oldalt a Bricks-szel.
2. Nyisd meg az Oldalbeállítások → Általános részt.
3. Kapcsold be a Fejléc letiltása vagy a Lábléc letiltása kapcsolót.
4. Mentsd az oldalt.

A beállítás csak az adott oldalra vonatkozik, a sablont nem törli és nem módosítja.

Előnézet és élő megjelenés

A sablon szerkesztéséhez előnézeti környezet kell. Az Egyedi sablonhoz egy bejegyzés kell a dinamikus adatok megjelenítéséhez, az Archívum sablonhoz archívum-környezet. A fejléchez vagy lábléchez is jó egy oldal vagy bejegyzés a háttérben, hogy lásd a térközöket és az átfedéseket.

Az előnézeti tartalom nem rendeli hozzá a sablont ahhoz a tartalomhoz, csak a vászon környezetét változtatja. A hozzárendelést a feltételekkel szabályozod.

Gyakori hibák

• A sablon közzé van téve, de nem látszik: nézd meg, hogy vannak-e illeszkedő feltételei. Ha az alapértelmezett sablonok le vannak tiltva, a feltétel nélküli sablon nem használódik magától.
• Rossz sablon jelenik meg: keress egy pontosabb feltételű sablont. Az Egyéni feltétel felülírja a széles feltételeket, például a Teljes webhely feltételt, a kizáró feltételek pedig kizárhatják a sablont.
• A vászon üres, vagy rossz a dinamikus adat: állítsd a Tartalom kitöltése csoportot egy valódi oldalra, bejegyzésre, archívumra vagy keresési környezetre, amely illik az épített sablonhoz.
• Fejléc vagy lábléc csak egy oldalról hiányzik: nézd meg az oldal Oldalbeállítások → Általános részén a Fejléc letiltása és a Lábléc letiltása kapcsolót.
• Az Egyedi sablon nem hat a bejegyzésekre: a típusa legyen Egyedi, legyen közzétéve, és a feltétele a megfelelő bejegyzéstípust vagy egyes bejegyzéseket célozza.
• A Szakasz sablon nem frissíti a beszúrt másolatokat: a Szakasz sablonok újrahasználható könyvtárelemek, nem szinkronizálják a beszúrt tartalmat az oldalak között. Összekapcsolt újrahasználható szerkezethez használj komponenseket.