BLOCKS
Dostępna edycja darmowa

MevvBlocks

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

Blok rdzenia potrafi przechować tylko jedną liczbę.

Gdy sekcja dostaje w edytorze blokowym wewnętrzny margines, ta wartość jest jedną liczbą. Ta sama liczba trafia na ekran o szerokości 1440 pikseli i na telefon o szerokości 390. Odstęp, który dobrze wygląda na komputerze, na telefonie rozrywa stronę na pół, a typowe odpowiedzi to ręcznie pisany CSS albo kreator stron. To trzecia odpowiedź: to samo ustawienie, a obok niego wartość dla tabletu i dla telefonu.

WordPress 7.1 · core/group

<!-- wp:group {"style":{"spacing":{"padding":
    {"top":"100px","bottom":"100px"}
}}} -->

Jedna wartość. To 100 pikseli przy 1440 i wciąż 100 pikseli przy 390.

MevvBlocks · mevvsoft/container

<!-- wp:mevvsoft/container {"ayarlar":{
    "padding":        {"top":"100","unit":"px"},
    "padding_tablet": {"top":"64", "unit":"px"},
    "padding_mobile": {"top":"40", "unit":"px"}
}} -->

To samo ustawienie, trzy wartości. Nic innego w bloku się nie zmienia.

Co wypisuje serwer

.e-con-1a2b { --padding-top:100px }
@media (max-width:1024px) { .e-con-1a2b { --padding-top:64px } }
@media (max-width:767px)  { .e-con-1a2b { --padding-top:40px } }

Zapisany HTML może nieść wartość tylko dla jednego rozmiaru ekranu, dlatego CSS powstaje w chwili żądania — i właśnie dlatego te wartości są wypisywane także po wygaśnięciu licencji.

Ta sama sekcja, trzy szerokości
  • Komputer 100 px
  • Tablet · ≤1024 64 px
  • Telefon · ≤767 40 px

To, że bloki rdzenia nie potrafią zmieniać wartości zależnie od rozmiaru ekranu, sprawdzono w samym WordPress 7.1, a nie odczytano z dokumentacji: core/group obsługuje wewnętrzne marginesy, tło, minimalną wysokość, obramowania oraz układ flex lub grid — każde jako pojedynczą wartość. Podane wyżej progi ekranów są własnymi progami wtyczki, a zapytania medialne to dokładnie te, które sama zapisuje.

Zaczyna się od telefonu. Ale na tym się nie kończy.

Witryna potrzebuje więcej niż odstępów: formularza kontaktowego, nagłówka i stopki, które nadal da się edytować, palety, którą nadal da się zmienić. Można zaczynać od pustej strony albo przychodzić z kreatora stron — w obu przypadkach każda z tych funkcji powstała dlatego, że bez niej coś się psuło.

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 <code>mevvblocks_newsletter_subscribe</code> 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 <code>get_field()</code>, 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 <code>&lt;picture&gt;</code>, 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.

110 bloków, w pięciu grupach.

To te same pięć grup, które wtyczka umieszcza na własnych stronach pokazowych, a każdy blok poniżej renderuje się na serwerze: jest w stronie, zanim uruchomi się choć jeden skrypt. Nic tutaj nie jest wyłącznie dla Pro poza trzema blokami, przy których to napisano.

Tekst i działanie

Nagłówek, tekst sformatowany, animowany nagłówek, który potrafi wpisywać swoje słowa, przycisk, wezwanie do działania, kafelek z ikoną, lista z ikonami i lista kontrolna, separator oraz alert, który można uczynić zamykalnym — po zamknięciu fokus przechodzi dalej, a nie znika. Przełącznik, zagnieżdżone zakładki z własnymi panelami, akordeon i FAQ są zbudowane na details/summary oraz wzorcu zakładek ARIA, więc przed czytelnikiem, do którego skrypt nie dotarł, nic nie jest ukryte.

Dane i cennik

Licznik, pasek postępu, pasek danych, kafelek liczbowy oraz wykres kołowy lub pierścieniowy, którego wartości są też drukowane jako lista, bo wykres, którego nikt nie może odczytać, jest ozdobą. Tabela cennika i lista cen, opinia, ocena gwiazdkowa i karuzela opinii, członek zespołu. Pro dodaje przełącznik treści: pasek zakładek miesięcznie/rocznie z odznaką, nad panelami, które mogą zawierać dowolne bloki.

Portfolio i mapa

Oś czasu — pionowa albo pozioma na szerokim ekranie i z powrotem pionowa na wąskim, bez zmiany kolejności czytania — kroki, dostępna tabela danych z prawdziwymi nagłówkami kolumn oraz blok porównania. Mapa to osadzenie OpenStreetMap, które pyta, zanim się załaduje. Pro dodaje portfolio: karty renderowane na serwerze, filtr taksonomii stosowany w przeglądarce bez żadnego żądania na zewnątrz oraz odnośnik do archiwum. Nie ma okna modalnego ani stronicowania.

Multimedia i formularze

Wideo i audio, playlista z napisami i plakatami, gdzie każda ścieżka jest zwykłym odnośnikiem, zanim dotknie jej skrypt, galeria, przed/po, obracany kafelek, baner, punkty na obrazie i dymek podpowiedzi, który otwiera się po najechaniu, po fokusie i po dotknięciu. Formularze: szesnastopolowy silnik, logowanie i rejestracja oraz newsletter — podpisany POST z pułapką i limitem żądań, który przekazuje adres na Twoją własną listę. Kanał społecznościowy to ręcznie wybrana lista odnośników: bez API, bez tokenu, bez żądania do kogokolwiek.

Projekt i ruch

Animacja wejścia, pozycja przyklejona i paralaksa; osiem stylów bloków w panelu „Style” rdzenia — nakładka gradientowa, skala szarości, rozmycie, maska okrągła i zaokrąglona, uniesienie, powiększenie, przechylenie; animacja SVG pokazywana jako obraz, żeby nic wewnątrz pliku nie sięgnęło Twojej strony, z nieruchomą klatką podstawianą przy ograniczonym ruchu; 94 konturowe ikony bez fontu ikon; oraz tekst dynamiczny z pola własnego, czytany przez Advanced Custom Fields, gdy jest zainstalowany. Nie ma animacji powiązanych z przewijaniem.

Pięć grup to otwarte strony na naszej instalacji demonstracyjnej: katalog bloków — tekst i działanie, dane i cennik, portfolio i mapa, multimedia i formularze, projekt. To, czego celowo nie ma, też jest zapisane: brak okna modalnego i stronicowania w portfolio, brak adaptera API za kanałem społecznościowym i brak osi czasu powiązanej z przewijaniem.

Zwykły edytor z takimi kontrolkami, jakie ma kreator.

Żadnego drugiego płótna, żadnej osobnej aplikacji. Wystarczy zaznaczyć blok, a panel po prawej stronie daje to, co dałby kreator stron — osobno dla komputera, tabletu i telefonu.

Zaznacz blok, panel jest tuż obok

Typ układu, kierunek, minimalna wysokość, szerokość treści, wyrównanie, odstęp. Zwykłe bloki w zwykłym edytorze — nie ma się czego uczyć, a treść pozostaje standardowym znacznikiem bloków w polu post_content.

Edytor blokowy WordPress z zaznaczonym kontenerem MevvBlocks i otwartym panelem układu po prawej stronie

Transformacje, maski i notatki dla zespołu na każdym bloku

Obrót, skalowanie, pochylenie, odbicie i maska — każde z osobnymi wartościami dla komputera, tabletu i telefonu. Do tego notatka przypięta do bloku dla zespołu: żyje w edytorze i nigdy nie trafia na stronę.

Panel boczny edytora z przełącznikami transformacji, panelem masek i panelem notatek

I naprawdę działa to na stronie

Flip box na prawdziwej stronie: przednia strona, tylna strona i przycisk, który działa także z klawiatury — nagranie poniżej pochodzi z prawdziwej strony, nie z makiety. Blok renderuje się na serwerze, więc wygasła licencja nigdy go nie gasi.

Nagranie trzech bloków flip box na działającej stronie; środkowy obraca się i pokazuje tylną stronę z przyciskiem

A potem mówi, czego naprawdę doświadczyli odwiedzający

LCP, CLS i INP mierzone w przeglądarkach prawdziwych odwiedzających, pokazane jako 75. percentyl z 28 dni — dane terenowe tego rodzaju, na które patrzy Search Console, a nie pomiar laboratoryjny. Ekran poniżej pochodzi z prawdziwej instalacji: warto zwrócić uwagę na jedną komórkę, która odmawia pokazania liczby, bo czternaście próbek to nie percentyl.

Ekran Web Vitals w panelu MevvBlocks z 75. percentylem LCP, CLS i INP dla komputera i telefonu
wp-demo.mevvsoft.com, 1 września 2026 — 115 pomiarów na urządzenie, zebranych przez prawdziwe przeglądarki.

Obrazy: WebP i AVIF, bez ruszania oryginałów

Jeden ekran. Plik, który się nie zmniejszył, nie zostaje zachowany. A jeśli tę pracę naprawdę wykonuje inna wtyczka, MevvBlocks sam się wycofuje i mówi dlaczego — pytanie nie brzmi „czy jest zainstalowana”, lecz „czy naprawdę może działać”.

Ekran optymalizacji obrazów MevvBlocks z ustawieniami WebP i AVIF oraz konwersją zbiorczą

Nasz własny sklep działa na tym rozwiązaniu

mevvshop.com to prawdziwy sklep WooCommerce, a jego strony są zbudowane z tych bloków — nagłówek, stopka, karty produktów i cała reszta. Każda liczba na tej stronie została zmierzona tam albo na naszej instalacji demonstracyjnej, a nie oszacowana.

mevvshop.com ↗

Witryna sklepu mevvshop.com zbudowana na blokach MevvBlocks

Jedenaście kadrów ze stron katalogu.

Każdy kadr to publiczna strona wp-demo.mevvsoft.com z aktywną wtyczką darmową i Pro, zarejestrowana przy 1440 i 390 pikselach i przycięta do pokazywanej sekcji. Żadnego ekranu administratora, nic dorysowanego ani retuszowanego.

Sekcja strony katalogu z nagłówkiem, nagłówkiem wpisującym słowo „satın”, przyciskiem, kartą wezwania do działania, kafelkiem z ikoną, dwiema listami i dwoma kolorowymi alertami
Tekst, działanie i alerty Wpisujący się nagłówek uchwycony w połowie słowa, wezwanie do działania, kafelek z ikoną z zestawu 94 ikon, lista kontrolna oraz alert z przyciskiem zamknięcia.
Sekcja pokazująca otwarty przełącznik zawierający drugi przełącznik, poziomy pasek trzech zakładek, zagnieżdżony pionowy pasek zakładek oraz akordeon z dwoma wierszami
Przełącznik, zagnieżdżone zakładki, akordeon Przełącznik z kolejnym przełącznikiem w środku, grupa zakładek, której drugi panel mieści własną pionową grupę zakładek, następnie akordeon i FAQ. Każdy panel zostaje w stronie, więc czytelnik bez skryptu nic nie traci.
Sekcja z dużym licznikiem pokazującym plus 1,250, paskiem postępu na 72, trzema opisanymi paskami procentowymi oraz wykresem pierścieniowym z czterowierszową legendą
Licznik, paski i wykres kołowy Licznik, pasek postępu, trzywierszowy pasek danych oraz wykres pierścieniowy, którego cztery wycinki są też drukowane jako opisana lista z wartościami i procentami.
Pasek zakładek w kształcie pigułki z napisami Miesięcznie i Rocznie oraz odznaką siedemnastu procent, nad dwiema kartami cennika i dwuwierszową listą cen
Przełącznik treści (Pro) Pasek zakładek miesięcznie/rocznie z odznaką oszczędności nad dwoma panelami, z których każdy mieści zwykłą tabelę cennika, i lista cen pod spodem.
Siatka portfolio z sześcioma kartami artykułów z obrazami i etykietami kategorii, nad nimi rząd przycisków filtra, a poniżej odnośnik „zobacz wszystkie projekty”
Portfolio z filtrem (Pro) Sześć kart wyrenderowanych na serwerze wraz z ich terminami, filtr taksonomii stosowany w przeglądarce bez żądania na zewnątrz oraz odnośnik do archiwum. Bez okna modalnego, bez stronicowania.
Pozioma oś czasu z trzema datowanymi punktami, pionowa oś czasu z dwoma krokami oraz numerowana lista trzech kroków
Oś czasu i kroki Pozioma oś czasu, która na wąskim ekranie staje się pionowa bez zmiany kolejności czytania, pionowa pod nią oraz blok numerowanych kroków.
Trzykolumnowa tabela cennika z myślnikiem w jednej pustej komórce, a pod nią tabela porównania z ptaszkami i krzyżykami w dwóch kolumnach
Tabela danych i porównanie Tabela z prawdziwymi nagłówkami kolumn i myślnikiem tam, gdzie komórka jest pusta, oraz blok porównania z kolumną tak/nie dla każdej ze stron.
Trzy karty obok siebie, każda z obszarem obrazu, krótkim zdaniem, datą i odnośnikiem o treści „zobacz na Instagramie”, „zobacz na X” i „zobacz na LinkedInie”
Kanał społecznościowy — lista odnośników Trzy ręcznie wybrane wpisy jako karty z datą i odnośnikiem na zewnątrz. Bez API, bez tokenu, bez żądania do jakiejkolwiek sieci.
Lista dziesięciu ikon z nazwami obok nich oraz dwie ikony marek, Instagram i YouTube, poniżej
Zestaw ikon Dziesięć z 94 konturowych ikon, każda wstawiona w stronę jako SVG. Nie ma fontu ikon, więc nic nie czeka na drugi plik, żeby stać się czytelne.
Ta sama sekcja z przełącznikiem i zakładkami na telefonie, z wewnętrznym pionowym paskiem zakładek ułożonym teraz poziomo nad swoimi panelami
Te same panele przy 390 pikselach Zagnieżdżony pionowy pasek zakładek na wąskim ekranie stał się poziomy, a kolejność czytania jest ta sama, co na komputerze.
Przełącznik miesięcznie/rocznie na telefonie, z dwiema kartami cennika ułożonymi jedna pod drugą
Przełącznik przy 390 pikselach Pasek zakładek i jego odznaka zostają w jednej linii, a karty cennika układają się jedna pod drugą.

Liczby, które policzyliśmy, a nie zaokrągliliśmy.

Każdą liczbę poniżej można policzyć w kodzie źródłowym wtyczki. Tam, gdzie liczba brzmiałaby jak obietnica wydajności, nie pada: waga strony zależy od motywu, hostingu i pamięci podręcznej, a tej konkretnej nie mierzyliśmy.

110
bloków — 87 bez zainstalowanego WooCommerce
94
dołączonych ikon, rysowanych w jednym polu 24 pikseli — bez fontu ikon
8
stylów bloków w panelu „Style” rdzenia, każdy z nich cichy przy ograniczonym ruchu
42
testów renderowania na pięciu stronach katalogu w instalacji demonstracyjnej — 42 zdane, żaden nieudany
16
typów pól formularza, a w wersji Pro dodatkowo pole pliku
6
typy szablonów: nagłówek, stopka, wpis, archiwum, wyszukiwanie, 404
5
wyzwalacze wyskakujących okien: wczytanie, przewinięcie, wyjście, kliknięcie, bezczynność
29.828
bajtów zamrożonego kodu HTML, który bloki menu, obrazu, ikon społecznościowych i praw autorskich uczyniły z powrotem edytowalnym w naszym własnym sklepie
0
różnic w układzie między płótnem edytora a opublikowaną stroną — na 64 porównane właściwości
0
sprawdzeń licencji na ścieżce renderowania — pilnuje tego test

Policzone w źródle wtyczki 8 września 2026. Dla skali i wyłącznie dla skali: wersja darmowa i Pro to 1.8 MB i 82 KB kodu PHP, JS i CSS, podczas gdy Elementor, Ultimate Addons i Header Footer Elementor razem zajęły 178 MB na dysku w instalacji, którą zmierzyliśmy 31 sierpnia. To różnica w powierzchni, a nie twierdzenie o szybkości — i spora jej część to po prostu funkcje, których nie mamy. Czterdzieści dwa testy renderowania to te, które <code>tools/katalog-dogrula.php</code> uruchamia na pięciu stronach katalogu, które sam możesz otworzyć w instalacji demonstracyjnej.

Cennik

Wszystkie ceny zawierają VAT.

Wygasła licencja nigdy nie gasi strony. Wartości zapisane przez panel edycji Pro nadal wypisuje edycja darmowa, a formularz nadal przyjmuje zgłoszenia. Zamyka się panel edycji, a nie wygląd witryny.

Wybierz okres rozliczeniowy

Za darmo

MevvBlocks

Za darmo

Bez opłat, bez karty.

  • Renderowanie na froncie witryny — w zestawie
  • Zapisane wartości responsywne nadal się renderują — w zestawie
  • Edycja treści i struktury — w zestawie
  • Układ podstawowy: flex/grid, kierunek, kolumny, min-height — w zestawie
  • A hundred and ten blocks — eighty-seven without WooCommerce — w zestawie
  • Edycja wartości dla komputera, tabletu i telefonu — poza zestawem
  • Własny CSS dla każdego bloku — poza zestawem
  • Text and action: toggle, nested tabs, accordion, FAQ, dismissible alert, typing headline — w zestawie
  • Data and pricing: counter, progress, data bar, pie chart, pricing table, testimonial, team — w zestawie
  • Monthly/yearly content switcher — any blocks inside its panels — poza zestawem
  • Timeline, steps, an accessible data table, comparison and the map — w zestawie
  • Portfolio with a taxonomy filter — filtered in the browser; no modal, no pagination — poza zestawem
  • Media: audio, video, playlist, gallery, before/after, flip box, tooltip — w zestawie
  • Social feed — a hand-picked list of links, no outside request and no API key — w zestawie
  • Lottie embed — it asks for consent, and the player library is not bundled — poza zestawem
  • Eight block styles, entrance animation, SVG animation and 94 icons — off under reduced motion — w zestawie
  • Dynamic text from a custom field — read with get_field() when ACF is active — w zestawie
  • Silnik formularzy: szesnaście typów pól, walidacja po stronie serwera, magazyn zgłoszeń — w zestawie
  • Newsletter form: signed submission, honeypot, rate limit, a subscribe hook — w zestawie
  • Logika warunkowa, autoodpowiedź i webhooki w formularzach — poza zestawem
  • Pole pliku w formularzu i eksport do CSV — poza zestawem
  • Kreator motywu: nagłówek, stopka, wpis, archiwum, wyszukiwanie, 404 — w zestawie
  • Wyskakujące okna: pięć wyzwalaczy, warunki wyświetlania, limit częstotliwości — w zestawie
  • Zarządzanie globalnymi kolorami i typografią — w zestawie
  • Audyt dostępności (audyt, a nie nakładka) — w zestawie
  • Updates and support with a licence — front-end rendering never checks it — poza zestawem
Pobierz edycję darmową

Pro

MevvBlocks Pro

$5.00

≈ 254,36 ₺ · VAT included

1 site

Kup teraz
Najpopularniejszy

$39.00

≈ 1.984,00 ₺ · VAT included

$60.00 $21.00 oszczędność

1 site

Kup teraz

$129.00

≈ 6.562,48 ₺ · VAT included

1 site

Kup teraz
  • Renderowanie na froncie witryny — w zestawie
  • Zapisane wartości responsywne nadal się renderują — w zestawie
  • Edycja treści i struktury — w zestawie
  • Układ podstawowy: flex/grid, kierunek, kolumny, min-height — w zestawie
  • A hundred and ten blocks — eighty-seven without WooCommerce — w zestawie
  • Edycja wartości dla komputera, tabletu i telefonu — w zestawie
  • Własny CSS dla każdego bloku — w zestawie
  • Text and action: toggle, nested tabs, accordion, FAQ, dismissible alert, typing headline — w zestawie
  • Data and pricing: counter, progress, data bar, pie chart, pricing table, testimonial, team — w zestawie
  • Monthly/yearly content switcher — any blocks inside its panels — w zestawie
  • Timeline, steps, an accessible data table, comparison and the map — w zestawie
  • Portfolio with a taxonomy filter — filtered in the browser; no modal, no pagination — w zestawie
  • Media: audio, video, playlist, gallery, before/after, flip box, tooltip — w zestawie
  • Social feed — a hand-picked list of links, no outside request and no API key — w zestawie
  • Lottie embed — it asks for consent, and the player library is not bundled — w zestawie
  • Eight block styles, entrance animation, SVG animation and 94 icons — off under reduced motion — w zestawie
  • Dynamic text from a custom field — read with get_field() when ACF is active — w zestawie
  • Silnik formularzy: szesnaście typów pól, walidacja po stronie serwera, magazyn zgłoszeń — w zestawie
  • Newsletter form: signed submission, honeypot, rate limit, a subscribe hook — w zestawie
  • Logika warunkowa, autoodpowiedź i webhooki w formularzach — w zestawie
  • Pole pliku w formularzu i eksport do CSV — w zestawie
  • Kreator motywu: nagłówek, stopka, wpis, archiwum, wyszukiwanie, 404 — w zestawie
  • Wyskakujące okna: pięć wyzwalaczy, warunki wyświetlania, limit częstotliwości — w zestawie
  • Zarządzanie globalnymi kolorami i typografią — w zestawie
  • Audyt dostępności (audyt, a nie nakładka) — w zestawie
  • Updates and support with a licence — front-end rendering never checks it — w zestawie

1 USD = 50,8719 ₺ (kurs İşbank)

Pytania, które ludzie zadają przed instalacją

Czy muszę uczyć się nowego edytora?

Nie. To zwykłe bloki WordPressa w zwykłym edytorze bloków, a Twoja treść zostaje standardowym znacznikiem bloków w post_content — nie w naszej tabeli. Usuń wtyczkę, a treść nadal będzie czytelnym HTML-em.

Czego nie ma w wersji darmowej?

Wszystkie 110 bloków, silnik formularzy, newsletter, szablony motywu, wyskakujące okna, style bloków, ikony, optymalizacja obrazów, bufor bloków i audyt dostępności są darmowe. Pro dodaje panel do edycji wartości dla komputera, tabletu i telefonu, własny CSS dla bloku, przełącznik treści, portfolio z filtrem, osadzenie Lottie oraz logikę warunkową, autoodpowiedź, webhooki, pole pliku i eksport CSV w formularzach.

Co się dzieje, gdy licencja wygaśnie?

Twoje strony renderują się dokładnie tak samo, łącznie z wartościami dla tabletu i telefonu, które zapisał panel Pro — drukuje je darmowy silnik stylów. Zamyka się panel edycji. Na ścieżce renderowania nie ma ani jednego sprawdzenia licencji, a test potwierdza to przy każdym wydaniu.

Gdzie trafiają adresy z newslettera?

Do Twojej własnej witryny, razem z pozostałymi zgłoszeniami formularzy. Nie ma naszej listy, klucza API ani żądania do strony trzeciej: blok wywołuje akcję mevvblocks_newsletter_subscribe z każdym potwierdzonym adresem, żebyś mógł przekazać go temu, czego już używasz. Formularz to zwykły POST podpisany HMAC-iem zamiast nonce, bo nonce umiera po cichu za pełnostronicowym buforem.

Czy cokolwiek animuje się wbrew woli odwiedzającego?

Nie. Każda transformacja przy najechaniu w stylach bloków, obracany kafelek, ruchomy pasek, wpisujący się nagłówek i animacje wejścia są wyłączane, gdy system prosi o ograniczenie ruchu, a animacja SVG przełącza się na nieruchomą klatkę. Pierwsze słowo wpisującego się nagłówka jest zawsze drukowane, więc zdanie nigdy nie jest puste.

Czy wczytuje cokolwiek od strony trzeciej?

Wtyczka nie wykonuje żadnego własnego żądania: żadnej biblioteki z CDN, żadnego fontu z cudzego serwera, żadnej telemetrii. Na zewnątrz sięgają trzy rzeczy i każda jest Twoją decyzją — pomocnicy AI, z kluczem, który sam wpisujesz; mapa, czyli osadzenie OpenStreetMap, które najpierw pyta o zgodę; oraz osadzenie Lottie w Pro, które pyta tak samo i pokazuje nieruchomy obraz, dopóki się nie zgodzisz. Kanał społecznościowy nie rozmawia z nikim: to lista odnośników, którą wybrałeś.

Czy blok może odczytać jedno z moich pól ACF?

Tak. Nagłówek, tekst, przycisk lub obraz mogą wziąć wartość z pola własnego po kluczu; przy aktywnym Advanced Custom Fields wartość czytana jest przez get_field(), więc dostajesz sformatowaną, a w przeciwnym razie następuje powrót do surowych metadanych wpisu. Klucze zaczynające się od podkreślenia są odrzucane — to wewnętrzne pola WordPressa i ich wydrukowanie ujawniłoby to, czego strona nigdy nie miała pokazywać.

Czego celowo w nim nie ma?

Portfolio nie ma okna modalnego ani stronicowania. Kanał społecznościowy nie ma adaptera API. Nie ma animacji powiązanych z przewijaniem. Mapa to jeden znacznik bez stylowania i bez wskazówek dojazdu. Nie ma nakładki dostępności, CAPTCHY ani wyszukiwania na żywo. Każda z tych rzeczy to decyzja zapisana w źródle, a nie przeoczenie, które odkryliśmy później.

Przeczytaj pełną dokumentację MevvBlocks →

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

Zainstaluj wersję darmową: wszystkie 110 bloków, formularze, newsletter, szablony motywu, wyskakujące okna, osiem stylów bloków oraz 76 gotowych sekcji i stron już w niej są. Pro dodaje panel do edycji wartości dla komputera, tabletu i telefonu, a do tego przełącznik treści, portfolio z filtrem i osadzenie Lottie. To, co tracisz, to panel, a nie wygląd witryny: jeśli licencja wygaśnie, te wartości nadal się drukują.

Typ produktu
Pakiet bloków dla WordPress
Czym jest
Kreator stron wewnątrz edytora blokowego
Bloki
110, albo 87 bez WooCommerce
Style bloków
8, oferowanych w panelu „Style” rdzenia — wszystkie świadome ograniczonego ruchu
Ikony
94 konturowe pliki SVG rysowane w jednym polu 24 pikseli — bez fontu ikon
Wzorce
76 gotowych: 64 sekcje i 12 pełnych stron
Edycja darmowa
Bloki, formularze, newsletter, szablony motywu, wyskakujące okna, style bloków, style globalne, optymalizacja obrazów, buforowanie bloków, własny kod, audyt dostępności
Pro
Panel komputer/tablet/telefon, własny CSS dla bloku, przełącznik treści, portfolio z filtrem, osadzenie Lottie, logika warunkowa formularzy i pole pliku
Rozmiar kodu źródłowego
Wersja darmowa 1.8 MB + Pro 82 KB kodu PHP, JS i CSS, 8 września 2026
Wymagania
WordPress 6.0+, PHP 8.1+