Kolekcja Szablony HTML

Wyczyść szablony HTML kolekcji, które możesz eksportować i edytować

Sklep z czterdziestoma eksponatami ceramicznymi i archiwum kilkuset grafik napotyka na tę samą przeszkodę: dziesiąty element musi pasować równie dobrze, jak pierwszy. Szablony HTML kolekcji to gotowe projekty katalogów, galerii lub archiwów, a etykieta HTML wskazuje, gdzie projekt trafi. Nicepage eksportuje je jako stronę statyczną, więc wizualnie ułożona kolekcja staje się kodem HTML, CSS i JavaScript, który możesz hostować lub edytować w kodzie.

Co zawiera wyeksportowana galeria

Eksport działa zarówno z aplikacji Nicepage, jak i z Edytora Online, więc wynik nie zależy od tego, w którym z nich pracowałeś. Eksport folderów i FTP jest częścią aplikacji, co ma znaczenie, jeśli ścieżka publikacji jest już ustalona. Dostępne tryby opisano w Przewodniku po eksporcie witryny HTML.

Witryna kolekcji wyeksportowana z Nicepage zawiera:

1. Znaczniki każdej utworzonej strony, w tym indeks kolekcji;
2. Arkusz stylów i skrypty, na których opiera się projekt;
3. Zdjęcia produktów, strony lookbooków i skany archiwalne.

Wszystko to trafia na zwykły hosting statyczny, a ten sam folder można przekazać programistom pracującym nad większym projektem.

Komórki siatki na wąskich ekranach

Układy kolekcji umieszczają kilka obrazów obok siebie na szerokim ekranie, a element siatki przechowuje je w komórkach, które układają się w stosy w miarę zwężania ekranu. W przypadku strony katalogu to zachowanie ma największe znaczenie, ponieważ długa lista podobnych obiektów to pierwsze miejsce, w którym projekt ustępuje miejsca.

Te same kilka miejsc wymaga uwagi, gdy zmniejsza się szerokość:

1. Nazwy elementów dłuższe niż tekst demonstracyjny, które wypychają kartę;
2. Podpisy oddalające się od obrazu, do którego należą;
3. Galerie zajmujące więcej kolumn niż ekran może pomieścić.

Układy dla linii produktów i serii artystycznych

Nie wszystkie kolekcje muszą mieć tę samą stronę. Linia produktów dobrze się prezentuje jako równomierna siatka produktów z cenami i krótkimi opisami, podczas gdy archiwum wymaga miejsca na podpisy i numery referencyjne obok każdego skanu. Warto zapoznać się z treścią demonstracyjną, aby poznać układ strony.

Zdjęcia w kolekcji rzadko mają ten sam kształt, a to zazwyczaj decyduje o tym, czy szablon przetrwa wymianę. Zdjęcia produktów są przycinane do jednego formatu; grafiki i skany archiwalne rzadko tak się zachowują. Najszybszym testem jest utworzenie sekcji wypełnionej własnymi zdjęciami i nazwami produktów, zwłaszcza takiej, której nazwa jest dwa razy dłuższa niż nazwa demonstracyjna. Cokolwiek projekt tam zrobi, będzie to miało zastosowanie w całym katalogu.