Hurok HTML Sablonok

Ciklus HTML-sablonok ismétlődő tartalmakhoz

A ciklus HTML-sablon egyetlen ismétlődő egységet határoz meg, és dinamikus tartalommal tölti fel azt bejegyzésekből, termékekből vagy projektrekordokból. Kiválaszt egy kész elelblokkot, hozzáigazítja a közzétenni kívánt elemekhez, a ciklus pedig minden egyes rekordhoz legenerálja ezt a jelölést. Semmit sem kell kézzel sokszorosítani, így egyetlen blokk határozza meg, hogyan jelenik meg a teljes rács.

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

A ciklusok körüli gyakori félreértés abból adódik, hogy a sablont összetévesztik magával az elemmel. A sablon üres helyeket tartalmaz: leggyakrabban egy képterületet, egy címsort és egy metaadatsort. Ha módosítja egy termék nevét, egyetlen rekord változik; ha a jelölést szerkeszti, az egész rács egyszerre alakul át.

Ez a szétválasztás három mozgó részből állítja össze a ciklust:

1. Az elem jelölése, amely rögzíti a hierarchiát és az olvasási sorrendet;
2. A dinamikus mezők, amelyek értékeket töltenek be ebbe a jelölésbe;
3. A külső rács, amely meghatározza, hány elem helyezkedjen el egymás mellett.

Ez a három rész dönti el, hogy egy kész sablon használható-e. Egy két mezővel rendelkező elemblokk nem fogja kiszolgálni az öt mezőt tartalmazó rekordokat.

A mezőkészletek ciklusonként eltérnek

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

Három ismert példa jól mutatja, mennyire eltérhetnek ezek a készletek:

1. Egy bejegyzésciklus a dátumot, a szerzőt és a kivonatot a címsorhoz köti, hogy a kivonat soha ne nyomja el azt;
2. Egy eseményciklus a dátummal és a helyszínnel indít, így az időpontblokk nagyobb hangsúlyt kap, mint a kép;
3. Egy címtárciklus kategóriát, címet és elérhetőségi adatokat tartalmaz, a műveletgombbal közvetlenül mellettük.

Mindhárom ugyanazt a vázat ismétli, mégis eltolódnak a belső hangsúlyok, és a sablon igazítása ehhez a súlyozáshoz teszi ki a választási munka nagy részét. Egy bejegyzéselrendezés eseményrekordokhoz történő igazítása a mezők átrendezését igényli.

A sorrend megőrzése a különböző képernyőméreteken

Az ismétlődő blokkok jól olvashatók egy széles monitoron, de nehezebben átláthatóvá válnak, amint az oszlopok egymás alá törnek. Ilyenkor az számít, hogy egy rekord továbbra is egységet alkot-e: a kép a saját címe felett marad-e, az ár a saját neve mellett látható-e, a művelet pedig a saját eleméhez kapcsolódik-e.

A mintatartalom ezt gyakran elrejti, mivel a demoelemek általában azonos magasságúak. A nehézségek akkor bukkannak fel, amikor az egyik projekt címe három sorosra nyúlik, a következőnek pedig szinte alig van leírása. Érdemes a leghosszabb és legrövidebb bejegyzéseit betölteni a kiválasztott sablonba, mielőtt nagy mennyiségben publikálna.

A Nicepage-ben a Rács elem reszponzív cellákba helyezi az ismétlődő elemeket; a reszponzív webtervezési útmutató ismerteti a beállításait.

A ciklus HTML-sablon akkor állja meg a helyét, ha a struktúra, az olvashatóság és az adatsorrend bármilyen rekordszám és képernyőszélesség mellett stabil marad.