Szablony HTML z dodatkami: Pliki źródłowe, które posiadasz i edytujesz

W szablonie HTML z dodatkami znajduje się folder, który można rozpakować i odczytać. Strony jako pliki .html, jeden lub więcej arkuszy stylów, plik skryptu, katalog z obrazkami, często folder z czcionkami oraz plik README. Nic nie jest generowane w momencie żądania. Otwórz dowolną stronę w edytorze, a zobaczysz ten sam kod, który otrzyma przeglądarka.

Rzeczy, które kod faktycznie zawiera

Każda strona to dokument z nagłówkiem, treścią i szeregiem sekcji, które można zidentyfikować po nazwie. Nagłówek, bohater, bloki treści, stopka. Poziomy nagłówków następują po sobie, sekcje zawierają klasy zgodne z regułami w arkuszu stylów, a powtarzający się blok to po prostu kod, który kopiujesz z jednego pliku do drugiego. Dodanie strony produktu zazwyczaj oznacza zduplikowanie istniejącego pliku .html, zmianę tekstu i obrazów w tej samej strukturze bloków, a następnie dodanie linku do niego w nagłówku każdej strony, która go potrzebuje.

Ten ostatni krok to uczciwy koszt formatu. Bez szablonów współdzielone elementy znajdują się osobno w każdym pliku. Dziesięć stron pozostaje w zgodzie. Pięćdziesiąt stron produktów plus blog to moment, w którym zespoły zaczynają żałować decyzji, ponieważ jedna zmiana w nagłówku oznacza pięćdziesiąt edycji lub krok kompilacji, który ktoś musi skonfigurować i utrzymywać.

Hosting i wdrażanie

Pliki statyczne działają wszędzie: na Netlify, GitHub Pages, Cloudflare Pages, w kontenerze S3, na zwykłym hostingu współdzielonym. Brak bazy danych do tworzenia kopii zapasowej, brak wersji PHP do aktualizacji, brak wtyczki do łatania. Wdrożenie to kopia pliku lub polecenie push w Gicie, a wycofanie to sprawdzenie poprzedniego zatwierdzenia. W przypadku zespołu, który już pracuje z Gitem, dodatkowy szablon HTML trafia do tego samego procesu rozgałęziania i weryfikacji, co reszta kodu.

Integracje są dołączane, a nie instalowane

Wszystko, czego strona potrzebuje poza treścią statyczną, jest dostarczane jako fragment kodu, który sam umieszczasz: przycisk zakupu w Shopify lub Snipcart, punkt końcowy formularza, tag analityczny, widget recenzji, usługa subskrypcji. Wybierasz każdą usługę i ponosisz konsekwencje, gdy któraś z nich zmieni swój kod osadzania. Więcej kontroli, więcej konserwacji.

# Czytaj listę plików, a nie nazwę produktu

Nazewnictwo w marketplace zaciera kategorie. Produkt sprzedawany jako szablon HTML suplementu diety opisuje swój projekt i format dostawy jednym zdaniem, a dopiero druga połowa wskazuje, co będziesz edytować. Przed zakupem sprawdź liczbę stron, strukturę plików oraz to, czy arkusz stylów i skrypty są czytelne, czy też skrócone do jednego wiersza.

Nicepage generuje przejrzyste, lekkie znaczniki i style ze zoptymalizowanymi elementami, co ma w tym formacie większe znaczenie niż gdziekolwiek indziej. W przypadku plików statycznych nie ma żadnej warstwy przed danymi wyjściowymi. To, co narzędzie eksportuje, jest dokładnie tym, co pobierają odwiedzający.