Kategorie

Opakující se produkty, příspěvky, projekty a položky katalogu potřebují předvídatelnou strukturu, která zůstane přehledná i při rozšiřování seznamu. Cyklické HTML šablony nabízejí znovupoužitelné sekce značkování, které se přizpůsobují rozvržením pro počítače i mobilní zařízení.

Seřadit:

Více HTML Šablony z kategorie Architektura a stavitelství

Other Architektura a stavitelství HTML Šablony

Cyklické HTML šablony pro opakovaný obsah

Cyklická HTML šablona definuje jednu opakovanou jednotku a plní ji dynamickým obsahem z příspěvků, produktů nebo záznamů projektů. Vyberete připravený blok položky, přizpůsobíte jej publikovaným záznamům a cyklus vykreslí toto značkování pro každý záznam. Nic neduplikujete ručně, takže jediný blok určuje, jak bude vnímána celá mřížka.

Kde šablona končí a obsah začíná

Běžný omyl u cyklů spočívá v záměně šablony za samotnou položku. Šablona obsahuje prázdná místa: obvykle oblast pro obrázek, nadpis a řádek s metadaty. Upravíte název produktu a změní se jeden záznam; upravíte značkování a najednou se promění celá mřížka.

Toto rozdělení dává cyklu tři pohyblivé části:

Značkování položky, které určuje hierarchii a pořadí čtení;
Dynamická pole, která do tohoto značkování načítají hodnoty;
Vnější mřížku, která rozhoduje o tom, kolik položek bude stát vedle sebe.

Tyto tři části rozhodují o tom, zda je připravená šablona použitelná. Blok položky se dvěma poli nepojme záznamy, které jich obsahují pět.

Sady polí se mezi jednotlivými cykly liší

Ne každý cyklus obsahuje obrázek, název a popis. Sada polí se řídí typem obsahu a rozhoduje o tom, čeho si čtenář všimne jako první.

Tři známé případy ukazují, jak výrazně se tyto sady mohou lišit:

Cyklus příspěvků váže datum, autora a stručný výtah k nadpisu, aby ho výtah nikdy nepřebil;
Cyklus událostí začíná datem a místem konání, takže časový blok nese větší váhu než samotný obrázek;
Cyklus adresáře obsahuje kategorii, adresu a kontaktní údaje, přičemž akční tlačítko je umístěno vedle nich.

Všechny tři případy opakují stejnou kostru, avšak důraz uvnitř ní se přesouvá. Sladění šablony s touto vahou představuje hlavní část výběru. Přizpůsobení rozvržení příspěvku pro záznamy událostí vyžaduje přeskupení polí.

Zachování správného pořadí napříč velikostmi obrazovek

Opakované bloky se na širokém monitoru čtou velmi dobře, ale začnou být méně přehledné, jakmile se sloupce zalomí pod sebe. Záleží pak na tom, zda záznam stále drží pohromadě: obrázek nad vlastním nadpisem, cena vedle vlastního názvu, akční prvek přiřazený k vlastní položce.

Ukázkový obsah tento problém často maskuje, protože demo položky mívají stejnou výšku. Potíže nastanou, když název jednoho projektu zabere tři řádky a následující nemá téměř žádný popis. Vyplatí se nahrát do zvolené šablony vaše nejdelší i nejkratší záznamy dříve, než začnete publikovat ve velkém.

V Nicepage Prvek Mřížka umisťuje opakované položky do responzivních buněk; průvodce responzivním webdesignem podrobně popisuje jeho ovládací prvky.

Cyklická HTML šablona má smysl tehdy, když struktura, čitelnost a uspořádání dat spolehlivě fungují při libovolném počtu záznamů i libovolné šířce obrazovky.