Zeshoek HTML-sjablonen

Creatieve hexagon HTML-templates voor sterk gestructureerde geometrische pagina's

Een hexagon HTML-template is een kant-en-klare pagina waarin honingraatsecties al in de markup zijn ingebouwd, klaar voor uw diensten, projecten of teamprofielen. U past deze aan in Nicepage, exporteert de bestanden en kunt de broncode handmatig blijven bewerken. De kaders vallen direct op in een voorvertoning, maar de markup daarbinnen bepaalt hoe snel het template echt van u wordt.

Markup binnen elke hexagon-cel

In een goed template is de zeshoek slechts een kader rond content die ook zonder dat kader logisch zou zijn. Een kop benoemt het item en een korte beschrijving licht het toe, terwijl de link of knop een afzonderlijk element blijft. Kopniveaus moeten bovendien de visuele grootte negeren, zodat zes diensten in één cluster hetzelfde niveau delen, zelfs wanneer de centrale cel groter oogt.

Welk template bij u past, hangt af van wat de cellen gaan bevatten:

• portfolio-items, waarbij de projecttitel en link gescheiden blijven van een afbeelding met een correcte alt-tekst;
• dienst- of feature-items met een kop, een korte beschrijving en soms een pictogram;
• teamcellen waarin de naam en functie als bewerkbare tekst naast het portret staan en nooit in de afbeelding zijn geïntegreerd.

Items klonen zonder lege wrappers

Na de export bestaan de meeste bewerkingen uit herhaling. In een overzichtelijk template herhaalt elke dienst of elk project hetzelfde compacte blok met dezelfde classes, zodat voor een nieuw item één gekopieerd blok en verse tekst volstaan. Een item verwijderen moet net zo zuiver verlopen, zonder dat er lege polygoon-wrappers of overbodige nestingen achterblijven. Bijschriften en knoppen moeten kunnen worden aangepast zonder de kaders aan te raken, en een nieuwe foto moet direct in het bestaande mediablok kunnen worden geplaatst.

In de editor houdt het Shape Element van Nicepage decoratie en content gescheiden, doordat tekst of een knop binnen een vorm een zelfstandig element blijft.

Bronvolgorde en geëxporteerde bestanden

De volgorde in de broncode is niet zichtbaar in een voorvertoning, maar bepaalt wel hoe de cellen op een smartphone worden gelezen, waar de honingraat meestal verandert in een eenvoudige verticale stapel. Een cluster die op een laptop met de klok mee wordt gelezen, kan op mobiel door elkaar raken. Wanneer het hoofdaanbod visueel als eerste staat maar pas als vierde in de markup voorkomt, bereiken mobiele bezoekers het pas na drie andere items. Een snelle test is om de kaders weg te denken en te zien of alles nog steeds in een logische volgorde leest.

Geëxporteerde bestanden kunnen naar uw eigen server worden geüpload of worden overgedragen aan een ontwikkelaar, die de inhoudsblokken en hun volgorde in één oogopslag moet kunnen herkennen. Controleer na elke verplaatsing opnieuw de links, afbeeldingsbeschrijvingen en de volgorde van de items. Als uw werkelijke projecten, diensten of profielen met nauwelijks meer dan nieuwe tekst in de herhaalde markup van een template passen, hebt u het juiste hexagon HTML-template gevonden.