Supplement HTML-sjablonen

Aanvullende HTML-sjablonen: Bronbestanden die u bezit en kunt bewerken

Een aanvullend HTML-sjabloon wordt geleverd in een map die u kunt uitpakken en lezen. Deze map bevat pagina's als .html-bestanden, een of meer stylesheets, een scriptbestand, een map met afbeeldingen, vaak een map met lettertypen en een README-bestand. Er wordt niets gegenereerd op het moment dat een pagina wordt opgevraagd. Open een pagina in een editor en u ziet dezelfde markup die de browser ontvangt.

Wat de markup daadwerkelijk bevat

Elke pagina is een document met een koptekst, een hoofdtekst en een reeks secties die u kunt identificeren aan de hand van namen. Koptekst, hero-sectie, contentblokken, voettekst. Koptekstniveaus volgen elkaar op, secties hebben klassen die overeenkomen met regels in de stylesheet en een herhaald blok is simpelweg markup die u van het ene bestand naar het andere kopieert. Het toevoegen van een productpagina betekent meestal dat u een bestaand .html-bestand dupliceert, de tekst en afbeeldingen binnen dezelfde blokstructuur wijzigt en vervolgens een link naar die pagina toevoegt in de koptekst van elke pagina die er een nodig heeft.

Die laatste stap is de eerlijke prijs die u betaalt voor dit formaat. Zonder templating staan gedeelde elementen los van elkaar in elk bestand. Tien pagina's blijven prima. Maar vijftig productpagina's plus een blog is waar teams spijt van krijgen, omdat één wijziging in de header vijftig bewerkingen of een extra buildstap vereist die iemand moet opzetten en onderhouden.

Hosting en implementatie

Statische bestanden draaien overal: Netlify, GitHub Pages, Cloudflare Pages, een S3-bucket, een gewone shared hosting. Geen database om te back-uppen, geen PHP-versie om up-to-date te houden, geen plugin-omgeving om te patchen. Implementatie is een kwestie van een bestand kopiëren of een Git-push, en terugdraaien is het uitchecken van de vorige commit. Voor een team dat al met Git werkt, valt een aanvullende HTML-template onder hetzelfde branch- en reviewproces als de rest van hun code.

Integraties worden toegevoegd, niet geïnstalleerd

Alles wat de site nodig heeft naast statische content, wordt toegevoegd als een snippet die je zelf plaatst: een Shopify- of Snipcart-koopknop, een formulier-endpoint, een analytics-tag, een review-widget, een abonnementsservice. Je kiest elke service afzonderlijk en draagt de verantwoordelijkheid voor de gevolgen wanneer een van de services de embedcode wijzigt. Meer controle betekent meer onderhoud.

Lees de bestandslijst, niet de productnaam

De naamgeving op marktplaatsen maakt categorieën onduidelijk. Een product dat wordt verkocht als een HTML-sjabloon voor een voedingssupplement beschrijft het ontwerp en de leveringsvorm in één zin, en pas de tweede helft vertelt je wat je precies gaat bewerken. Kijk vóór aankoop naar het aantal pagina's, de bestandsstructuur en of de stylesheet en scripts leesbaar zijn of geminificeerd tot één regel.

Nicepage genereert schone, lichte markup en stijlen met geoptimaliseerde elementen, wat in dit formaat belangrijker is dan in andere. Bij statische bestanden is er geen tussenlaag voor de uitvoer. Wat de tool exporteert, is precies wat je bezoekers downloaden.