Hurok HTML Sablonok

Ciklus HTML sablonok ismétlődő tartalomhoz

Egy ciklus HTML sablon egyetlen ismétlődő egységet definiál, és dinamikus tartalommal tölti fel bejegyzésekből, termékekből vagy projektrekordokból. Kiválaszt egy kész elemblokkot, adaptálja a közzétett bejegyzésekhez, és a ciklus minden rekordhoz kirajzolja a jelölést. Semmi sem másolódik kézzel, így egyetlen blokk határozza meg, hogyan olvasható a teljes rács.

Hol ér véget a sablon és hol kezdődik a tartalom

A ciklusokkal kapcsolatos szokásos félreértés a sablon és az elem összetévesztését jelenti. A sablon üres helyeket tartalmaz: gyakran egy képterületet, egy címsort és egy metaadatsort. Egy terméknév szerkesztése és egy rekord megváltozása; a jelölés szerkesztése és az egész rács egyszerre eltolódik.

Ez a felosztás három mozgó résszel hagyja a ciklust:

1. Az elemjelölés, amely rögzíti a hierarchiát és az olvasási sorrendet;
2. A dinamikus mezők, amelyek értékeket húznak be ebbe a jelölésbe;
3. A külső rács, amely eldönti, hogy hány elem legyen egymás mellett.

Ez a három rész dönti el, hogy egy kész sablon használható-e. Egy két mezős elemblokk nem fog öt mezőt tartalmazó bejegyzéseket tartalmazni.

A mezőkészletek ciklusonként eltérőek

Nem minden ciklus tartalmaz képet, címet és leírást. A mezőkészlet a tartalomtípust követi, és meghatározza, hogy mit vesz először észre az olvasó.

Három ismerős eset mutatja, hogy ezek a készletek mennyire eltérnek egymástól:

1. Egy bejegyzésciklus a dátumot, a szerzőt és a részletet a címsorhoz köti, így a részlet soha nem nyom többet a latban;

2. Egy eseményciklus dátummal és hellyel vezeti be, így az időblokk nagyobb súllyal bír, mint a kép;

3. Egy könyvtárciklus kategóriát, címet és elérhetőségeket tartalmaz, mellettük a műveletgombbal.

Mindhárom egy vázat ismétel, de a benne lévő súly változik, és a sablonnak ehhez a súlyhoz való illesztése a kiválasztási munka nagy részét teszi ki. Egy bejegyzés elrendezésének eseményrekordokhoz való igazítása a mezők átrendezését jelenti.

A sorrend változatlanul tartása a képernyőméretek között

Az ismétlődő blokkok jól olvashatók egy széles monitoron, de nehezebben olvashatók, ha az oszlopok behajlanak. Ami számít, az az, hogy egy rekord továbbra is egyben van-e: a kép a saját címe felett, az ár a saját neve mellett, a saját bejegyzéshez kapcsolódó művelet.

A minta tartalom ezt elrejti, mivel a demó elemek általában azonos magasságúak. Probléma akkor jelentkezik, ha az egyik projekt címe három soros, a következőhöz pedig szinte semmilyen leírás nem tartozik. Érdemes a leghosszabb és legrövidebb bejegyzéseket egy kiválasztott sablonba betölteni, mielőtt nagy léptékben közzétennénk.

A Nicepage-ben a Grid Element az ismétlődő elemeket reszponzív cellákba helyezi; a Reszponzív Webtervezési útmutató ismerteti a vezérlőit.

Egy ciklusos HTML-sablon akkor vívja ki a helyét, ha a szerkezet, az olvashatóság és az adatsorrend tetszőleges számú rekordon és tetszőleges képernyőszélességen is megállja a helyét.