Przejdź do treści

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
01

Zakres prac w Oxygen Builder

01

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ć.

02

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.

03

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.

04

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.

05

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.

06

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.

02

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ę
03

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.

04

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.

05

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
06

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.

07

Jak prowadzimy projekt w Oxygenie

  1. 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.

  2. 02

    Klasy, zmienne, szablony

    Przygotowujemy system klas i zmiennych CSS, a następnie szablony z warunkami wyświetlania dla każdego typu podstrony.

  3. 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.

  4. 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
  1. Opisujesz projektFormularz, telefon albo e-mail
  2. Dopytujemy o szczegółyKrótko i konkretnie
  3. Dostajesz wycenęZ zakresem prac i planem

Formularz wyceny

Wymagane pola: 0 z 4

Twoje dane

Czego dotyczy zapytanie?

Opisz projekt

0 / 4000 znaków
Dodaj do opisu:

  • Bez zobowiązań
  • Dane tylko do odpowiedzi
  • Wolisz rozmowę? 222 500 844

Bezpłatna wycena

Opisz swój projekt

Kilka zdań wystarczy. Odpowiemy z bezpłatną wyceną i opisanym zakresem prac.

Dotyczy: Oxygen Builder

Po starcie strony możemy też poprowadzić jej pozycjonowanie i marketing – wybierz temat w formularzu.

Twoja wycenaco dostajesz w odpowiedzi Bezpłatnie

  • Zakres prac rozpisany na etapy
  • Dobrana platforma i rozwiązania
  • Proponowany harmonogram
  • Koszt bez ukrytych pozycji
  1. Opisujesz projektFormularz, telefon albo e-mail
  2. Dopytujemy o szczegółyKrótko i konkretnie
  3. Dostajesz wycenęZ zakresem prac i planem

Formularz wyceny

Wymagane pola: 0 z 4

Czego dotyczy zapytanie?
0 / 4000 znaków
Dodaj do opisu:

  • Bez zobowiązań
  • Dane tylko do odpowiedzi
  • Wolisz rozmowę? 222 500 844