Qué hacer y qué no hacer con el editor de bloques de WordPress

El editor de bloques de WordPress continúa mejorando. Cada nueva versión contiene algo digno de celebrar.

La herramienta ha empoderado a los creadores y diseñadores de contenido. Ya no necesita complementos adicionales para crear un diseño de página funcional. El núcleo de WordPress incluye casi todos los conceptos básicos. ¿Necesitas algo más? También hay muchas formas de ampliar el editor.

Sin embargo, nada de esto hace que el Editor de bloques sea infalible. Todavía es fácil pintarse en un rincón virtual. Un simple error puede significar un mantenimiento más difícil, especialmente cuando hay clientes involucrados.

He creado bastantes sitios con bloques. Y no todas las decisiones fueron buenas. Sí, he creado algunos líos. Limpiarlos puede llevar mucho tiempo.

Hoy voy a compartir algunas cosas que he aprendido. ¡Que estas lecciones te ayuden a evitar un destino similar!



Qué hacer: pensar en las necesidades futuras de mantenimiento

Los diseños de página no duran para siempre. Deben adaptarse a medida que evolucionan nuestras necesidades de contenido. El Editor de bloques puede actuar como una trampa en estas situaciones.

Considere, por ejemplo, la lista de personal de una empresa. Digamos que nuestro cliente quiere mostrar el nombre, el título y la foto de cada persona.

Suena sencillo. Podemos usar el bloque Columnas para crear un diseño hermoso y responsivo. La página se ve perfecta. Pero ¿qué pasa cuando necesitamos hacer cambios?

Los miembros del personal van y vienen. Sí, podríamos reemplazar a los empleados que se fueron por otros nuevos. Por otra parte, nuestro cliente quiere que se muestren en orden alfabético. Los cambios requeridos no siguen su ejemplo. ¿Que hacemos ahora?

Las opciones no son ideales. Podríamos editar el código del bloque para reorganizar cada columna. O podríamos reconstruir el diseño desde cero. Ambas posibilidades están plagadas de peligros. Vale, tal vez estoy siendo un poco dramático. Pero no es divertido.

Un bloque personalizado puede ser una mejor solución. Con Advanced Custom Fields PRO, puede crear una interfaz que permita un mantenimiento más sencillo. Agregar, eliminar y reorganizar la lista se integraría en el bloque. No es necesario reinventar la rueda al realizar cambios.

La lección es pensar en las futuras necesidades de mantenimiento de su diseño. Luego, implemente una estrategia que permita cambios. Te alegrarás cuando llegue el momento.

No: Permitir a los usuarios cambiar entre los editores de bloques y clásico

El editor clásico de WordPress sigue vivo y coleando. Millones de sitios web lo están utilizando. Está bien. No hay nada de malo en utilizar una herramienta con la que se sienta cómodo.

Sin embargo, mezclar los editores Block y Classic puede resultar complicado. El complemento Classic Editor tiene una configuración que permite a los usuarios cambiar entre editores. Es posible que desees dejar esta función desactivada.

Digamos que ha creado un diseño complejo utilizando el Editor de bloques. Pero a tu cliente no le gustan los bloques. O no están familiarizados con ellos. Decidieron editar esta página usando el Editor clásico. Sobreviene la hilaridad (o la tragedia).

Luego, edita la página y vuelve al Editor de bloques. Verá numerosos errores que indican que los bloques contienen contenido no válido. La función «Intentar recuperación de bloqueo» no funciona. Parece que tienes un lío en tus manos.

En este escenario, muchas cosas pueden salir mal. Por lo tanto, no permita que los usuarios cambien entre editores. Es un accidente esperando a suceder.

El Editor clásico no siempre funciona bien con el código de bloque.

Sí: elija con cuidado los complementos de bloqueo de terceros

Hay una multitud de complementos para ampliar el Editor de bloques. Muchos de ellos ofrecen un conjunto de bloques personalizados.

Eso es bueno. Los bloques centrales incluidos con WordPress no siempre son flexibles. Por lo tanto, instalar un bloque personalizado puede resultar útil. Pero vale la pena examinarlos primero.

Bloques personalizados son complementos, después de todo. Pueden variar en términos de características y calidad. Se aplican las mismas reglas a la hora de elegir el correcto.

Instala sólo lo que necesitas. Estudie las revisiones y el registro de cambios de cada complemento. Y elimine cualquier complemento de bloqueo que no esté utilizando.

¿Cuál es el peligro? El complemento incorrecto podría causar errores o problemas de rendimiento. Además, la seguridad es siempre una preocupación.

Los bloqueos de terceros requieren un compromiso. Asegúrese de estar listo para dar ese paso.

Elija bloques personalizados con tanto cuidado como elige otros complementos.

No: editar bloques como HTML

El Editor clásico facilitó el cambio entre edición visual y de código. Puede utilizar esta función para agregar HTML o una clase CSS. Hubo algunos contratiempos, pero funcionó bastante bien.

El Editor de bloques tiene una característica similar. Los bloques tienen una interfaz «Editar como HTML». Puedes acceder a él a través del menú de opciones de cada bloque.

Nunca entendí el propósito de esta característica. Probablemente sea porque siempre termino rompiendo algo. Agregar una clase CSS, por ejemplo, genera un error al cambiar al editor visual.

A "This block contains unexpected or invalid content" Se muestra el error. A partir de ahí, tengo que volver a entrar y eliminar la clase. El mismo problema ocurre al agregar otros tipos de contenido.

Por lo tanto, puede ser aconsejable considerar la edición de bloques HTML como algo prohibido. Hay más riesgo que recompensa.

Además, puede utilizar el bloque HTML personalizado para tareas similares. Agregue HTML, CSS o incluso JavaScript al campo. ¡No lo romperás!

Por cierto, puedes agregar clases CSS a los bloques a través de la pestaña Avanzado en el panel de configuración.

La edición de bloques HTML puede generar resultados no deseados.

Qué hacer: utilizar la función de vista de lista del editor de bloques

WordPress nos permite anidar bloques unos dentro de otros. Y los bloques son portátiles. Puedes arrastrarlos a cualquier lugar de la pantalla. Esto puede provocar algunos efectos no deseados.

Por ejemplo, mover bloques a un nuevo lugar puede resultar complicado. Es fácil cometer un error. Un movimiento en falso podría deshacer mucho trabajo duro.

La función Vista de lista puede ahorrarle muchos dolores de cabeza. Proporciona un esquema visual de cada bloque en su página. Incluso funciona con bloques anidados.

Aún mejor, puedes reposicionar fácilmente los bloques directamente en la Vista de lista. Haga clic en un bloque y arrástrelo a la posición deseada. ¿Necesitas mover varios bloques? Eso también es posible.

La experiencia del usuario es infinitamente mejor que luchar con el editor. Tendrá una mejor idea de dónde se encuentra en la página. Y probablemente facilitará las ediciones.

La Vista de lista puede ayudarle a realizar un seguimiento y editar diseños de página.

Qué hacer: seguir experimentando con el editor de bloques

El editor de bloques no es perfecto. Como todos los editores, tiene algunas peculiaridades y molestias. Pero aun así vale la pena probar los límites.

Muchas veces esa es la mejor manera de aprender. Entonces, cree un sitio web local y experimente. Vea qué funciona y qué no. Pero no te limites a una sola prueba.

La experiencia del usuario está evolucionando. Por lo tanto, ahora puede ser posible una técnica que no funcionó la última vez. Incluso puedes instalar el complemento Gutenberg para tener una idea de lo que vendrá en futuras versiones.

Hacerlo le será de gran utilidad. Podrás crear diseños que resistan el paso del tiempo. Y es posible que se sorprenda de lo que puede lograr usando bloques.


Arriba


Source link

About David Lopez

Informático y experto en redes. Redactor en varios blogs tecnológicos desde hace 4 años y ahora en Steamachine.net

Check Also

Noticias semanales para diseñadores № 731

Buenas prácticas de Git Prácticas esenciales de Git para desarrolladores, que cubren la gestión de …

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *