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 закрывает этот пробел и идёт дальше: 110 блоков, шаблоны темы от шапки до подвала, сетка записей и конструктор цикла, движок форм, всплывающие окна, трансформации и маски, произвольный код для всего сайта, один экран для палитры сайта, WebP и AVIF для изображений, кэширование на уровне блока, аудит доступности, который говорит правду вместо того, чтобы её прикрывать, и экран Core Web Vitals, питаемый вашими же посетителями. Каталог теперь простирается от переключателя и вложенных вкладок до круговой диаграммы, медиаплейлиста, подсказки, формы рассылки и SVG-анимации, с восемью стилями блоков в собственной панели «Стили» редактора — и каждый из них перестаёт двигаться, если посетитель попросил уменьшить движение. Холст тоже больше не приближение: редактор запрашивает у сервера тот же 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 тоже задаются для каждого устройства.
110 блоков
Раскладка, текст и медиа; меню, поиск, сетка записей и конструктор цикла; логотип сайта, заголовок страницы, хлебные крошки, сведения о записи и блок автора для шаблонов темы; видео, аудио, плейлист, галерея, таблица, FAQ, лента событий и код; переключатель, вложенные вкладки, круговая диаграмма, подсказка, рассылка, соцлента, переворачивающийся блок, призыв к действию, анимированный заголовок, до/после, точки на изображении, выдвижная панель и кнопки связи — и двадцать три для WooCommerce, от галереи товара до корзины, оформления заказа и мини-корзины. 87 без WooCommerce.
Восемь стилей блоков — в панели, которую WordPress вам уже даёт
Градиентное перекрытие, оттенки серого или размытие до наведения, круглая или скруглённая маска, подъём, увеличение и наклон — выбираются в панели «Стили» ядра, поэтому учить новый элемент управления не нужно, а выбор остаётся классом в вашей разметке, а не настройкой в таблице. Каждая трансформация при наведении отключается, если система посетителя просит уменьшить движение, и неподвижный кадр SVG-анимации подставляется так же.
Форма рассылки, которой не нужен сервис
Адрес, необязательное имя, флажок согласия и обычный POST — подписанный тем же HMAC, что использует движок форм, поэтому закэшированная страница не умирает с истёкшим nonce. Ловушка проглатывается молча, ограничение частоты действует по адресу, а адреса приходят туда же, куда и остальные отправки форм. Нет ни списка, ни ключа API, ни запроса кому-либо: действие <code>mevvblocks_newsletter_subscribe</code> передаёт каждый подтверждённый адрес тому, чем вы уже пользуетесь.
Динамический текст, включая ваши поля ACF
Заголовок, текст, кнопка или изображение могут брать значение из записи, а не из того, что вы напечатали: заголовок, отрывок, автор, дата, рубрика, метки, заголовок архива, поисковый запрос, цена WooCommerce, артикул или наличие — либо произвольное поле по ключу. Когда активен Advanced Custom Fields, поле читается через <code>get_field()</code>, поэтому вы получаете отформатированное значение, а ключи, начинающиеся с подчёркивания, отклоняются, а не раскрываются.
Что вы видите в редакторе, то и выводит страница
Холст больше не показывает приближение: внутренние отступы, интервалы, направление, выравнивание, фон, скругление, тень, трансформация и позиция отображаются с теми значениями, которые применит фронтенд. Этот CSS выдаёт один движок стилей, и редактор получает его с сервера — второй движок на JavaScript дал бы две копии, которые расходятся. Измерено: старый холст отличался от страницы по 24 свойствам макета; теперь это ноль из 64.
Core Web Vitals — от ваших реальных посетителей
LCP, CLS и INP измеряются в браузерах людей, которые заходят на ваш сайт, а на экране показывается 75-й процентиль за 28-дневное окно — полевые данные, те самые, на которые смотрит Search Console, а не лабораторный прогон. Меньше ста замеров — и число не показывается вовсе, потому что процентиль по горстке измерений это шум. Не собираются ни IP, ни cookie, ни идентификаторы, и данные никогда не покидают ваш собственный сервер.
ИИ с вашим собственным ключом
Написать, переписать, сократить, перевести и сгенерировать alt-текст изображения. Вы вводите свой API-ключ, и запрос уходит с вашего сайта прямо к провайдеру — ваш текст к нам не попадает, а квота остаётся вашей. Результат приходит как предложение, а не записывается сразу в блок.
Палитра вашей темы без повторного ввода
Цвета и типографику можно считать из theme.json активной темы и заполнить ими пустые ячейки собственной палитры плагина. Мост намеренно односторонний: ничего никогда не записывается обратно в тему, поэтому обновление темы никогда не находит свой собственный файл переписанным. По умолчанию функция выключена.
Мега-панель в меню, которое у вас уже есть
Это не новый блок, а настройка блока навигации. Подменю открывается как панель на всю ширину до четырёх колонок, и если включить панель для пункта без подменю, проверка доступности сообщит об этом, а не выведет пустой блок.
Первый черновик страницы из одного предложения
Опишите страницу — модель выберет разделы из собственной библиотеки шаблонов плагина. Она никогда не пишет разметку, поэтому на странице оказываются редактируемые блоки, а не сгенерированный HTML, а раздел, которого не существует, отбрасывается и сообщается, а не додумывается. Страница всегда сохраняется как черновик, и ключ принадлежит вам.
Заметки, которых ваши посетители не увидят
Прикрепите к любому блоку заметку для команды, отметьте её решённой, удалите. Она живёт в редакторе, и на фронтенде нет ни одного хука, который мог бы её вывести.
Быстрее — и это измерено
Вывод блоков кешируется, а изображения конвертируются в WebP или AVIF рядом с оригиналами — оригиналы не трогаются. Измерено: время отрисовки блока меньше на 33–72%, вес изображений — на 39–78%. Изображения отдаются через элемент <code><picture></code>, поэтому один и тот же HTML доходит до всех; решение под каждого посетителя на сервере — это то, что отравляет кеш страницы. На телефонах можно отдавать и другое изображение — не уменьшенную копию того же, а другой кадр, — а выбор всё равно делает браузер.
Движок форм, а не зависимость
Шестнадцать типов полей, проверка на сервере, ловушка honeypot, которая молча поглощает спам, и экран, где хранятся заявки. Форма работает без JavaScript, потому что это та часть страницы, которая действительно что-то делает.
Шаблоны темы с условиями
Шапка, подвал, одиночная запись, архив, поиск и 404 — собираются в том редакторе WordPress, которым вы уже пользуетесь, а не во втором, который пришлось бы держать в ногу с ядром.
Всплывающие окна, которые переживут переход
Открытие при загрузке, по глубине прокрутки, при намерении уйти, по клику или после бездействия. Частота считается в браузере самого посетителя, поэтому никого не нужно опознавать на сервере.
Один экран для палитры сайта
Цвета и типографика в одном месте, под их исходными именами переменных — поэтому страницы, собранные до перехода, подхватывают новую палитру, а не теряют свои ссылки.
Аудит доступности, а не наложенный виджет
На страницу не прикручивается виджет, заявляющий, что сайт доступен. Инструмент сообщает, что упустил каждый блок — отсутствующий alt-текст, нарушенный порядок заголовков, слабый контраст, — пока вы ещё редактируете.
Слайдер, вкладки и аккордеон без библиотеки
Прокрутка — это нативный scroll-snap, а аккордеон — элемент details. Если скрипт так и не загрузится, ничего не спрячется: скрытое содержимое — это недоступное содержимое.
Отрисовывается на сервере и никогда не привязано к лицензии
Сохранённый HTML может нести значение только для одного размера экрана, поэтому CSS формируется в момент запроса. На этом пути нет ни одной проверки лицензии — истёкшая лицензия никогда не гасит опубликованную страницу.
Каталог
110 блоков, в пяти группах.
Это те же пять групп, которые плагин выносит на свои демонстрационные страницы, и каждый блок ниже отрисовывается на сервере: он есть в странице ещё до того, как отработал хоть один скрипт. Здесь нет ничего только-для-Pro, кроме трёх блоков, где это указано.
Текст и действие
Заголовок, форматированный текст, анимированный заголовок, умеющий печатать свои слова, кнопка, призыв к действию, блок с иконкой, список с иконками и чек-лист, разделитель и уведомление, которое можно сделать закрываемым — при закрытии фокус переходит дальше, а не исчезает. Переключатель, вложенные вкладки со своими панелями, аккордеон и FAQ построены на details/summary и шаблоне вкладок ARIA, поэтому от читателя, до которого скрипт не дошёл, ничего не скрыто.
Данные и цены
Счётчик, полоса прогресса, полоса данных, числовой блок и круговая или кольцевая диаграмма, значения которой печатаются ещё и списком, потому что диаграмма, которую никто не может прочитать, — украшение. Таблица тарифов и прайс-лист, отзыв, рейтинг звёздами и карусель отзывов, участник команды. Pro добавляет переключатель контента: полосу вкладок «месяц/год» со значком над панелями, в которых могут лежать любые блоки.
Портфолио и карта
Лента событий — вертикальная либо горизонтальная на широком экране и снова вертикальная на узком, без изменения порядка чтения — шаги, доступная таблица данных с настоящими заголовками столбцов и блок сравнения. Карта — это встраивание OpenStreetMap, которое спрашивает разрешение перед загрузкой. Pro добавляет портфолио: карточки, отрисованные на сервере, фильтр по таксономии, применяемый в браузере без единого внешнего запроса, и ссылка на архив. Нет ни модального окна, ни постраничной навигации.
Медиа и формы
Видео и аудио, плейлист с субтитрами и постерами, где каждая дорожка — обычная ссылка, пока её не тронул скрипт, галерея, до/после, переворачивающийся блок, баннер, точки на изображении и подсказка, которая открывается при наведении, по фокусу и по касанию. Формы: движок на шестнадцать полей, вход и регистрация, и рассылка — подписанный POST с ловушкой и ограничением частоты, который передаёт адрес в ваш собственный список. Соцлента — это отобранный вручную список ссылок: без API, без токена, без запроса кому-либо.
Дизайн и движение
Анимация появления, закреплённое положение и параллакс; восемь стилей блоков в панели «Стили» ядра — градиентное перекрытие, оттенки серого, размытие, круглая и скруглённая маски, подъём, увеличение, наклон; SVG-анимация, показанная как изображение, чтобы ничто внутри файла не могло дотянуться до вашей страницы, с подстановкой неподвижного кадра при уменьшенном движении; 94 контурные иконки без иконочного шрифта; и динамический текст из произвольного поля, читаемый через Advanced Custom Fields, когда он есть. Анимаций, привязанных к прокрутке, нет.
Пять групп — это открытые страницы на нашей демоустановке: каталог блоков — текст и действие, данные и цены, портфолио и карта, медиа и формы, дизайн. То, чего намеренно нет, тоже записано: у портфолио нет модального окна и постраничной навигации, за соцлентой нет адаптера API, а ленты событий, привязанной к прокрутке, не существует.
Как это работает
Обычный редактор — с теми элементами управления, которые есть у конструктора.
Ни второго холста, ни отдельного приложения. Вы выделяете блок, и панель справа даёт то, что дал бы конструктор страниц, — отдельно для десктопа, планшета и мобильного.
Выделите блок — панель уже здесь
Тип раскладки, направление, минимальная высота, ширина содержимого, выравнивание, промежуток. Обычные блоки в обычном редакторе — учить нечего, а ваше содержимое остаётся стандартной блочной разметкой в post_content.
Трансформации, маски и заметки для команды на каждом блоке
Поворот, масштаб, наклон, отражение и маска — каждое с отдельными значениями для десктопа, планшета и мобильного. И заметка, приколотая к блоку для вашей команды: она живёт в редакторе и никогда не выводится на страницу.
И это действительно работает на странице
Флип-бокс на настоящей странице: лицевая сторона, обратная сторона и кнопка, которая работает и с клавиатуры, — запись ниже сделана на настоящей странице, а не на макете. Блок рендерится на сервере, поэтому истёкшая лицензия никогда его не гасит.
А потом он показывает, что на самом деле увидели ваши посетители
LCP, CLS и INP, измеренные в браузерах реальных посетителей и показанные как 75-й процентиль за 28 дней, — полевые данные того же рода, на которые смотрит Search Console, а не лабораторный прогон. Экран ниже — реальная установка: обратите внимание на одну ячейку, которая отказывается показывать число, потому что четырнадцать замеров — это не процентиль.
Изображения: WebP и AVIF, не трогая оригиналы
Один экран. Файл, который не уменьшился, не сохраняется. А если эту работу действительно делает другой плагин, MevvBlocks сам отступает и объясняет почему: вопрос не в том, «установлен ли он», а в том, «может ли он на самом деле работать».
На нём работает наш собственный магазин
mevvshop.com — настоящий магазин на WooCommerce, и его страницы собраны на этих блоках: шапка, подвал, карточки товаров и всё остальное. Каждое число на этой странице измерено там или на нашей демонстрационной установке, а не прикинуто.
В работе
Одиннадцать кадров со страниц каталога.
Каждый кадр — публичная страница wp-demo.mevvsoft.com с активными бесплатным плагином и Pro, снятая на 1440 и 390 пикселях и обрезанная до показанного раздела. Ни одного экрана администратора, ничего не дорисовано и не отретушировано.
Измерено
Числа, которые мы посчитали, а не округлили.
Каждую цифру ниже можно пересчитать в исходном коде плагина. Там, где число звучало бы как заявление о производительности, оно не приводится: вес страницы зависит от темы, хостинга и кеша, а ваш мы не измеряли.
- 110
- блоков — 87 без установленного WooCommerce
- 94
- иконок в комплекте, нарисованных в одной сетке 24 пикселя — без иконочного шрифта
- 8
- стилей блоков в панели «Стили» ядра, и каждый из них молчит при уменьшенном движении
- 42
- проверок отрисовки против пяти страниц каталога на демоустановке — 42 пройдено, ни одной неудачи
- 16
- типов полей формы, плюс поле файла в редакции Pro
- 6
- типов шаблонов: шапка, подвал, запись, архив, поиск, 404
- 5
- триггеров всплывающих окон: загрузка, прокрутка, уход, клик, бездействие
- 29.828
- байт замороженного HTML, который блоки меню, изображения, значков соцсетей и копирайта снова сделали редактируемым в нашем собственном магазине
- 0
- различий в раскладке между холстом редактора и опубликованной страницей — из 64 сравнённых свойств
- 0
- проверок лицензии на пути отрисовки — это закреплено тестом
Подсчитано в исходном коде плагина 8 сентября 2026. Для масштаба и только для масштаба: бесплатная и Pro-редакции занимают 1.8 MB и 82 KB кода PHP, JS и CSS, тогда как Elementor, Ultimate Addons и Header Footer Elementor вместе заняли 178 MB на диске в установке, которую мы измерили 31 августа. Это разница в площади поверхности, а не утверждение о скорости — и немалая её часть это просто те возможности, которых у нас нет. Сорок две проверки отрисовки — это те, что <code>tools/katalog-dogrula.php</code> выполняет против пяти страниц каталога, которые вы можете открыть сами на демоустановке.
Цены
Все цены указаны с НДС.
Истёкшая лицензия никогда не гасит страницу. Значения, записанные панелью редактирования Pro, продолжает выводить и бесплатная редакция, а форма продолжает принимать заявки. Закрывается панель редактирования, а не вид сайта.
1 USD = 50,8719 ₺ (курс İşbank)
Вопросы, которые задают перед установкой
Придётся ли учить новый редактор?
Нет. Это обычные блоки WordPress в обычном блочном редакторе, а ваш контент остаётся стандартной блочной разметкой в post_content — не в какой-то нашей таблице. Удалите плагин, и контент останется читаемым HTML.
Чего нет в бесплатной редакции?
Все 110 блоков, движок форм, рассылка, шаблоны темы, всплывающие окна, стили блоков, иконки, оптимизация изображений, кэш блоков и аудит доступности — бесплатны. Pro добавляет панель для правки значений десктопа, планшета и мобильного, произвольный CSS для блока, переключатель контента, портфолио с фильтром, встраивание Lottie, а в формах — условную логику, автоответ, вебхуки, поле файла и экспорт в CSV.
Что произойдёт, когда лицензия истечёт?
Ваши страницы продолжат отрисовываться ровно так же, включая значения для планшета и мобильного, записанные панелью Pro, — их печатает бесплатный движок стилей. Закрывается панель редактирования. На пути отрисовки нет ни единой проверки лицензии, и тест подтверждает это в каждом выпуске.
Куда попадают адреса из рассылки?
На ваш собственный сайт, вместе с остальными отправками форм. Нет ни нашего списка, ни ключа API, ни запроса третьей стороне: блок вызывает действие mevvblocks_newsletter_subscribe с каждым подтверждённым адресом, чтобы вы передали его тому, чем уже пользуетесь. Форма — обычный POST, подписанный HMAC, а не nonce, потому что nonce молча умирает за полностраничным кэшем.
Двигается ли что-нибудь вопреки желанию посетителя?
Нет. Каждая трансформация при наведении в стилях блоков, переворачивающийся блок, бегущая строка, печатающий заголовок и анимации появления отключаются, когда система просит уменьшить движение, а SVG-анимация подменяется неподвижным кадром. Первое слово печатающего заголовка выводится всегда, поэтому предложение никогда не бывает пустым.
Загружает ли он что-нибудь у третьих сторон?
Плагин не делает ни одного собственного запроса: ни библиотеки из CDN, ни шрифта с чужого сервера, ни телеметрии. Наружу тянутся три вещи, и каждая — ваше решение: помощники на базе ИИ, с ключом, который вы вводите сами; карта — встраивание OpenStreetMap, которое сначала спрашивает согласие; и встраивание Lottie в Pro, которое спрашивает так же и показывает неподвижное изображение, пока вы не согласитесь. Соцлента не общается ни с кем вообще: это список ссылок, который вы выбрали.
Может ли блок прочитать одно из моих полей ACF?
Да. Заголовок, текст, кнопка или изображение могут взять значение из произвольного поля по ключу; при активном Advanced Custom Fields значение читается через get_field(), поэтому вы получаете отформатированное, иначе происходит откат к сырым метаполям записи. Ключи, начинающиеся с подчёркивания, отклоняются — это внутренние поля WordPress, и их печать раскрыла бы то, что страница показывать не собиралась.
Чего в нём намеренно нет?
У портфолио нет модального окна и постраничной навигации. У соцленты нет адаптера API. Нет анимаций, привязанных к прокрутке. Карта — это одна метка без оформления и без маршрутов. Нет ни оверлея доступности, ни CAPTCHA, ни живого поиска. Каждое из этих решений записано в исходном коде, а не является упущением, которое мы обнаружили позже.
Начало
От шапки до подвала — внутри блочного редактора.
Поставьте бесплатную редакцию: все 110 блоков, формы, рассылка, шаблоны темы, всплывающие окна, восемь стилей блоков и 76 готовых секций и страниц уже в ней. Pro добавляет панель для правки значений десктопа, планшета и мобильного, а также переключатель контента, портфолио с фильтром и встраивание Lottie. Вы теряете панель, а не внешний вид сайта: если лицензия истечёт, эти значения продолжат печататься.
Информация о продукте
- Тип продукта
- Набор блоков для WordPress
- Что это
- Конструктор страниц внутри блочного редактора
- Блоки
- 110, или 87 без WooCommerce
- Стили блоков
- 8, предлагаемых в панели «Стили» ядра — все учитывают уменьшенное движение
- Иконки
- 94 контурных SVG, нарисованных в одной сетке 24 пикселя — без иконочного шрифта
- Паттерны
- 76 готовых: 64 секции и 12 полных страниц
- Бесплатная редакция
- Блоки, формы, рассылка, шаблоны темы, всплывающие окна, стили блоков, глобальные стили, оптимизация изображений, кэширование блоков, произвольный код, аудит доступности
- Pro
- Панель «десктоп/планшет/мобильный», произвольный CSS для блока, переключатель контента, портфолио с фильтром, встраивание Lottie, условная логика форм и поле файла
- Размер исходного кода
- Бесплатная 1.8 MB + Pro 82 KB кода PHP, JS и CSS, 8 сентября 2026
- Требования
- WordPress 6.0+, PHP 8.1+