WordPress 7.1 · core/group
<!-- wp:group {"style":{"spacing":{"padding":
{"top":"100px","bottom":"100px"}
}}} -->Un solo valor. Son 100 píxeles a 1440, y siguen siendo 100 píxeles a 390.
BLOCKS
Edición gratuita disponible
MevvBlocks
Del encabezado al pie de página, dentro del editor de bloques.
El editor de bloques de WordPress es rápido y nativo, pero no puede dar a una misma medida un valor distinto para escritorio, tableta y móvil — medido de nuevo en WordPress 7.1, y la razón técnica más habitual por la que la gente instala un maquetador. MevvBlocks cierra esa brecha y luego sigue adelante: ciento diez bloques, plantillas de tema de la cabecera al pie, una rejilla de entradas y un constructor de bucles, un motor de formularios, ventanas emergentes, transformaciones y máscaras, código propio para todo el sitio, una sola pantalla para la paleta del sitio, WebP y AVIF para tus imágenes, caché a nivel de bloque, una auditoría de accesibilidad que dice la verdad en lugar de taparla, y una pantalla de Core Web Vitals alimentada por tus propios visitantes. El catálogo va ahora desde un desplegable y pestañas anidadas hasta un gráfico circular, una lista de reproducción, un tooltip, un formulario de boletín y una animación SVG, con ocho estilos de bloque en el propio panel de Estilos del editor — y todos ellos dejan de moverse cuando el visitante ha pedido movimiento reducido. El lienzo tampoco es ya una aproximación: el editor pide al servidor el mismo CSS que imprimirá la página, así que lo que colocas es lo que se publica. Veintitrés de esos bloques son para WooCommerce, y ninguno de ellos redibuja WooCommerce: llaman a sus propias plantillas, así que tu tema y tus plugins siguen funcionando.
La brecha
Un bloque nativo solo puede contener un número.
Cuando le da relleno (padding) a una sección en el editor de bloques, ese valor es un solo número. El mismo número se imprime en una pantalla de 1440 píxeles y en un teléfono de 390 píxeles. El espaciado que se ve bien en un escritorio parte la página por la mitad en un teléfono, y las respuestas habituales son CSS escrito a mano o un creador de páginas. Esta es la tercera respuesta: el mismo ajuste, con un valor para tablet y otro para móvil junto a él.
MevvBlocks · mevvsoft/container
<!-- wp:mevvsoft/container {"ayarlar":{
"padding": {"top":"100","unit":"px"},
"padding_tablet": {"top":"64", "unit":"px"},
"padding_mobile": {"top":"40", "unit":"px"}
}} -->El mismo ajuste, tres valores. Nada más del bloque cambia.
Lo que el servidor imprime
.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 } }El HTML guardado solo puede llevar el valor de un tamaño de pantalla, así que el CSS se genera en el momento de la solicitud — por eso mismo estos valores siguen imprimiéndose aunque una licencia caduque.
- Escritorio 100 px
- Tablet · ≤1024 64 px
- Móvil · ≤767 40 px
Que los bloques nativos no pueden variar un valor según el tamaño de pantalla se comprobó directamente en WordPress 7.1, no se tomó de la documentación: core/group admite relleno, fondo, altura mínima, bordes y diseño flex o grid — cada uno como un solo valor. Los límites de pantalla anteriores son propios del plugin, y las media queries son las que realmente escribe.
Capacidades
Empieza por el teléfono. No termina ahí.
Un sitio necesita más que espaciado: un formulario de contacto, un encabezado y un pie de página que se puedan seguir editando, una paleta que se pueda seguir cambiando. Puede estar construyendo desde una página en blanco, o llegando desde un creador de páginas — en cualquier caso, cada una de estas funciones existe porque algo se rompía sin ella.
Cada medida, para cada tamaño de pantalla
Un relleno, un tamaño de fuente, un número de columnas pueden llevar un valor distinto para escritorio, tableta y móvil. El núcleo de WordPress no puede — eso se midió en la 7.1, no se supuso. El mismo panel también saca un elemento del flujo con posicionamiento absoluto o fijo, y sus desplazamientos y su z-index también son por dispositivo.
Ciento diez bloques
Diseño, texto y medios; menú, búsqueda, rejilla de entradas y constructor de bucles; logotipo del sitio, título de página, migas de pan, información de la entrada y caja de autor para las plantillas de tema; vídeo, audio, lista de reproducción, galería, tabla, preguntas frecuentes, línea de tiempo y código; desplegable, pestañas anidadas, gráfico circular, tooltip, boletín, muro social, caja giratoria, llamada a la acción, titular animado, antes/después, puntos interactivos, panel lateral y botones de contacto — y veintitrés para WooCommerce, desde la galería de producto hasta el carrito, la finalización de compra y un minicarrito. Ochenta y siete sin WooCommerce.
Ocho estilos de bloque, en el panel que WordPress ya te da
Una superposición de degradado, escala de grises o desenfoque hasta el hover, una máscara circular o redondeada, elevación, zoom e inclinación — elegidos desde el panel de Estilos del núcleo, así que no hay ningún control nuevo que aprender y la elección es una clase en tu marcado en lugar de un ajuste en una tabla. Toda transformación al pasar el ratón se desactiva cuando el sistema del visitante pide movimiento reducido, y el fotograma fijo de una animación SVG se intercambia de la misma manera.
Un formulario de boletín que no necesita ningún servicio
Una dirección, un nombre opcional, una casilla de consentimiento y un POST sencillo — firmado con el mismo HMAC que usa el motor de formularios, así que una página cacheada nunca muere con un nonce caducado. El honeypot se traga en silencio, el límite de frecuencia es por dirección, y las direcciones llegan junto a tus otros envíos de formulario. No hay lista, ni clave de API, ni petición a nadie: la acción <code>mevvblocks_newsletter_subscribe</code> entrega cada dirección confirmada a lo que ya uses.
Texto dinámico, incluidos tus campos de ACF
Un encabezado, un texto, un botón o una imagen pueden leer su valor de la entrada en lugar de lo que escribiste: título, extracto, autor, fecha, categoría, etiquetas, título del archivo, término de búsqueda, el precio de WooCommerce, el SKU o el stock, o un campo personalizado por clave. Cuando Advanced Custom Fields está activo el campo se lee a través de <code>get_field()</code>, así que obtienes el valor formateado, y las claves que empiezan por guion bajo se rechazan en lugar de exponerse.
Lo que ve en el editor es lo que imprime la página
El lienzo ya no muestra una aproximación: relleno, espaciado, dirección, alineación, fondo, radio, sombra, transformación y posición aparecen con los valores que usará la parte pública. Un solo motor de estilos produce ese CSS y el editor lo pide al servidor — escribir un segundo motor en JavaScript nos habría dado dos copias que se separan con el tiempo. Medido: el lienzo antiguo se diferenciaba de la página en 24 propiedades de diseño; ahora son cero de 64.
Core Web Vitals, de sus visitantes reales
LCP, CLS e INP se miden en los navegadores de quienes visitan su sitio, y lo que muestra la pantalla es el percentil 75 sobre una ventana de 28 días — datos de campo, los que mira Search Console, no una prueba de laboratorio. Por debajo de cien muestras no se muestra ningún número, porque un percentil calculado con un puñado de mediciones es ruido. No se recopila ninguna IP, ninguna cookie, ningún identificador, y los datos nunca salen de su propio servidor.
IA con su propia clave
Escriba, reescriba, acorte, traduzca y genere texto alternativo para imágenes. Usted introduce su propia clave de API y la petición va de su sitio directamente al proveedor — su texto nunca llega hasta nosotros y la cuota sigue siendo suya. El resultado llega como sugerencia, no escrito directamente en el bloque.
La paleta de tu tema, sin volver a escribirla
Los colores y la tipografía pueden leerse del theme.json del tema activo y usarse para rellenar los huecos vacíos de la paleta propia del plugin. El puente es deliberadamente unidireccional: nunca se escribe nada de vuelta en el tema, así que una actualización del tema nunca encuentra su propio archivo reescrito por debajo. Está desactivado hasta que tú lo actives.
Un megapanel en el menú que ya tienes
No es un bloque nuevo — un ajuste del bloque de navegación. Un submenú se abre como un panel a todo el ancho de hasta cuatro columnas y, si activas el panel en un elemento que no tiene submenú, la comprobación de accesibilidad lo dice en lugar de imprimir una caja vacía.
Un primer borrador de página, a partir de una frase
Describe la página y el modelo elige secciones de la propia biblioteca de plantillas del plugin. Nunca escribe marcado, así que lo que llega a la página son bloques editables y no HTML generado, y una sección que nombre y no exista se descarta y se informa en lugar de adivinarla. La página siempre se guarda como borrador, y la clave es tuya.
Notas que sus visitantes nunca ven
Fije una nota a cualquier bloque para su equipo, márquela como resuelta, bórrela. Vive en el editor y no hay un solo hook de la parte pública que pudiera imprimirla.
Más rápido, y medido
La salida de los bloques se almacena en caché y las imágenes se convierten a WebP o AVIF junto a los originales — los originales nunca se tocan. Medido: tiempo de renderizado de bloques reducido un 33–72%, peso de las imágenes reducido un 39–78%. Las imágenes se sirven mediante un elemento <code><picture></code> para que el mismo HTML llegue a todo el mundo; decidir por visitante en el servidor es lo que envenena una caché de página. También puede servir una imagen distinta en los móviles — no una copia más pequeña de la misma, otra toma — y el navegador sigue tomando la decisión.
Un motor de formularios, no una dependencia
Dieciséis tipos de campo, validación en el servidor, un honeypot que se traga en silencio, y una pantalla donde se guardan los envíos. El formulario funciona sin JavaScript, porque es la única parte de la página que realmente hace algo.
Plantillas de tema con condiciones
Encabezado, pie de página, entrada individual, archivo, búsqueda y 404 — construidos en el editor de WordPress que ya usa, no en un segundo editor que tendríamos que mantener al día con el núcleo.
Ventanas emergentes que sobreviven al cambio
Se abren al cargar, según la profundidad de desplazamiento, al intentar salir, con un clic o tras un periodo de inactividad. La frecuencia se cuenta en el propio navegador del visitante, así que nadie tiene que ser identificado en el servidor.
Una sola pantalla para la paleta del sitio
Colores y tipografía en un solo lugar, bajo sus nombres de variable originales — así las páginas creadas antes del cambio adoptan la nueva paleta en lugar de perder sus referencias.
Una auditoría de accesibilidad, no una capa superpuesta
No se añade a la página ningún widget que afirme que el sitio es accesible. Informa de lo que cada bloque dejó fuera — texto alternativo ausente, un orden de encabezados roto, contraste insuficiente — mientras usted sigue editando.
Carrusel, pestañas y acordeón sin biblioteca
El desplazamiento es scroll-snap nativo y el acordeón es un elemento details. Si el script no llega a cargarse, nada queda oculto: contenido oculto es contenido inaccesible.
Renderizado en el servidor, nunca atado a la licencia
El HTML guardado solo puede llevar el valor de un tamaño de pantalla, así que el CSS se genera en el momento de la petición. En ese camino no hay una sola comprobación de licencia — una licencia vencida nunca apaga una página publicada.
El catálogo
Ciento diez bloques, en cinco grupos.
Estos son los mismos cinco grupos que el plugin pone en sus propias páginas de muestra, y cada bloque de abajo se renderiza en el servidor: está en la página antes de que se haya ejecutado un solo script. Nada de esto es exclusivo de Pro salvo los tres bloques que lo indican.
Texto y acción
Encabezado, texto enriquecido, un titular animado que puede teclear sus palabras, botón, llamada a la acción, caja de icono, lista de iconos y lista de comprobación, separador, y un aviso que puedes hacer descartable — al descartarlo el foco pasa al siguiente elemento en lugar de desaparecer. El desplegable, las pestañas anidadas con sus propios paneles, el acordeón y las preguntas frecuentes están construidos sobre details/summary y el patrón de pestañas de ARIA, así que nada queda oculto para un lector cuyo script nunca llegó.
Datos y precios
Contador, barra de progreso, barra de datos, caja numérica y un gráfico circular o de anillo cuyos valores también se imprimen como lista, porque un gráfico que nadie puede leer es un adorno. Tabla de precios y lista de precios, testimonio, valoración con estrellas y carrusel de testimonios, miembro del equipo. Pro añade el conmutador de contenido: una tira de pestañas mensual/anual con una insignia, sobre paneles que pueden contener los bloques que quieras.
Portafolio y mapa
Línea de tiempo — vertical, u horizontal en una pantalla ancha y de vuelta a vertical en una estrecha sin cambiar el orden de lectura —, pasos, una tabla de datos accesible con encabezados de columna correctos, y un bloque de comparación. El mapa es una incrustación de OpenStreetMap que pregunta antes de cargarse. Pro añade el portafolio: tarjetas renderizadas en el servidor, un filtro por taxonomía aplicado en el navegador sin ninguna petición externa, y un enlace al archivo. No hay ventana modal ni paginación.
Medios y formularios
Vídeo y audio, una lista de reproducción con subtítulos y pósteres donde cada pista es un enlace normal antes de que el script la toque, galería, antes/después, caja giratoria, banner, puntos interactivos y un tooltip que se abre al pasar el ratón, al recibir el foco y al tocar. Formularios: el motor de dieciséis campos, inicio de sesión y registro, y el boletín — un POST firmado con un honeypot y un límite de frecuencia que entrega la dirección a tu propia lista. El muro social es una lista de enlaces elegidos a mano: sin API, sin token, sin petición a nadie.
Diseño y movimiento
Animación de entrada, posición fija y paralaje; ocho estilos de bloque en el panel de Estilos del núcleo — superposición de degradado, escala de grises, desenfoque, máscaras circular y redondeada, elevación, zoom, inclinación —; una animación SVG mostrada como imagen para que nada dentro del archivo pueda alcanzar tu página, con un fotograma fijo intercambiado bajo movimiento reducido; 94 iconos de trazo sin fuente de iconos; y texto dinámico desde un campo personalizado, leído a través de Advanced Custom Fields cuando está presente. No hay animaciones ligadas al scroll.
Los cinco grupos son páginas abiertas en nuestra instalación de demostración: catálogo de bloques — texto y acción, datos y precios, portafolio y mapa, medios y formularios, diseño. Lo que falta deliberadamente también está escrito: sin modal ni paginación en el portafolio, sin adaptador de API detrás del muro social, y sin línea de tiempo ligada al scroll.
Cómo funciona
El editor de siempre, con los controles que tiene un creador de páginas.
Sin un segundo lienzo, sin una aplicación aparte. Selecciona un bloque y el panel de la derecha ofrece lo que le daría un creador de páginas — para escritorio, tablet y móvil por separado.
Seleccione un bloque, el panel está ahí mismo
Tipo de diseño, dirección, altura mínima, ancho del contenido, alineación, espacio entre elementos. Bloques normales en el editor de siempre — nada nuevo que aprender, y su contenido permanece como marcado de bloques estándar en post_content.
Transformaciones, máscaras y notas de equipo en cada bloque
Rotar, escalar, inclinar, voltear y enmascarar — cada uno con valores independientes para escritorio, tablet y móvil. Y una nota fijada al bloque para su equipo: vive en el editor y nunca se imprime en la página.
Y de verdad funciona en la página
Una caja giratoria en una página real: la cara frontal, la cara trasera, y un botón que también funciona con el teclado — la grabación de abajo es una página real, no una maqueta. El bloque se renderiza en el servidor, así que una licencia caducada nunca lo oscurece.
Y luego le dice lo que sus visitantes realmente experimentaron
LCP, CLS e INP medidos en los navegadores de visitantes reales, mostrados como el percentil 75 a lo largo de 28 días — datos de campo, del tipo que consulta Search Console, no una prueba de laboratorio. La pantalla de abajo es una instalación real: fíjese en la única celda que se niega a mostrar un número, porque catorce muestras no son un percentil.
Imágenes: WebP y AVIF, sin tocar los originales
Una sola pantalla. Un archivo que no se reduce no se conserva. Y si otro plugin ya está haciendo genuinamente este trabajo, MevvBlocks se retira por sí solo y explica por qué — la pregunta no es "está instalado" sino "puede realmente ejecutarse".
Lo usamos en nuestra propia tienda
mevvshop.com es una tienda WooCommerce real y sus páginas están construidas con estos bloques — encabezado, pie de página, tarjetas de producto y todo lo demás. Cada número de esta página se midió allí o en nuestra instalación de demostración, no se estimó.
En uso
Once capturas de las páginas del catálogo.
Cada captura es una página pública de wp-demo.mevvsoft.com con el plugin gratuito y Pro activos, tomada a 1440 y 390 píxeles y recortada a la sección que muestra. Ninguna pantalla de administración, nada dibujado ni retocado.
Medido
Números que contamos, no números que redondeamos.
Cada cifra de abajo se puede contar en el código fuente del plugin. Donde un número sonaría como una afirmación de rendimiento, no se hace: el peso de la página depende del tema, el hosting y la caché, y no hemos medido el suyo.
- 110
- bloques — 87 sin WooCommerce instalado
- 94
- iconos incluidos, dibujados en una misma caja de 24 píxeles — sin fuente de iconos
- 8
- estilos de bloque en el panel de Estilos del núcleo, todos ellos en silencio bajo movimiento reducido
- 42
- comprobaciones renderizadas contra las cinco páginas del catálogo en la instalación de demostración — 42 superadas, ninguna fallida
- 16
- tipos de campo de formulario, más un campo de archivo en Pro
- 6
- tipos de plantilla: encabezado, pie de página, entrada individual, archivo, búsqueda, 404
- 5
- disparadores de ventana emergente: carga, desplazamiento, salida, clic, inactividad
- 29.828
- bytes de HTML congelado que los bloques de menú, caja de imagen, iconos sociales y copyright volvieron a hacer editables en nuestra propia tienda
- 0
- diferencias de diseño entre el lienzo del editor y la página publicada, de 64 propiedades comparadas
- 0
- comprobaciones de licencia en la ruta de renderizado — verificadas por una prueba
Contado en el código fuente del plugin el 8 de septiembre de 2026. Por escala, y solo por escala: las ediciones gratuita y Pro ocupan 1.8 MB y 82 KB de PHP, JS y CSS, mientras que Elementor, Ultimate Addons y Header Footer Elementor juntos ocupaban 178 MB en disco en la instalación que medimos el 31 de agosto. Es una diferencia de superficie, no una afirmación sobre velocidad — y buena parte de ella son simplemente las funciones que no tenemos. Las cuarenta y dos comprobaciones renderizadas son las que <code>tools/katalog-dogrula.php</code> ejecuta contra las cinco páginas del catálogo que puedes abrir tú mismo en la instalación de demostración.
Precios
Todos los precios incluyen IVA.
Una licencia vencida nunca apaga una página. Los valores escritos por el panel de edición Pro siguen siendo mostrados por la edición Free, y el formulario sigue aceptando envíos. Lo que se cierra es el panel de edición, no el aspecto del sitio.
1 USD = 50,8719 ₺ (Tasa de İşbank)
Preguntas que la gente hace antes de instalarlo
¿Tengo que aprender un editor nuevo?
No. Son bloques normales de WordPress en el editor de bloques normal, y tu contenido se queda como marcado de bloques estándar en post_content — no en una tabla nuestra. Elimina el plugin y el contenido sigue siendo HTML legible.
¿Qué deja fuera la edición gratuita?
Los 110 bloques, el motor de formularios, el boletín, las plantillas de tema, las ventanas emergentes, los estilos de bloque, los iconos, la optimización de imágenes, la caché de bloques y la auditoría de accesibilidad son gratuitos. Pro añade el panel para editar los valores de escritorio, tableta y móvil, el CSS personalizado por bloque, el conmutador de contenido, el portafolio filtrable, la incrustación de Lottie, y la lógica condicional, la respuesta automática, los webhooks, un campo de archivo y la exportación CSV en los formularios.
¿Qué pasa cuando la licencia caduca?
Tus páginas se siguen renderizando exactamente igual, incluidos los valores de tableta y móvil que escribió el panel de Pro — el motor de estilos gratuito los imprime. Lo que se cierra es el panel de edición. No hay una sola comprobación de licencia en la ruta de renderizado, y una prueba lo verifica en cada versión.
¿Adónde van las direcciones del boletín?
A tu propio sitio, junto con los otros envíos de formulario. No hay ninguna lista nuestra, ninguna clave de API ni ninguna petición a un tercero: el bloque dispara una acción mevvblocks_newsletter_subscribe con cada dirección confirmada para que puedas entregarla a lo que ya uses. El formulario es un POST sencillo firmado con un HMAC en lugar de un nonce, porque un nonce muere en silencio detrás de una caché de página completa.
¿Se anima algo en contra de los deseos del visitante?
No. Todas las transformaciones al pasar el ratón en los estilos de bloque, la caja giratoria, la marquesina, el titular que teclea y las animaciones de entrada se desactivan cuando el sistema pide movimiento reducido, y una animación SVG cambia a un fotograma fijo. La primera palabra de un titular que teclea siempre se imprime, así que la frase nunca queda en blanco.
¿Carga algo de un tercero?
El plugin no hace ninguna petición propia: ninguna biblioteca desde un CDN, ninguna fuente desde el servidor de otro, ninguna telemetría. Tres cosas se dirigen hacia fuera y cada una es decisión tuya — los asistentes de IA, con una clave que introduces tú; el mapa, una incrustación de OpenStreetMap que pide consentimiento primero; y la incrustación de Lottie en Pro, que pregunta igual y muestra una imagen fija hasta que aceptas. El muro social no habla con nadie en absoluto: es una lista de enlaces que elegiste tú.
¿Puede un bloque leer uno de mis campos de ACF?
Sí. Un encabezado, un texto, un botón o una imagen pueden tomar su valor de un campo personalizado por clave; con Advanced Custom Fields activo el valor se lee a través de get_field(), así que obtienes el formateado; si no, recurre al meta de entrada en bruto. Las claves que empiezan por guion bajo se rechazan — son los campos internos de WordPress e imprimirlos filtraría lo que una página nunca quiso mostrar.
¿Qué no está en él deliberadamente?
El portafolio no tiene modal ni paginación. El muro social no tiene adaptador de API. No hay animaciones ligadas al scroll. El mapa es un solo marcador sin estilos ni indicaciones. No hay superposición de accesibilidad, ni CAPTCHA, ni búsqueda en vivo. Cada una de esas cosas es una decisión escrita en el código fuente, no una omisión que descubrimos después.
Empezar
Del encabezado al pie de página, dentro del editor de bloques.
Instala la edición gratuita: los ciento diez bloques, los formularios, el boletín, las plantillas de tema, las ventanas emergentes, los ocho estilos de bloque y setenta y seis secciones y páginas listas ya están dentro. Pro añade el panel para editar los valores de escritorio, tableta y móvil, además del conmutador de contenido, el portafolio filtrable y la incrustación de Lottie. Lo que pierdes cuando caduca una licencia es el panel, no el aspecto del sitio: esos valores se siguen imprimiendo.
Información del producto
- Tipo de producto
- Pack de bloques para WordPress
- Qué es
- Un page builder dentro del editor de bloques
- Bloques
- 110, u 87 sin WooCommerce
- Estilos de bloque
- 8, ofrecidos en el panel de Estilos del núcleo — todos conscientes del movimiento reducido
- Iconos
- 94 SVG de trazo dibujados en una misma caja de 24 píxeles — sin fuente de iconos
- Patrones
- 76 listos: 64 secciones y 12 páginas completas
- Edición Free
- Bloques, formularios, boletín, plantillas de tema, ventanas emergentes, estilos de bloque, estilos globales, optimización de imágenes, caché de bloques, código personalizado, auditoría de accesibilidad
- Pro
- Panel de escritorio/tableta/móvil, CSS personalizado por bloque, conmutador de contenido, portafolio filtrable, incrustación de Lottie, lógica condicional en formularios y campo de archivo
- Tamaño del código fuente
- Gratis 1.8 MB + Pro 82 KB de PHP, JS y CSS, 8 de septiembre de 2026
- Requisitos
- WordPress 6.0+, PHP 8.1+