Jak korzystać z kolekcji w Sitejet Builder
Kolekcje (dynamic content) w Sitejet Builder to potężne narzędzie do zarządzania powtarzającą się treścią — blogiem, katalogiem produktów, ofertami pracy czy portfolio.
Spis treści
- Cztery komponenty kolekcji
- Wymagania
- Krok 1 — Otwórz Sitejet Builder przez panel Plesk
- Krok 2 — Otwórz Kolekcje w menu
- Krok 3 — Utwórz nową kolekcję i nazwij ją
- Krok 4 — Dodaj pola danych
- Krok 5 — Dodaj wpisy do kolekcji
- Krok 6 — Na stronie przeciągnij Kontener kolekcji
- Krok 7 — Wybierz źródłową kolekcję
- Krok 8 — Skonfiguruj układ wyświetlania
- Krok 9 — Skonfiguruj Stronę szablonu dla wpisów
- Często zadawane pytania
Cztery komponenty kolekcji w Sitejet Builder
Kolekcje w Sitejet Builder składają się z czterech powiązanych ze sobą komponentów, które razem tworzą kompletny system zarządzania dynamiczną treścią:
- Kolekcja — definiuje strukturę danych (pola: tytuł, opis, obraz, data, kategoria). To schemat bazy danych wpisów.
- Wpisy kolekcji — konkretne elementy danych wypełniające kolekcję, np. poszczególne artykuły bloga lub produkty w katalogu.
- Kontener kolekcji — element wizualny na stronie wyświetlający listę wpisów w formie siatki kart lub listy. Umieszczasz go na wybranej podstronie.
- Strona szablonu — osobna strona definiująca wygląd szczegółów każdego wpisu. Gdy odwiedzający kliknie kartę wpisu, Sitejet wyświetli tę stronę wypełnioną danymi wybranego wpisu pod unikalnym adresem URL.
Wymagania
- Dane logowania do panelu Plesk (z e-maila powitalnego od smartxhosting.pl)
- Aktywne konto w Sitejet Builder (dostępne przez hosting SmartX)
- Istniejący projekt strony internetowej w Sitejet
- Przygotowane materiały do wpisów: teksty, obrazy, daty
Jak korzystać z kolekcji — krok po kroku
- Zaloguj się do panelu Plesk, korzystając z adresu i danych logowania podanych w e-mailu powitalnym od smartxhosting.pl.
- W menu po lewej stronie kliknij Witryny i domeny.
- Wybierz domenę, dla której chcesz edytować stronę.
- Kliknij kafelek Sitejet Builder — edytor otworzy się w nowej karcie przeglądarki.
W lewym panelu bocznym edytora Sitejet kliknij ikonę Kolekcje (Collections). Jeśli nie widzisz ikony, upewnij się, że jesteś w trybie edycji projektu, a nie w podglądzie. Panel wyświetli listę wszystkich istniejących kolekcji lub komunikat o braku kolekcji w projekcie.
- Kliknij przycisk + Nowa kolekcja.
- Wprowadź nazwę kolekcji, np. Wpisy bloga, Produkty lub Oferty pracy.
- Potwierdź kliknięciem — kolekcja zostanie dodana do listy i otworzy się panel edycji jej struktury.
- W edytorze kolekcji kliknij + Dodaj pole.
- Wybierz typ pola: Tekst (krótki tytuł), Tekst długi (opis, treść), Data, Obraz (plik graficzny), Lista wyboru (kategoria).
- Nadaj każdemu polu unikalną nazwę, np. tytuł, opis, data_publikacji, miniatura, kategoria.
- Powtórz dla każdego potrzebnego pola i zapisz strukturę kolekcji.
- Kliknij zakładkę Wpisy w panelu kolekcji.
- Kliknij + Dodaj wpis i wypełnij wszystkie zdefiniowane pola dla pierwszego elementu.
- Prześlij miniaturę, wpisz tytuł i opis, wybierz kategorię i podaj datę publikacji.
- Zapisz wpis i powtórz czynność dla kolejnych elementów kolekcji.
Wróć do edytora strony. Otwórz panel elementów (ikona siatki w lewym menu) i znajdź element Kontener kolekcji (Collection Container). Przeciągnij go na stronę w miejsce, gdzie chcesz wyświetlać wpisy kolekcji.
- Kliknij na umieszczony Kontener kolekcji, aby go zaznaczyć.
- W panelu właściwości po prawej stronie kliknij pole Źródło kolekcji.
- Z listy rozwijanej wybierz kolekcję, której wpisy mają być wyświetlane w kontenerze.
- Sitejet automatycznie wypełni kontener wpisami z wybranej kolekcji.
- W ustawieniach kontenera wybierz liczbę kolumn siatki (np. 3 kolumny dla galerii kart).
- Ustaw kolejność sortowania wpisów: od najnowszych, od najstarszych lub alfabetycznie.
- Jeśli kolekcja ma kategorie, dodaj filtr kategorii, aby użytkownicy mogli przeglądać wybrane wpisy.
- Połącz pola kolekcji z elementami wizualnymi karty: pole miniatura z komponentem Obraz, pole tytuł z nagłówkiem, pole opis z tekstem.
- Zapisz i przejdź do podglądu, aby sprawdzić efekt.
Strona szablonu definiuje wygląd indywidualnej strony każdego wpisu kolekcji — czyli to, co odwiedzający zobaczy po kliknięciu w kartę wpisu. Sitejet automatycznie tworzy tę stronę po skonfigurowaniu pierwszego Kontenera kolekcji.
- W panelu stron (Pages) znajdź stronę automatycznie wygenerowaną przez Sitejet — jej nazwa odpowiada nazwie kolekcji, np. Wpisy bloga — Szczegóły.
- Otwórz tę stronę w edytorze i zaprojektuj układ: dodaj elementy takie jak nagłówek, obraz, tekst, data publikacji.
- Połącz elementy wizualne z polami kolekcji — element Obraz z polem miniatura, nagłówek H1 z polem tytuł, blok tekstowy z polem opis.
- Ustaw meta tytuł i meta opis strony szablonu, używając dynamicznych pól kolekcji — każdy wpis będzie miał automatycznie unikalny SEO.
- Zapisz i opublikuj. Każdy wpis kolekcji będzie teraz dostępny pod własnym adresem URL z treścią dopasowaną do jego danych.
Często zadawane pytania
Jaka jest różnica między kolekcją a zwykłą stroną?
Zwykła strona ma stałą treść edytowaną bezpośrednio w edytorze. Kolekcja to ustrukturyzowana baza danych wpisów, które są wyświetlane dynamicznie na stronie przez Kontener kolekcji. Zmiana szablonu jednego elementu kolekcji aktualizuje wygląd wszystkich wpisów naraz, co znacznie oszczędza czas przy dużej liczbie elementów.
Czym jest Strona szablonu i czy jest obowiązkowa?
Strona szablonu (Template Page) to specjalna strona w Sitejet Builder, która definiuje wygląd indywidualnego wpisu kolekcji. Gdy odwiedzający kliknie kartę artykułu na blogu lub produktu w katalogu, Sitejet wyświetli tę stronę wypełnioną danymi wybranego wpisu. Strona szablonu jest potrzebna tylko wtedy, gdy chcesz, aby każdy wpis miał własną stronę szczegółów pod unikalnym adresem URL — jeśli zależy Ci wyłącznie na liście kart bez stron szczegółów, możesz ją pominąć.
Czy kolekcje poprawiają SEO?
Tak, każdy wpis kolekcji może mieć własną stronę szczegółów z unikalnym adresem URL, tytułem i meta opisem. Regularne dodawanie nowych wpisów (np. artykułów na blogu) sygnalizuje wyszukiwarkom aktywność witryny i może poprawiać jej pozycje w wynikach wyszukiwania.
Jak ograniczyć liczbę wyświetlanych wpisów?
W ustawieniach Kontenera kolekcji na stronie znajdź opcję Limit wpisów i ustaw żądaną liczbę. Możesz również włączyć paginację lub przycisk Wczytaj więcej, aby użytkownicy mogli przeglądać kolejne wpisy bez przeładowania strony.
Zobacz też
Potrzebujesz pomocy z Sitejet Builder?
Zespół smartxhosting.pl pomoże Ci uruchomić i skonfigurować profesjonalną stronę internetową w Sitejet Builder.
Skontaktuj się z nami
