Strony w Spectra – projekt na blokach Gutenberga

Spectra sprawdza się tam, gdzie treść jest ważniejsza od efektów: strony firmowe z blogiem, serwisy usługowe, strony z rozbudowaną bazą wiedzy. Redaktor pracuje w edytorze, który zna z publikowania wpisów, a projekt nie zależy od osobnego środowiska z własnymi zasadami. Gorzej wypada przy bardzo nietypowych layoutach z dużą liczbą animacji i interakcji – tam warto rozważyć kreator, który od początku projektowano pod takie zadania. Zawsze mówimy, które podejście ma sens w Twojej sytuacji, nawet jeśli nie będzie to Spectra.

Bloki działające w natywnym edytorze same w sobie nie gwarantują szybkiej strony. Na wynik wpływają duże obrazy w sekcjach otwierających, czcionki ładowane z kilku źródeł, nadmiar wtyczek i sposób generowania stylów. Mierzymy strony według progów Core Web Vitals – LCP ≤ 2,5 s, INP ≤ 200 ms, CLS ≤ 0,1 – i usuwamy konkretne przyczyny opóźnień: rezerwujemy miejsce na obrazy, porządkujemy czcionki, ograniczamy skrypty do podstron, na których są potrzebne. Gdy problem leży w hostingu albo w ciężkiej wtyczce, pokazujemy to na pomiarach, zamiast szukać winy w blokach.

Często trafiają do nas strony, na których Spectra współistnieje z pozostałościami innego kreatora, kilkoma pakietami bloków i motywem nadpisującym style w nieprzewidywalny sposób. Zaczynamy od przeglądu: które bloki są faktycznie używane, gdzie treść jest zdublowana, co blokuje aktualizacje. Dopiero potem decydujemy, czy wystarczy porządek, czy lepiej przenieść podstrony na jeden, spójny zestaw bloków.

Przy migracji z kreatora wizualnego na Spectra nie ma automatycznej konwersji, która przeniesie układ jeden do jednego. Odtwarzamy sekcje z bloków, przenosimy treść, pilnujemy adresów URL, tytułów i hierarchii nagłówków, a stare podstrony zastępujemy dopiero po sprawdzeniu nowych na kopii roboczej. Przy okazji zwykle upraszczamy układy, które w poprzednim narzędziu wymagały wielu zagnieżdżeń, i usuwamy wtyczki, które przestały być potrzebne.

Spectra powstała w tym samym zespole co motyw Astra i najlepiej współpracuje właśnie z nim: kolory, typografia i szerokości kontenerów są wspólne, a szablony nagłówka i stopki konfiguruje się w motywie. Przy nowych stronach ten zestaw daje lekką stronę z wygodną edycją.

Spectra działa też z innymi motywami. Wtedy dbamy o to, żeby ustawienia nie były zdefiniowane w dwóch miejscach, i sprawdzamy, czy szerokości oraz odstępy bloków zgadzają się z motywem, zwłaszcza na telefonach.

Redakcja pracuje najszybciej, gdy ma gotowe klocki. Przygotowujemy wzorce sekcji dla typowych treści: opis usługi, lista korzyści, opinie, pytania i odpowiedzi, CTA z formularzem. Każdy wzorzec jest zgodny z projektem i wymaga tylko podmiany treści.

Dla elementów powtarzających się na wielu podstronach tworzymy wzorce synchronizowane, które aktualizują się wszędzie po jednej zmianie. Dołączamy krótką instrukcję, jak z nich korzystać.