Dziewięć produktów,
jedna witryna WordPress,
każdy ekran uzasadniony.

Od nagłówka po stopkę, wewnątrz edytora blokowego.

Edytor bloków WordPressa jest szybki i natywny, ale nie potrafi nadać jednej wartości osobnych ustawień dla komputera, tabletu i telefonu — sprawdzone ponownie na WordPressie 7.1 i jest to najczęstszy techniczny powód, dla którego ludzie instalują kreator stron. MevvBlocks zamyka tę lukę i idzie dalej: 110 bloków, szablony motywu od nagłówka po stopkę, siatka wpisów i kreator pętli, silnik formularzy, wyskakujące okna, transformacje i maski, własny kod dla całej witryny, jeden ekran dla palety witryny, WebP i AVIF dla obrazów, buforowanie na poziomie bloku, audyt dostępności, który mówi prawdę zamiast ją zakrywać, oraz ekran Core Web Vitals zasilany danymi Twoich własnych odwiedzających. Katalog sięga dziś od przełącznika i zagnieżdżonych zakładek po wykres kołowy, playlistę multimediów, dymek podpowiedzi, formularz newslettera i animację SVG, z ośmioma stylami bloków we własnym panelu „Style” edytora — i każdy z nich przestaje się ruszać, gdy odwiedzający poprosił o ograniczenie ruchu. Płótno nie jest już przybliżeniem: edytor prosi serwer o ten sam CSS, który wydrukuje strona, więc to, co ułożysz, to trafia na produkcję. Dwadzieścia trzy z tych bloków są dla WooCommerce i żaden z nich nie przerysowuje WooCommerce: wywołują jego własne szablony, więc Twój motyw i Twoje wtyczki dalej działają.

Każdy wymiar osobno dla każdego rozmiaru ekranu

Dopełnienie, rozmiar czcionki czy liczba kolumn mogą mieć osobną wartość dla komputera, tabletu i telefonu. Rdzeń WordPress tego nie potrafi — zostało to zmierzone na wersji 7.1, a nie założone. Ten sam panel wyjmuje też element z układu strony za pomocą pozycjonowania absolute lub fixed, a jego przesunięcia i z-index również ustawia się osobno dla każdego urządzenia.

110 bloków

Układ, tekst i multimedia; menu, wyszukiwarka, siatka wpisów i kreator pętli; logo witryny, tytuł strony, okruszki, informacje o wpisie i ramka autora do szablonów motywu; wideo, audio, playlista, galeria, tabela, FAQ, oś czasu i kod; przełącznik, zagnieżdżone zakładki, wykres kołowy, dymek podpowiedzi, newsletter, kanał społecznościowy, obracany kafelek, wezwanie do działania, animowany nagłówek, przed/po, punkty na obrazie, panel wysuwany i przyciski kontaktu — oraz dwadzieścia trzy dla WooCommerce, od galerii produktu po koszyk, zamówienie i minikoszyk. 87 bez WooCommerce.

Osiem stylów bloków, w panelu, który WordPress już Ci daje

Nakładka gradientowa, skala szarości lub rozmycie do najechania, maska okrągła lub zaokrąglona, uniesienie, powiększenie i przechylenie — wybierane w panelu „Style” rdzenia, więc nie ma nowej kontrolki do nauczenia, a wybór jest klasą w Twoim znaczniku, a nie ustawieniem w tabeli. Każda transformacja przy najechaniu jest wyłączana, gdy system odwiedzającego prosi o ograniczenie ruchu, a nieruchoma klatka animacji SVG jest podstawiana tak samo.

Formularz newslettera, który nie potrzebuje usługi

Adres, opcjonalne imię, pole zgody i zwykły POST — podpisany tym samym HMAC, którego używa silnik formularzy, więc zbuforowana strona nigdy nie umiera przez wygasły nonce. Pułapka jest połykana w ciszy, limit żądań działa na adres, a adresy lądują razem z pozostałymi zgłoszeniami formularzy. Nie ma listy, klucza API ani żądania do kogokolwiek: akcja mevvblocks_newsletter_subscribe przekazuje każdy potwierdzony adres temu, czego już używasz.

Tekst dynamiczny, w tym Twoje pola ACF

Nagłówek, tekst, przycisk lub obraz mogą wziąć wartość z wpisu, a nie z tego, co wpisałeś: tytuł, zajawka, autor, data, kategoria, tagi, tytuł archiwum, szukana fraza, cena WooCommerce, SKU lub stan magazynowy albo pole własne po kluczu. Gdy Advanced Custom Fields jest aktywny, pole czytane jest przez get_field(), więc dostajesz wartość sformatowaną, a klucze zaczynające się od podkreślenia są odrzucane, a nie ujawniane.

To, co widać w edytorze, jest tym, co wypisuje strona

Kanwa nie pokazuje już przybliżenia: dopełnienie, odstępy, kierunek, wyrównanie, tło, zaokrąglenie, cień, transformacja i pozycja pojawiają się z takimi wartościami, jakich użyje front witryny. Ten CSS wytwarza jeden silnik stylów, a edytor pobiera go z serwera — napisanie drugiego silnika w języku JavaScript dałoby dwie kopie, które z czasem się rozjeżdżają. Zmierzone: dawna kanwa różniła się od strony w 24 właściwościach układu; teraz jest to zero na 64.

Core Web Vitals od prawdziwych odwiedzających

Wskaźniki LCP, CLS i INP są mierzone w przeglądarkach osób, które odwiedzają witrynę, a na ekranie widnieje 75. percentyl z okna 28 dni — dane terenowe, takie same, na jakie patrzy Search Console, a nie pomiar laboratoryjny. Poniżej stu próbek żadna liczba nie jest w ogóle pokazywana, ponieważ percentyl z garstki pomiarów to szum. Nie są zbierane ani adresy IP, ani pliki cookie, ani identyfikatory, a dane nigdy nie opuszczają własnego serwera.

AI z własnym kluczem

Pisanie, przeredagowanie, skracanie, tłumaczenie i generowanie tekstu alternatywnego obrazów. Klucz API wprowadza sam użytkownik, a żądanie idzie z witryny prosto do dostawcy — tekst nigdy do nas nie trafia, a limit pozostaje własnością użytkownika. Wynik przychodzi jako propozycja, nie jest zapisywany wprost do bloku.

Paleta twojego motywu, bez przepisywania

Kolory i typografię można odczytać z pliku theme.json aktywnego motywu i użyć do wypełnienia pustych miejsc we własnej palecie wtyczki. Most działa celowo tylko w jedną stronę: nic nie jest zapisywane z powrotem do motywu, więc aktualizacja motywu nigdy nie zastaje własnego pliku nadpisanego. Jest wyłączony, dopóki go nie włączysz.

Mega panel w menu, które już masz

To nie nowy blok — to ustawienie bloku nawigacji. Podmenu otwiera się jako panel na pełną szerokość, do czterech kolumn, a jeśli włączysz panel dla pozycji bez podmenu, kontrola dostępności zgłosi to zamiast wyświetlić pustą ramkę.

Pierwsza wersja robocza strony, z jednego zdania

Opisz stronę, a model wybierze sekcje z własnej biblioteki szablonów wtyczki. Nigdy nie zapisuje znaczników, więc na stronie lądują edytowalne bloki, a nie wygenerowany HTML, a sekcja, którą wskaże, a która nie istnieje, jest pomijana i zgłaszana zamiast zgadywana. Strona zawsze zapisywana jest jako wersja robocza, a klucz należy do ciebie.

Notatki, których odwiedzający nigdy nie zobaczą

Do każdego bloku można przypiąć notatkę dla zespołu, oznaczyć ją jako załatwioną i usunąć. Żyje ona w edytorze i nie ma ani jednego punktu zaczepienia na froncie witryny, który mógłby ją wypisać.

Szybciej — i zmierzone

Wynik renderowania bloków jest buforowany, a obrazy są konwertowane do formatu WebP lub AVIF obok oryginałów — oryginały pozostają nietknięte. Zmierzone: czas renderowania bloku niższy o 33–72%, waga obrazów niższa o 39–78%. Obrazy są serwowane przez element <picture>, więc do wszystkich trafia ten sam kod HTML; to decydowanie o każdym odwiedzającym po stronie serwera zatruwa pamięć podręczną strony. Na telefonach można też podać zupełnie inny obraz — nie mniejszą kopię tego samego, lecz inne ujęcie — a wyboru i tak dokonuje przeglądarka.

Silnik formularzy, a nie zależność

Szesnaście typów pól, walidacja po stronie serwera, pułapka honeypot połykana w ciszy oraz ekran, na którym przechowywane są zgłoszenia. Formularz działa bez języka JavaScript, bo to jedyna część strony, która naprawdę coś robi.

Szablony motywu z warunkami

Nagłówek, stopka, wpis, archiwum, wyszukiwanie i 404 — zbudowane w tym samym edytorze WordPress, z którego już się korzysta, a nie w drugim, który musielibyśmy stale dostrajać do rdzenia.

Wyskakujące okna, które przetrwają przełączenie

Otwierają się przy wczytaniu, po przewinięciu na daną głębokość, przy zamiarze wyjścia, po kliknięciu albo po okresie bezczynności. Częstotliwość liczona jest w przeglądarce samego odwiedzającego, więc nikogo nie trzeba identyfikować na serwerze.

Jeden ekran dla palety witryny

Kolory i typografia w jednym miejscu, pod oryginalnymi nazwami zmiennych — dzięki temu strony zbudowane przed przełączeniem przejmują nową paletę, zamiast tracić swoje odwołania.

Audyt dostępności, a nie nakładka

Do strony nie jest doczepiany żaden widżet twierdzący, że witryna jest dostępna. Narzędzie raportuje, czego zabrakło w każdym bloku — brakujący tekst alternatywny, zaburzona kolejność nagłówków, słaby kontrast — jeszcze w trakcie edycji.

Slider, zakładki i akordeon bez biblioteki

Przewijanie to natywne scroll-snap, a akordeon to element details. Jeżeli skrypt się nie wczyta, nic nie zostaje ukryte: treść ukryta to treść niedostępna.

Renderowane na serwerze, nigdy niezwiązane z licencją

Zapisany kod HTML potrafi nieść wartość tylko dla jednego rozmiaru ekranu, dlatego CSS powstaje w chwili żądania. Na tej ścieżce nie ma ani jednego sprawdzenia licencji — wygasła licencja nigdy nie gasi opublikowanej strony.

Strona produktu ↗ Dokumentacja ↗ Demo na żywo ↗