Tema de bloques o constructor de páginas: qué cambia realmente
Un constructor de páginas agrega un segundo editor a WordPress y guarda su diseño en un formato propio, que solo ese plugin puede leer. Un tema de bloques usa el editor que incluye WordPress, y las páginas se guardan como marcado de bloques estándar. La diferencia aparece al cambiar de herramienta. Dejar un constructor suele significar reconstruir cada página, mientras que los bloques nativos siguen mostrándose con cualquier tema de bloques. La velocidad depende de lo que carga cada página.
Parte 1: Las dos formas de crear una página en WordPress
Si deja de lado el discurso de marketing, tiene ante sí dos diseños.
Un plugin de constructor de páginas
Un constructor añade a WordPress su propio editor, su propio motor de diseño y su propia biblioteca de widgets. Usted diseña en el lienzo del constructor, y el constructor guarda el resultado en su propio formato dentro de sus entradas. Su hoja de estilos y su script se ejecutan en la interfaz pública para convertir ese formato de nuevo en una página. El tema, en gran medida, queda al margen.
Un tema basado en bloques sobre el editor que incluye WordPress
El editor de bloques forma parte de WordPress. Los bloques se guardan como HTML con comentarios estructurados alrededor, las plantillas son plantillas de bloques, y los colores y la tipografía provienen de un archivo theme.json que tanto el editor como la parte pública leen. Un tema de bloques como Canvas añade bloques, plantillas y ajustes a ese único editor. No hay nada aparte de él.
Ambos enfoques producen un sitio web esta tarde. La diferencia aparece tres años después, cuando cambien sus prioridades, su proveedor de hosting o su desarrollador.
Parte 2: En qué formato se guarda su contenido
Es la parte que la gente descubre en el peor momento posible, así que empiece por aquí.
El formato del constructor
Los constructores guardan un diseño con su propia estructura: un shortcode, un bloque serializado de ajustes o un bloque de JSON en los metadatos de la entrada. Mientras el plugin esté activo, se ve de maravilla. Si lo desactiva, la misma página muestra shortcodes sin procesar o nada en absoluto, porque ningún otro software en el mundo lee ese formato. Salir de ahí suele exigir reconstruir todo a mano, página por página.
El formato principal
El marcado de los bloques es HTML simple con comentarios. Abra una entrada en el editor de código y léala. Cambie a otro tema de bloques y los bloques nativos seguirán mostrándose, porque quien los muestra es WordPress. No es una afirmación comercial, es una propiedad del formato de almacenamiento.
Canvas cuida lo mismo a su propio nivel. Cada bloque de Canvas es un tipo de bloque registrado con un panel de ajustes real, nunca un shortcode, y sus atributos son atributos de bloque normales, así que un patrón, la API REST o la línea de comandos también pueden establecerlos. Los bloques viven en el plugin de Canvas, así que cambiar de tema nunca devuelve sus páginas a texto sin formato.
Sea honesto sobre el límite: cualquier biblioteca de bloques que instale es código del que ahora depende. Lo que cambia es el tamaño del hueco que deja. Al quitar una biblioteca de bloques, las secciones que usaban sus bloques dejan de mostrarse. Al quitar un constructor, toda la página deja de mostrarse.
Pruebe esto en una copia de pruebas antes de decidirse en cualquier sentido. Duplique el sitio, desactive la herramienta de diseño y revise tres páginas. Lo que encuentre es el costo real de dejarlo, y más vale conocerlo ahora.
Parte 3: Qué se carga realmente en la página
Los argumentos sobre velocidad en este ámbito suelen responder más a lealtades de bando que a datos. El mecanismo es lo bastante sencillo como para razonarlo.
Un constructor de páginas es un segundo motor de diseño. Incluye su propio sistema de cuadrícula CSS, su propia biblioteca de animaciones y su propio JavaScript, a menudo en todas las páginas, porque el plugin no siempre puede saber de antemano qué widgets usa cada página. Eso supone un costo fijo además de WordPress y de su tema.
El editor de bloques no tiene un entorno de ejecución propio. Los bloques del núcleo son en su mayoría HTML y CSS, y un buen tema de bloques añade poco a eso. Canvas carga solo el CSS y el JavaScript de los bloques que realmente contiene una página, y añade 35 optimizaciones que puede activar o desactivar, incluidas cinco pensadas específicamente para los scripts que WooCommerce carga en páginas que no venden nada.
La versión honesta
Una página bien creada con un buen constructor puede superar a una página descuidada en un tema de bloques. Las herramientas de maquetación son solo uno de los factores, junto con su alojamiento, sus imágenes, sus tipografías y los otros once plugins que instaló. La razón para preferir menos mecanismos no tiene nada que ver con las capturas de pruebas de rendimiento. Hay menos cosas que puedan fallar el día en que su atención esté puesta en otra parte.
Parte 4: Qué se siente editar día a día
Aquí es donde los constructores de páginas se ganaron su reputación, y donde más se ha cerrado la brecha.
Ver la página real mientras edita
La antigua queja sobre el editor de bloques era que una página se abría como un recuadro en blanco, sin nada del diseño alrededor. Canvas configura el editor para mostrar la plantilla completa, de modo que la cabecera, el control deslizante, la franja de Título de página, el contenido y el pie aparecen en el lienzo, dibujados por el mismo código que dibuja la parte pública del sitio. Los anchos y espaciados son los reales, así que una sección de ancho completo se ve de ancho completo.
Ajustes donde los espera
Seleccione un bloque y se abrirá su panel con el texto, los enlaces, las imágenes, los íconos, los colores, los tamaños y el comportamiento que ese bloque admite. Canvas añade el mismo panel avanzado a cada tipo de bloque registrado en el sitio, incluidos los bloques principales de WordPress: una animación de entrada y salida, CSS personalizado limitado a ese bloque, atributos personalizados para analítica o ganchos para pruebas, y condiciones de visualización por rol o dispositivo.
No repetirse
Dos sistemas evitan la repetición. Guardar como predeterminado almacena un bloque configurado como le guste, para que el siguiente que inserte comience con esa configuración. Los estilos globales de bloque definen un conjunto de ajustes como un preajuste que se aplica a todo el sitio y se modifica una sola vez. Las plantillas y las partes de plantilla se encuentran en el Editor del sitio, donde WordPress las guarda, con 173 plantillas de bloque, 5 partes de plantilla y 4 variaciones de estilo en Canvas.
Parte 5: Lo que un constructor de páginas todavía hace mejor
Una comparación que no encuentra nada bueno en la otra opción es publicidad. Estos son los aspectos en los que los constructores realmente llevan ventaja hoy.
- Posicionamiento libre. Arrastrar un elemento a cualquier lugar y moverlo un píxel sigue siendo más fluido en un constructor maduro. El editor de bloques prefiere la estructura al posicionamiento absoluto, lo cual es mejor para un equipo y peor para una sección hero puntual.
- Profundidad del ecosistema. Los grandes constructores de páginas llevan años acumulando complementos de terceros, mercados e integraciones. Si su flujo de trabajo depende de un complemento específico, compruebe si existe un bloque equivalente antes de migrar.
- El equipo lo sabe. Si su equipo, su cliente o el freelancer al que contrata los viernes ha usado un solo constructor de páginas durante cinco años, esa fluidez vale dinero real. Volver a capacitarse tiene un costo, y recae en su próximo proyecto.
- Controles por dispositivo en todas partes. Algunos constructores muestran un valor para teléfono y tableta en casi todas las propiedades. Core es más selectivo, y en ocasiones recurre a un campo de CSS personalizado donde un constructor tenía un control.
- Un solo producto para todo. Un constructor que también incluye ventanas emergentes, formularios y un constructor de temas significa un solo proveedor y un solo equipo de soporte. Canvas responde a esto incluyendo las mismas piezas, pero el argumento es justo frente a un tema de bloques sin extras.
- Estabilidad de la interfaz. El editor de bloques cambia con cada versión de WordPress. Un constructor cambia cuando lo decide su proveedor. Si una interfaz en constante cambio afecta a sus clientes, eso importa.
Ninguno de estos es motivo para evitar un tema de bloques. Son motivos para tomar la decisión con los ojos abiertos y desconfiar de cualquier tabla comparativa que pinte una columna más favorable.
Parte 6: Lo que realmente cuesta cambiar
Si tiene un sitio existente creado con un constructor de páginas, la respuesta sincera es que trasladarlo supone reconstruirlo, no convertirlo. Reserve un presupuesto adecuado para ello.
- El contenido se traslada, el diseño no. Los textos y las imágenes son suyos y transferibles. La disposición era del constructor y hay que volver a crearla.
- Hágalo página por página. Empiece por las páginas que más valor aportan: la página de inicio, la página de aterrizaje principal y la página de contacto. Deje el archivo de entradas antiguas para el final, porque suele ser contenido sencillo de todos modos.
- Empiece con una demo, no con una página en blanco. Importar un sitio de demostración completo le ofrece un diseño terminado para editar, y toda la importación se revierte si cambia de opinión.
- Mantenga instalado el constructor de páginas hasta terminar. Desactívelo solo cuando ninguna página publicada dependa de él, y revise después el sitio con un rastreador de enlaces.
- No redirija nada que no sea necesario. Mantenga las mismas URL y conservará el posicionamiento en buscadores que ya tiene.
Espere que las dos primeras páginas le resulten lentas mientras aprende las capas de bloque, patrón y plantilla. Después llegará un ritmo de trabajo. La mayor parte del tiempo que se ahorra más adelante proviene de no reconstruir la cabecera y el pie en cada proyecto.
Parte 7: Cómo decidir
Responda estas cinco preguntas con honestidad y la decisión suele tomarse sola.
- ¿Quién edita este sitio dentro de dos años? Si la respuesta es un cliente, un becario o nadie en particular, el editor que incluye WordPress es el que con más probabilidad reconocerán.
- ¿Cuántos sitios mantiene? Un sitio personal puede soportar cualquier cantidad de componentes adicionales. Veinte sitios de clientes no pueden, y cada capa extra es un ticket de soporte esperando a ser abierto.
- ¿Su diseño es inusual o convencional? Las formas de página convencionales son justo lo que mejor resuelven los bloques, patrones y plantillas. Un diseño a medida, por capas y con dirección de arte, puede seguir siendo más rápido en un constructor de páginas.
- ¿Cuál es su plan de salida? Si la respuesta es «no hay plan de salida», elija el formato que el propio WordPress lee.
- ¿Qué está pagando realmente? Compare el total: el tema, el constructor, el plugin de formularios, el plugin de ventanas emergentes, el plugin de control deslizante y las renovaciones de cada uno, frente a un solo producto que los cubre todos.
Si ya tiene un constructor en su lista corta, dos de nuestras comparativas plantean estas preguntas a un producto concreto: Canvas como alternativa a Elementor, plan por plan, y cómo se compara Canvas con Divi en edición, dependencia del proveedor y lo que ocurre cuando vence una licencia. Ambas enumeran sus fuentes y la fecha en que se consultaron las cifras.
Canvas es la respuesta de tema de bloques a esa lista: 209 bloques en el insertador que ya usa, 183 patrones, 173 plantillas, un constructor de cabeceras y pies de página, formularios y 88 sitios web completos de Demos como punto de partida. Si prefiere ver la diferencia en lugar de leerla, abra una Demo y haga clic en una página.
Fuentes
Cuando esta guía describe algo ajeno a Canvas en sí, estas son las páginas oficiales que lo documentan.
- Representación en marcado de un bloquedeveloper.wordpress.org · Los bloques se guardan como HTML, con comentarios que marcan dónde empieza y termina cada bloque
- Introducción a theme.jsondeveloper.wordpress.org · Los ajustes y estilos de theme.json llegan tanto a la parte pública del sitio como a los editores
- ¿Qué es un tema?developer.wordpress.org · Los temas de bloques se crean a partir de plantillas de bloques, y las funciones que están en un plugin se mantienen al cambiar de tema
- Introducción a las plantillasdeveloper.wordpress.org · El Editor del sitio guarda sus plantillas y partes de plantilla como marcado de bloques en la base de datos
Próximos pasos
Dos guías que muestran el enfoque de bloques en acción, y la biblioteca que lo respalda.
Preguntas frecuentes
Las preguntas frecuentes completas responden el resto, y la documentación cubre cada ajuste en detalle.
¿Es un tema de bloques automáticamente más rápido que un constructor de páginas?
No, y quien diga lo contrario está vendiendo algo. La velocidad depende de cuánto CSS, JavaScript y marcado envía una página, no de la categoría a la que pertenece la herramienta. Lo que le ofrece un tema de bloques es un camino más corto hacia una página ligera: sin un segundo motor de maquetación y, en Canvas, solo los recursos de los bloques que contiene una página, más 35 interruptores para el resto. Mida sus propias páginas antes y después. No dé por válida ninguna de las dos afirmaciones hasta haberlo comprobado.
¿Se romperán mis páginas si deja de usar Canvas?
Los bloques principales siguen mostrándose con cualquier tema, porque su contenido se guarda como marcado de bloques estándar, que WordPress lee directamente. Los bloques de Canvas provienen del plugin de Canvas, así que al cambiar de tema se mantienen en sus entradas y páginas. Si también elimina el plugin, esas secciones concretas dejan de mostrarse, lo que ocurre con cualquier biblioteca de bloques.
¿Puedo usar un constructor de páginas sobre Canvas?
Un constructor es un plugin, así que nada le impide instalarlo. No lo recomendamos: tendría que mantener dos sistemas de maquetación, dos sistemas de estilos y dos ciclos de actualización en un mismo sitio web, y las plantillas, la estructura de cabecera y pie y los bloques por los que paga a Canvas quedarían inutilizados.
¿Necesito saber código para crear un sitio sin usar un constructor de páginas?
No, crear un sitio Canvas sin un constructor no requiere código. Cada parte de una página Canvas es un bloque con un panel de ajustes, incluidos la cabecera, el pie de página y el área del título de página, y el panel avanzado añade animación, CSS personalizado, atributos personalizados y condiciones de visualización a todos los tipos de bloque del sitio. El campo de CSS personalizado está disponible cuando lo necesite, no porque el producto lo requiera.
Cree su próximo sitio web con Canvas
Sea principiante, freelancer o agencia, obtendrá los mismos bloques y los mismos demos. Empiece con un sitio y cree todos los que necesite con la misma licencia.