WordPress 7.1 · core/group
<!-- wp:group {"style":{"spacing":{"padding":
{"top":"100px","bottom":"100px"}
}}} -->Одно значение. Это 100 пикселей при 1440 — и всё те же 100 пикселей при 390.
BLOCKS
Доступна бесплатная редакция
MevvBlocks
От шапки до подвала — внутри блочного редактора.
Блочный редактор WordPress быстрый и родной, но он не умеет задать одному размеру отдельные значения для десктопа, планшета и мобильного — это проверено ещё раз на WordPress 7.1 и остаётся самой частой технической причиной, по которой люди ставят конструктор страниц. MevvBlocks закрывает этот пробел и идёт дальше: сто один блок, шаблоны темы от шапки до подвала, сетка записей и конструктор цикла, движок форм, всплывающие окна, трансформации и маски, собственный код для всего сайта, один экран для палитры сайта, WebP и AVIF для изображений, кеширование на уровне блока, аудит доступности, который говорит правду, а не прикрывает её, и экран Core Web Vitals, который питается данными ваших же посетителей. Холст тоже перестал быть приблизительным: редактор запрашивает у сервера тот же CSS, который выведет страница, поэтому то, что вы расставили, и уходит в публикацию. Двадцать из этих блоков сделаны для WooCommerce, и ни один из них не перерисовывает WooCommerce: они вызывают его собственные шаблоны, поэтому ваша тема и ваши плагины продолжают работать.
Пробел
Блок ядра может хранить только одно число.
Когда вы задаёте секции внутренний отступ в блочном редакторе, это значение — одно число. То же самое число печатается и на экране в 1440 пикселей, и на телефоне в 390. Отступ, который на десктопе выглядит правильно, на телефоне разрывает страницу пополам, а обычные ответы — писать CSS руками или ставить конструктор страниц. Это третий ответ: та же настройка, а рядом с ней значение для планшета и для мобильного.
MevvBlocks · mevvsoft/container
<!-- wp:mevvsoft/container {"ayarlar":{
"padding": {"top":"100","unit":"px"},
"padding_tablet": {"top":"64", "unit":"px"},
"padding_mobile": {"top":"40", "unit":"px"}
}} -->Та же настройка, три значения. Больше в блоке не меняется ничего.
Что выводит сервер
.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 } }Сохранённый HTML может нести значение только для одного размера экрана, поэтому CSS формируется в момент запроса — и именно поэтому эти значения продолжают выводиться, даже когда лицензия истекла.
- Десктоп 100 px
- Планшет · ≤1024 64 px
- Мобильный · ≤767 40 px
То, что блоки ядра не умеют менять значение в зависимости от размера экрана, проверено на самом WordPress 7.1, а не взято из документации: core/group поддерживает внутренние отступы, фон, минимальную высоту, границы и раскладку flex или grid — и каждое из них одним значением. Пределы экранов выше — собственные пороги плагина, а медиазапросы — ровно те, которые он на самом деле пишет.
Возможности
Всё начинается с телефона. Но этим не заканчивается.
Сайту нужно больше, чем отступы: форма обратной связи, шапка и подвал, которые всё ещё можно редактировать, палитра, которую всё ещё можно менять. Вы можете строить с пустой страницы или приходить с конструктора страниц — в обоих случаях каждая из этих возможностей появилась потому, что без неё что-то ломалось.
Каждое значение — для каждого размера экрана
Отступ, размер шрифта, число колонок могут нести отдельные значения для десктопа, планшета и мобильного. Ядро WordPress так не умеет — это измерено на 7.1, а не предположено. Та же панель вынимает элемент из потока с помощью absolute или fixed позиционирования, и его смещения и z-index тоже задаются для каждого устройства.
Сто один блок
Макет, текст и медиа; меню, поиск, сетка записей и конструктор цикла; логотип сайта, заголовок страницы, «хлебные крошки», сведения о записи и блок автора для шаблонов темы; видео, галерея, таблица, FAQ, лента событий и код; переворачивающийся блок, призыв к действию, анимированный заголовок, «до и после», точки на изображении, выезжающая панель и кнопки связи — и двадцать для WooCommerce, от галереи товара до корзины и оформления заказа. Семьдесят восемь без WooCommerce.
Что вы видите в редакторе, то и выводит страница
Холст больше не показывает приближение: внутренние отступы, интервалы, направление, выравнивание, фон, скругление, тень, трансформация и позиция отображаются с теми значениями, которые применит фронтенд. Этот CSS выдаёт один движок стилей, и редактор получает его с сервера — второй движок на JavaScript дал бы две копии, которые расходятся. Измерено: старый холст отличался от страницы по 24 свойствам макета; теперь это ноль из 64.
Core Web Vitals — от ваших реальных посетителей
LCP, CLS и INP измеряются в браузерах людей, которые заходят на ваш сайт, а на экране показывается 75-й процентиль за 28-дневное окно — полевые данные, те самые, на которые смотрит Search Console, а не лабораторный прогон. Меньше ста замеров — и число не показывается вовсе, потому что процентиль по горстке измерений это шум. Не собираются ни IP, ни cookie, ни идентификаторы, и данные никогда не покидают ваш собственный сервер.
ИИ с вашим собственным ключом
Написать, переписать, сократить, перевести и сгенерировать alt-текст изображения. Вы вводите свой API-ключ, и запрос уходит с вашего сайта прямо к провайдеру — ваш текст к нам не попадает, а квота остаётся вашей. Результат приходит как предложение, а не записывается сразу в блок.
Заметки, которых ваши посетители не увидят
Прикрепите к любому блоку заметку для команды, отметьте её решённой, удалите. Она живёт в редакторе, и на фронтенде нет ни одного хука, который мог бы её вывести.
Быстрее — и это измерено
Вывод блоков кешируется, а изображения конвертируются в WebP или AVIF рядом с оригиналами — оригиналы не трогаются. Измерено: время отрисовки блока меньше на 33–72%, вес изображений — на 39–78%. Изображения отдаются через элемент <code><picture></code>, поэтому один и тот же HTML доходит до всех; решение под каждого посетителя на сервере — это то, что отравляет кеш страницы. На телефонах можно отдавать и другое изображение — не уменьшенную копию того же, а другой кадр, — а выбор всё равно делает браузер.
Движок форм, а не зависимость
Шестнадцать типов полей, проверка на сервере, ловушка honeypot, которая молча поглощает спам, и экран, где хранятся заявки. Форма работает без JavaScript, потому что это та часть страницы, которая действительно что-то делает.
Шаблоны темы с условиями
Шапка, подвал, одиночная запись, архив, поиск и 404 — собираются в том редакторе WordPress, которым вы уже пользуетесь, а не во втором, который пришлось бы держать в ногу с ядром.
Всплывающие окна, которые переживут переход
Открытие при загрузке, по глубине прокрутки, при намерении уйти, по клику или после бездействия. Частота считается в браузере самого посетителя, поэтому никого не нужно опознавать на сервере.
Один экран для палитры сайта
Цвета и типографика в одном месте, под их исходными именами переменных — поэтому страницы, собранные до перехода, подхватывают новую палитру, а не теряют свои ссылки.
Аудит доступности, а не наложенный виджет
На страницу не прикручивается виджет, заявляющий, что сайт доступен. Инструмент сообщает, что упустил каждый блок — отсутствующий alt-текст, нарушенный порядок заголовков, слабый контраст, — пока вы ещё редактируете.
Слайдер, вкладки и аккордеон без библиотеки
Прокрутка — это нативный scroll-snap, а аккордеон — элемент details. Если скрипт так и не загрузится, ничего не спрячется: скрытое содержимое — это недоступное содержимое.
Отрисовывается на сервере и никогда не привязано к лицензии
Сохранённый HTML может нести значение только для одного размера экрана, поэтому CSS формируется в момент запроса. На этом пути нет ни одной проверки лицензии — истёкшая лицензия никогда не гасит опубликованную страницу.
Как это работает
Обычный редактор — с теми элементами управления, которые есть у конструктора.
Ни второго холста, ни отдельного приложения. Вы выделяете блок, и панель справа даёт то, что дал бы конструктор страниц, — отдельно для десктопа, планшета и мобильного.
Выделите блок — панель уже здесь
Тип раскладки, направление, минимальная высота, ширина содержимого, выравнивание, промежуток. Обычные блоки в обычном редакторе — учить нечего, а ваше содержимое остаётся стандартной блочной разметкой в post_content.
Трансформации, маски и заметки для команды на каждом блоке
Поворот, масштаб, наклон, отражение и маска — каждое с отдельными значениями для десктопа, планшета и мобильного. И заметка, приколотая к блоку для вашей команды: она живёт в редакторе и никогда не выводится на страницу.
И это действительно работает на странице
Флип-бокс на настоящей странице: лицевая сторона, обратная сторона и кнопка, которая работает и с клавиатуры, — запись ниже сделана на настоящей странице, а не на макете. Блок рендерится на сервере, поэтому истёкшая лицензия никогда его не гасит.
А потом он показывает, что на самом деле увидели ваши посетители
LCP, CLS и INP, измеренные в браузерах реальных посетителей и показанные как 75-й процентиль за 28 дней, — полевые данные того же рода, на которые смотрит Search Console, а не лабораторный прогон. Экран ниже — реальная установка: обратите внимание на одну ячейку, которая отказывается показывать число, потому что четырнадцать замеров — это не процентиль.
Изображения: WebP и AVIF, не трогая оригиналы
Один экран. Файл, который не уменьшился, не сохраняется. А если эту работу действительно делает другой плагин, MevvBlocks сам отступает и объясняет почему: вопрос не в том, «установлен ли он», а в том, «может ли он на самом деле работать».
На нём работает наш собственный магазин
mevvshop.com — настоящий магазин на WooCommerce, и его страницы собраны на этих блоках: шапка, подвал, карточки товаров и всё остальное. Каждое число на этой странице измерено там или на нашей демонстрационной установке, а не прикинуто.
Измерено
Числа, которые мы посчитали, а не округлили.
Каждую цифру ниже можно пересчитать в исходном коде плагина. Там, где число звучало бы как заявление о производительности, оно не приводится: вес страницы зависит от темы, хостинга и кеша, а ваш мы не измеряли.
- 101
- блоков — 78 без установленного WooCommerce
- 3.217
- проверок в наборе тестов, все проходят
- 16
- типов полей формы, плюс поле файла в редакции Pro
- 6
- типов шаблонов: шапка, подвал, запись, архив, поиск, 404
- 5
- триггеров всплывающих окон: загрузка, прокрутка, уход, клик, бездействие
- 48
- встроенных иконок, нарисованных в одной сетке 24 пикселя
- 29.828
- байт замороженного HTML, который блоки меню, изображения, значков соцсетей и копирайта снова сделали редактируемым в нашем собственном магазине
- 0
- различий в раскладке между холстом редактора и опубликованной страницей — из 64 сравнённых свойств
- 0
- проверок лицензии на пути отрисовки — это закреплено тестом
Посчитано в исходном коде плагина 1 сентября 2026 года. Для масштаба и только для масштаба: бесплатная и Pro-редакции — это 1,5 МБ и 46 КБ PHP, JS и CSS, тогда как Elementor, Ultimate Addons и Header Footer Elementor вместе заняли 178 МБ на диске в той установке, которую мы измерили 31 августа. Это разница в объёме, а не утверждение о скорости, — и немалая её часть объясняется просто теми функциями, которых у нас нет. До посетителя доходит другое число, и оно меньше: 20 КБ CSS и 5 КБ JavaScript на странице.
Цены
Все цены указаны с НДС.
Истёкшая лицензия никогда не гасит страницу. Значения, записанные панелью редактирования Pro, продолжает выводить и бесплатная редакция, а форма продолжает принимать заявки. Закрывается панель редактирования, а не вид сайта.
1 USD = 49,5932 ₺ (курс İşbank)
Начало
От шапки до подвала — внутри блочного редактора.
Установите бесплатную редакцию: блоки, формы, шаблоны темы, всплывающие окна и девятнадцать готовых секций и страниц уже в ней. Pro добавляет панель для редактирования значений десктопа, планшета и мобильного. Вы теряете панель, а не вид сайта: если лицензия истекает, эти значения продолжают выводиться.
Информация о продукте
- Тип продукта
- Набор блоков для WordPress
- Что это
- Конструктор страниц внутри блочного редактора
- Блоки
- 101, или 78 без WooCommerce
- Бесплатная редакция
- Блоки, формы, шаблоны темы, всплывающие окна, глобальные стили, оптимизация изображений, кеширование блоков, свой код, аудит доступности
- Pro
- Панель десктоп/планшет/мобильный, собственный CSS для каждого блока, условная логика форм и поле файла
- Что скачивает посетитель
- 20 КБ CSS + 5 КБ JS на странице — измерено на главной странице wp-demo, 1 сентября 2026 года
- Размер исходного кода
- Free 1,5 МБ + Pro 46 КБ кода PHP, JS и CSS, 1 сентября 2026 года
- Требования
- WordPress 6.0+, PHP 8.1+