Šestiúhelník HTML Šablony

Kreativní šablony HTML s šestiúhelníky pro vysoce strukturované geometrické stránky

Šablona HTML s šestiúhelníky představuje hotovou stránku s plástvovými sekcemi přímo v kódu, připravenou pro vaše služby, projekty nebo profily týmu. Přizpůsobíte si ji v aplikaci Nicepage, exportujete soubory a zdrojový kód můžete dále upravovat ručně. Rámečky v náhledu okamžitě upoutají pozornost, ale o tom, jak rychle si šablonu přizpůsobíte, rozhoduje kód uvnitř nich.

Kód uvnitř každé šestiúhelníkové buňky

V kvalitní šabloně slouží šestiúhelník pouze jako rám pro obsah, který by dával smysl i bez něj. Nadpis prvek pojmenuje a krátký popis jej vysvětlí, zatímco odkaz nebo tlačítko zůstávají samostatnými elementy. Úrovně nadpisů by navíc měly ignorovat vizuální velikost, takže šest služeb v jednom bloku sdílí stejnou úroveň, i když středová buňka vypadá větší.

Která šablona vám bude vyhovovat, závisí na obsahu buněk:

• položky portfolia, kde název projektu a odkaz zůstávají oddělené od obrázku se správným alternativním textem;
• položky služeb či funkcí s nadpisem, stručným popisem a případně ikonou;
• buňky týmu, které zachovávají jméno a pracovní pozici jako editovatelný text vedle portrétu, nikoli jako součást grafiky.

Klonování položek bez prázdných obalových elementů

Po exportu spočívá většina úprav v opakování struktur. V čisté šabloně každá služba nebo projekt opakuje tentýž kompaktní blok se stejnými třídami, takže nová položka vyžaduje pouze zkopírování bloku a vložení nového textu. Odebrání položky by mělo být stejně přímočaré, aniž by po něm zůstaly prázdné polygonové obaly či zbytečné zanoření. Popisky a tlačítka by mělo být možné měnit bez zásahu do rámů a nová fotografie by měla přirozeně zapadnout do stávajícího mediálního bloku.

V editoru prvek Shape Element od Nicepage udržuje dekoraci a obsah oddělené, protože text nebo tlačítko umístěné uvnitř tvaru zůstávají samostatnými prvky.

Pořadí ve zdrojovém kódu a exportované soubory

Pořadí ve zdrojovém kódu se v náhledu neprojeví, přesto určuje, jak se buňky čtou na telefonu, kde se plástvová struktura obvykle mění v jednoduchý svislý sloupec. Skupina buněk, která se na notebooku čte po směru hodinových ručiček, se může na mobilním zařízení zobrazit zpřeházená. Pokud se hlavní nabídka nachází vizuálně na prvním místě, ale v kódu je až čtvrtá, uživatelé na mobilu k ní dorazí až po třech jiných položkách. Rychlým testem je představit si stránku bez rámů a zkontrolovat, zda dává obsah stále logický smysl.

Exportované soubory můžete nahrát na vlastní server nebo předat vývojáři, který by měl obsahové bloky a jejich strukturu rozpoznat na první pohled. Po každé změně uspořádání znovu zkontrolujte odkazy, popisy obrázků a pořadí položek. Pokud vaše skutečné projekty, služby nebo profily zapadnou do opakujícího se kódu šablony jen s minimální úpravou textu, našli jste tu správnou šablonu HTML s šestiúhelníky.