Tovább a tartalomhoz

Egyedi és archív sablonok

Bejegyzés- és archívumsablon készítése: blog, keresési találatok, egyedi taxonómia, 404-es oldal és előnézet.

Egyedi oldalsablon (bejegyzés, egyedi tartalomtípus)

Szekció neve “Egyedi oldalsablon (bejegyzés, egyedi tartalomtípus)”

Az egyedi oldal (Single) egy minta az összes hasonló oldalhoz: bejegyzéshez, oldalhoz, termékhez vagy egyedi tartalomtípushoz. A sablonnal a téma alapértelmezett bejegyzéssablonját cserélheted le: cím, kiemelt kép, metaadatok, tartalom, hozzászólások.

A példában egy „Tour” nevű egyedi tartalomtípus egyedi oldalát készítjük el Elementorban (a dinamikus elemekhez a JetEngine kell).

  1. Nyisd meg a Crocoblock → Theme Builder oldalt, és kattints a Create new page template gombra.
  2. Az Add Condition gombbal add meg a feltételt: Include, Egyedi, az egyedi tartalomtípus (itt „Tour”), az utolsó mezőben pedig All.
  3. Kattints a Create gombra, és szükség esetén nevezd át az új sablont.
  4. Az Override theme header és az Override theme footer gombbal add hozzá a fejlécet és a láblécet (Add from library → Use).
  5. Az Override theme body gombra kattintva válaszd a Create template lehetőséget. Az Elementor tartalomtípust választva add meg a nevet, és kattints a Create gombra.
  6. A Go to editor gombbal nyisd meg az Elementort, és építsd fel az oldalt. A JetEngine elemeivel (például meta mezők, ismétlők) dinamikus tartalmat jeleníthetsz meg, a bejegyzés alapadatait (cím, tartalom) a Dynamic Field elemmel.
  7. Nyomd meg a Publish gombot, és nézd meg az eredményt egy ilyen típusú bejegyzés oldalán.

Blokkszerkesztőben ugyanígy kell eljárni, csak a tartalomtípus Block Editor. Itt nincs előnézet, egyes blokkok csak a webhelyen látszanak. Mentéshez a Save gombot használd.

A saját bloglista kinézetét archívumsablonnal adhatod meg. Először a Beállítások → Olvasás oldalon válaszd a Statikus oldal lehetőséget, és jelölj ki egy oldalt a bejegyzések oldalának. A „A blogoldalak legfeljebb ennyi bejegyzést mutatnak” érték a bejegyzéseket megjelenítő elemekre is hat: ha ott 3-at adsz meg, és az elemben 6 bejegyzést, csak 3 jelenik meg.

  1. A Crocoblock → Theme Templates oldalon kattints az Add New gombra.
  2. A Template Type értéke Archive, a Template Content Type értéke Elementor, adj nevet, majd kattints a Create Template gombra.
  3. Húzd az oldalra a bejegyzéseket megjelenítő elemet: Listing Grid (ehhez előbb Listing sablon kell), Posts vagy Smart Posts List.
  4. A Listing Grid elemben a Use as Archive Template kapcsoló azt éri el, hogy a megjelenített bejegyzések számát az Olvasási beállításokból veszi.
  5. Mentsd a sablont, és a Theme Templates oldalon az Edit Conditions gombbal állítsd be: Include, Archívum, CPT Archive, Posts.

Ugyanígy készül, de a tartalomtípus Block Editor. A bejegyzések megjelenítéséhez a Listing Grid blokkot vagy a WordPress Posts List blokkját használhatod: gépeld be a / jelet, majd a blokk nevét.

Teljes oldalsablonként (fejléc, törzs, lábléc)

Szekció neve “Teljes oldalsablonként (fejléc, törzs, lábléc)”
  1. A Crocoblock → Theme Builder oldalon kattints a Create new page template gombra.
  2. Add meg a feltételt: Include, Archívum, CPT Archive, Posts, majd kattints a Create gombra.
  3. Add hozzá a fejlécet, a törzset és a láblécet. A törzs lehet a fent elkészített archívumsablon. Az Elementorral és a blokkszerkesztővel készült sablonok keverhetők.
  1. A Crocoblock → Theme Builder oldalon kattints a Create new page template gombra.
  2. Add meg a feltételt: Include, Archívum, Search Results, majd a Create gombot.
  3. Nevezd el a sablont, és kattints az Add body gombra. Válaszd a Create template vagy az Add from library lehetőséget.
  4. A Create a template ablakban add meg a tartalomtípust (Elementor vagy Block Editor) és a nevet, majd kattints a Create gombra.
  5. A szerkesztőben tegyél be egy találatokat megjelenítő elemet. Az Elementor példájában ez a JetEngine Listing Grid elem (előre elkészített Listing sablonnal). Kapcsold be a Use as Archive Template beállítást.
  6. Nyomd meg a Publish (blokkszerkesztőben Save) gombot.

A szerkesztőben az elem először „No data was found” szöveget mutat, a webhelyen viszont a találatok megjelennek. A fejlécet és a láblécet a Theme Builderben adhatod hozzá. Ellenőrzéshez keress rá valamire a webhely keresőjével (például a fejlécbe tett JetSearch Ajax Search elemmel).

Az egyedi taxonómia egy-egy kifejezéséhez tartozó bejegyzéseket mutató archívumhoz kell a JetEngine, egy egyedi tartalomtípus és egy hozzá tartozó taxonómia. A példában „Tours” a tartalomtípus, „Travel by” a taxonómia.

  1. A JetEngine → Listings/Components oldalon kattints az Add New Listing Item gombra. A Setup Listing Item ablakban válaszd a Posts forrást, a tartalomtípust (Tours), add meg a Listing nevét, és válaszd a nézetet (Elementor vagy Blocks). A Create Listing Item gombbal hozd létre, építsd fel dinamikus elemekkel, és mentsd.
  2. A Crocoblock → Theme Builder oldalon kattints a Create new page template gombra.
  3. Add meg a feltételt: Include, Archívum, CPT Taxonomy, majd az utolsó listában a taxonómia (Travel by). Kattints a Create gombra.
  4. Az Add body, Create template gombokkal hozz létre törzset a kívánt szerkesztővel, majd a Go to editor gombbal nyisd meg.
  5. Tedd az oldalra a Listing Grid elemet, válaszd ki a Listinget, és kapcsold be a Use as Archive Template kapcsolót. Így az archívum csak az adott taxonómiakifejezéshez tartozó bejegyzéseket mutatja.
  6. Mentsd, majd a Theme Builderben add hozzá a fejlécet és a láblécet.
  1. A Crocoblock → Theme Builder oldalon kattints a Create new page template gombra.
  2. Az Add Condition gombbal add meg: Include, Egyedi, 404 page. Kattints a Create gombra.
  3. A sablon csak 404-es hibánál jelenik meg. Az Add header, Add body és Add footer gombok közül bármelyik elhagyható, például csak törzs is lehet.
  4. A fejlécet és a láblécet az Add from library lehetőséggel add hozzá.
  5. A törzsnél válaszd a Create template lehetőséget, majd add meg a tartalomtípust és a nevet (a név elhagyható), kattints a Create, majd a Go to editor gombra.
  6. Építsd fel az oldalt, és nyomd meg a Update gombot.
  7. Ellenőrzéshez írj el egy betűt a webhely címében.

Előnézet beállítása archívumsablonhoz Elementorban

Szekció neve “Előnézet beállítása archívumsablonhoz Elementorban”

Az Elementor szerkesztőjében a dinamikus tartalmak előnézetéhez be kell állítani, melyik tartalomtípushoz készül az archívum.

  1. A Crocoblock → Theme Templates oldalon kattints a sablon alatti Edit with Elementor gombra.
  2. A bal alsó sarokban nyisd meg a Settings (Beállítások) ikont, és a Preview Settings (Előnézet beállításai) részben válaszd ki a tartalomtípust.
  3. Nyomd meg a Update gombot, majd frissítsd az oldalt. Frissítés nélkül az előnézet nem érvényesül.

Készült:

Tiszteletben tartjuk a magánszférádat

Sütiket használunk a böngészési élmény javítására és a forgalom elemzésére. Az analitika csak akkor indul, ha engeded. Adatvédelmi irányelvek, Sütitájékoztató.

Sütibeállítások