Kreator · WordPress
Strony w Oxygen Builder – projekt, wdrożenie, opieka
Oxygen zastępuje motyw WordPressa i daje pełną kontrolę nad kodem każdej sekcji. Projektujemy w nim strony od podstaw, przejmujemy projekty po innych wykonawcach i planujemy przejście na nowszą linię kreatora.
- Bezpłatna wycena z zakresem prac
- Jeden opiekun projektu
- Dostępy i pliki należą do Ciebie
Oxygen nie jest kolejną wtyczką do układania sekcji na stronie. Przejmuje rolę motywu, więc nagłówek, stopka, szablony wpisów, archiwa i strona błędu 404 powstają w jednym narzędziu – z kontrolą nad każdym elementem HTML, klasą i regułą CSS. To kreator dla tych, którzy chcą dokładnie wiedzieć, co trafia do przeglądarki, i nie godzą się na kod generowany przez warstwy, których nikt nie zamawiał. Od wersji 6 Oxygen działa na silniku Breakdance, co zmienia sposób pracy w edytorze.
Projektujemy strony w Oxygenie od zera, ale równie często przejmujemy gotowe wdrożenia: strony bez dokumentacji, ze stylami przypisanymi do pojedynczych identyfikatorów zamiast klas, z kodem PHP wklejonym w bloki kodu. Porządkujemy selektory, wydzielamy powtarzalne części do szablonów i elementów wielokrotnego użytku, sprawdzamy bezpieczeństwo własnego kodu. Gdy strona działa na starszej linii Oxygena, pomagamy ocenić, czy i kiedy przejść na wersję 6.
W skrócie
- 01Pełna kontrola nad kodem każdej sekcji, bez motywu
- 02System klas i zmiennych CSS zamiast stylów jednorazowych
- 03Dynamiczne dane z pól własnych i pętli zapytań
- 04Audyt i dokumentacja przejętej strony
Zakres prac w Oxygen Builder
Cała witryna bez motywu
Nagłówek, stopkę, szablony wpisów, archiwów i podstron projektujemy w Oxygenie, z warunkami określającymi, gdzie dany szablon ma się wyświetlać.
System klas i zmiennych CSS
Zamiast stylować każdy element osobno, budujemy zestaw klas i zmiennych, dzięki którym zmiana koloru czy odstępu obejmuje całą stronę naraz.
Dynamiczne dane z pól własnych
Łączymy szablony z polami ACF i własnymi typami treści, żeby katalogi, oferty czy sylwetki zespołu edytować w panelu, a nie w kreatorze.
Audyt przejętej strony
Sprawdzamy strukturę szablonów, nadpisane style, bloki z kodem PHP i wtyczki, a potem przedstawiamy listę ryzyk i plan uporządkowania.
Plan przejścia na Oxygen 6
Oceniamy, które elementy starszego wdrożenia da się przenieść, a które trzeba odtworzyć, i rozkładamy przejście na etapy bez przestoju strony.
Edycja dopasowana do zespołu
Treści zmieniane często przenosimy do pól w panelu WordPressa, żeby osoby bez wiedzy technicznej nie musiały otwierać kreatora.
Dla kogo Oxygen, a dla kogo lepszy inny kreator
Oxygen daje swobodę porównywalną z pisaniem szablonu od zera, ale wymaga wiedzy o HTML, CSS i strukturze WordPressa. Sprawdza się, gdy strona ma nietypowy układ, korzysta z własnych typów treści i ma być rozwijana przez osobę techniczną. Jeśli na co dzień stronę edytuje dział marketingu bez wsparcia developera, podpowiemy, czy wystarczy Oxygen z dobrze przygotowanymi polami do edycji, czy lepszy będzie kreator, w którym edycja wizualna jest prostsza dla osób nietechnicznych.
- Strony z nietypowym layoutem, którego nie da się złożyć z gotowych sekcji
- Serwisy z własnymi typami treści i polami ACF
- Projekty, w których liczy się minimalna ilość kodu po stronie przeglądarki
- Zespoły z dostępem do developera, który rozwija stronę
Przejęcie strony w Oxygenie po innym wykonawcy
Strony w Oxygenie bywają trudne do przejęcia, bo kreator pozwala na wszystko – także na skróty. Spotykamy style przypisane do pojedynczych identyfikatorów, zdublowane szablony z nakładającymi się warunkami, fragmenty PHP wklejone bez zabezpieczeń i zależności od wtyczek, których nikt już nie aktualizuje. Zaczynamy od kopii i spisu: które szablony obsługują które podstrony, gdzie jest własny kod, jakie dane pochodzą z pól. Na tej podstawie poprawiamy błędy i porządkujemy strukturę tak, by kolejne zmiany nie wymagały zgadywania.
- Spis szablonów i warunków ich wyświetlania
- Przegląd bloków z kodem PHP pod kątem bezpieczeństwa
- Zamiana stylów na identyfikatorach na wspólne klasy
- Lista wtyczek zależnych od kreatora i stan ich aktualizacji
Na co uważać – najczęstsze błędy
Style ustawiane na identyfikatorach elementów
Style przypisane do pojedynczych elementów zamiast klas sprawiają, że każda zmiana wymaga wielu edycji. Przenosimy je do systemu klas.
Brak dokumentacji po poprzednim wykonawcy
Strona w Oxygenie bez opisu klas, szablonów i warunków jest trudna do rozwijania. Zaczynamy od audytu i dokumentacji.
Klient edytujący bezpośrednio w kreatorze
Oxygen nie jest przeznaczony do codziennej edycji przez osoby bez wiedzy technicznej. Konfigurujemy edycję treści przez pola i edytor WordPressa.
Wyłączenie Oxygena jak zwykłej wtyczki
Oxygen zastępuje motyw, więc po wyłączeniu strona traci wygląd. Każda zmiana platformy wymaga planu migracji.
Wydajność i migracje stron w Oxygenie
Brak motywu i zwięzły kod to dobry punkt wyjścia, ale nie gwarancja dobrego wyniku. Spowolnienia powodują zwykle ciężkie obrazy w sekcjach otwierających, czcionki z zewnętrznych serwerów, skrypty śledzące i wtyczki ładowane na każdej podstronie, nawet tam, gdzie nie są używane. Mierzymy wskaźniki Core Web Vitals na realnych podstronach – LCP ≤ 2,5 s, INP ≤ 200 ms, CLS ≤ 0,1 – i usuwamy konkretne przyczyny opóźnień, zamiast dokładać kolejną wtyczkę do optymalizacji.
Przy migracji pamiętamy, że struktura stron jest zapisana w danych kreatora, a nie w standardowej treści wpisów. Wyłączenie Oxygena lub zmiana kreatora oznacza więc odtworzenie układu, które planujemy razem z zachowaniem adresów URL, metadanych i przekierowań. Tak samo podchodzimy do przejścia ze starszej linii Oxygena na wersję 6 – najpierw inwentaryzacja szablonów i własnego kodu, potem etapy prac na kopii roboczej, a na końcu przełączenie bez przestoju strony.
Dokumentacja klas i zmiennych dla kolejnych wykonawców
Oxygen daje dużą swobodę, a to oznacza, że każda strona może być zbudowana według innych zasad. Dlatego po wdrożeniu lub audycie przygotowujemy dokumentację: listę klas i ich zastosowań, zmienne kolorów i odstępów, szablony z warunkami wyświetlania oraz miejsca, w których użyto własnego kodu.
Dokumentacja chroni Twoją inwestycję. Kolejna osoba pracująca przy stronie, także z naszego zespołu, szybko odnajdzie się w strukturze i nie będzie dokładać przypadkowych stylów, które z czasem utrudniają rozwój.
- Lista klas i ich zastosowań
- Zmienne kolorów, odstępów i typografii
- Szablony i warunki wyświetlania
- Miejsca z własnym kodem
Zanim zadzwonisz
Co przygotować przed rozmową
Nie musisz mieć wszystkiego. Każdy z tych punktów skraca jednak drogę do dokładnej wyceny.
- Dostęp do WordPressa i informacja o wersji Oxygena
- Lista dodatków do Oxygena, jeśli są używane
- Informacja, kto edytuje treści i jak często
- Pola własne i typy treści, z których korzysta strona
- Plany rozwoju strony
Edycja treści bez wchodzenia w kreator
Zespoły klientów rzadko potrzebują dostępu do samego kreatora. Najczęściej zmieniają teksty, zdjęcia, wpisy i pozycje w listach. Dlatego treści, które się zmieniają, przechowujemy w polach własnych i typach treści, a Oxygen tylko je wyświetla.
Dzięki temu redakcja pracuje w zwykłym panelu WordPressa, wypełniając czytelne formularze, a układ strony pozostaje nienaruszony. To podejście ułatwia też przyszłe zmiany technologii, bo treść nie jest zamknięta w strukturze kreatora.
Jak prowadzimy projekt w Oxygenie
-
01
Analiza i struktura danych
Ustalamy, jakie typy treści i pola są potrzebne, a przy istniejącej stronie spisujemy szablony, własny kod i zależności od wtyczek.
-
02
Klasy, zmienne, szablony
Przygotowujemy system klas i zmiennych CSS, a następnie szablony z warunkami wyświetlania dla każdego typu podstrony.
-
03
Budowa i testy na kopii
Składamy podstrony na środowisku testowym, sprawdzamy widoki na różnych ekranach, dostępność formularzy i wskaźniki wydajności.
-
04
Wdrożenie i dokumentacja
Publikujemy zmiany i przekazujemy opis szablonów, klas i własnego kodu, żeby kolejna osoba mogła rozwijać stronę bez zgadywania.
Dlaczego my
Współpraca, po której strona po prostu działa
-
01
Jeden opiekun projektu
Masz jedną osobę kontaktową od wyceny, przez wdrożenie, po opiekę po starcie.
-
02
Gotowa pod SEO od makiety
Struktura podstron, nagłówki, dane strukturalne i szybkość planujemy od pierwszego szkicu.
-
03
Wszystko należy do Ciebie
Domena, hosting, pliki i konta administratora są Twoje od pierwszego dnia.
-
04
Testy przed startem
Telefony, przeglądarki, formularze, szybkość i bezpieczeństwo sprawdzamy przed uruchomieniem.
Po starcie stronyGdy strona już działa, możemy ją dalej rozwijać: pozycjonowanie, kampanie reklamowe, social media, treści, PR i ochrona wizerunku. Zobacz wszystkie możliwości
FAQ
Najczęstsze pytania
Nie ma tu Twojego pytania? Napisz na biuro@tworzeniestronwww.pl albo zadzwoń: 222 500 844.
Co się stanie ze stroną, jeśli wyłączę Oxygen?
Oxygen zastępuje motyw, a układ stron przechowuje we własnych danych, nie w standardowej treści wpisów. Po wyłączeniu kreatora podstrony zbudowane w nim tracą wygląd, a często także widoczną treść. Zmiana kreatora to więc zawsze projekt przebudowy, a nie kliknięcie w panelu. Jeśli rozważasz takie przejście, zaczynamy od spisu podstron, szablonów i danych do przeniesienia.
Czy moja strona na starszym Oxygenie musi przejść na wersję 6?
Nie od razu. Przejście ma sens, gdy planujesz większe zmiany albo chcesz korzystać z nowego edytora opartego na silniku Breakdance. Ponieważ to inna podstawa techniczna, nie zakładamy, że wszystko przeniesie się automatycznie. Najpierw oceniamy, co da się zachować, co trzeba odtworzyć i jak dużo pracy wymaga własny kod, a dopiero potem proponujemy kolejność prac.
Czy osoba bez wiedzy technicznej poradzi sobie z edycją w Oxygenie?
Edycja w samym kreatorze wymaga zrozumienia struktury elementów i klas, więc dla wielu osób jest za trudna. Rozwiązujemy to inaczej: treści zmieniane regularnie – oferty, zespół, aktualności, dane kontaktowe – przenosimy do pól w panelu WordPressa, a szablony w Oxygenie tylko je wyświetlają. Redaktor uzupełnia formularz, a układ strony pozostaje nienaruszony.
Przejęliśmy stronę w Oxygenie bez dokumentacji. Od czego zacząć?
Od pełnej kopii zapasowej i środowiska testowego, na którym można bezpiecznie zaglądać w szablony. Następnie spisujemy, które szablony obsługują jakie podstrony, gdzie znajduje się własny kod PHP i JavaScript oraz które wtyczki są niezbędne. Taki przegląd pokazuje, co jest pilne – na przykład niezabezpieczony kod – a co można uporządkować w kolejnych etapach.
Czy strona w Oxygenie będzie automatycznie szybka?
Oxygen nie ładuje motywu i generuje zwięzły kod, więc startuje z dobrej pozycji. O wyniku decyduje jednak to, co zostanie dodane: rozmiar obrazów, liczba czcionek, skrypty marketingowe, wtyczki ładujące zasoby na wszystkich podstronach. Mierzymy stronę według progów Core Web Vitals i usuwamy konkretne źródła opóźnień, zamiast liczyć na to, że sam kreator załatwi sprawę.
Bezpłatna wycena
Zapytaj o: Oxygen Builder
Opisz krótko swoją sytuację – przygotujemy bezpłatną wycenę z zakresem prac. Wolisz rozmowę? Zadzwoń.
Strony, sklepy i integracje, a po starcie strony także pozycjonowanie, kampanie, social media i PR – wycenimy każdą z tych usług.
Twoja wycenaco dostajesz w odpowiedzi Bezpłatnie
- Zakres prac rozpisany na etapy
- Dobrana platforma i rozwiązania
- Proponowany harmonogram
- Koszt bez ukrytych pozycji
- Opisujesz projektFormularz, telefon albo e-mail
- Dopytujemy o szczegółyKrótko i konkretnie
- Dostajesz wycenęZ zakresem prac i planem