Nueve productos,
un sitio WordPress,
cada pantalla justificada.

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.

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 mevvblocks_newsletter_subscribe 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 get_field(), 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 <picture> 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.

Página de producto ↗ Documentación ↗ Demo en vivo ↗