Una de las características más útiles (y subutilizadas) del Editor de bloques de WordPress (también conocido como Gutenburg) es el Bloque reutilizable. Si usted sabe Divi u otros creadores de páginas, los bloques reutilizables cumplen la misma función que los módulos globales. Estos son bloques (o grupos de bloques) que configura una vez, pero que luego puede reutilizar.
Puede insertarlos en varias páginas y publicaciones sin tener que volver a editarlos. Y, si desea volver a cambiarlos, los cambios pueden realizarse en todo el sitio, lo que le permite ahorrar horas durante la vida útil del sitio. Así que exploremos todas las formas en que puede administrar sus bloques reutilizables de WordPress.
Cómo crear un bloque reutilizable en WordPress
Crear un bloque reutilizable en WordPress es relativamente sencillo. En cualquier publicación que edite con el Editor de bloques (que es predeterminado en WP 5.x a menos que esté usando el complemento Editor clásico ), puede hacer que cualquier bloque que desee sea reutilizable. Clickea en el lista desplegable à tres puntos en la configuración de desplazamiento del bloque y seleccione Agregar a bloques reutilizables .
El editor le pedirá que nombre el nuevo bloque para su posterior recuperación. Asegúrese de darle un nombre memorable por la función que tendrá en su sitio. Tales como artículos relacionados o imagen de portada para publicaciones de blog o algo igual de descriptivo.
Si comete un error al crear el bloque reutilizable (o simplemente cometió un error al crearlo), puede hacer clic en los parámetros de la lista desplegable nuevamente y hacer clic en Eliminar bloques reutilizables . Esta opción borra todo el bloque de la base de datos. datos y puede repetir el proceso anterior para volver a agregarlo a la colección si lo desea.
Además, puede simplemente hacer clic en el bloque en sí una vez que se haya guardado para encontrar el botón. Cambiar .
Para el bloque de párrafo en este ejemplo, le da la opción de cambiarle el nombre. Sin embargo, los ajustes para cada bloque serán diferentes. Para un cuadro de imagen, obtiene opciones adicionales como insertar otro archivo de su biblioteca de medios o cargar uno nuevo, junto con la alineación o la URL vinculada.
Este proceso funciona con cualquier bloque reutilizable que cree. Pero ten en cuenta que cualquier cambio que realice en un bloque reutilizable de esta manera se aplicará a todas las demás instancias de ese bloque en su sitio . Entonces, si cambia la imagen en un bloque, la nueva imagen aparecerá en todas partes.
Cómo insertar bloques reutilizables
Usar bloques reutilizables en WordPress es realmente muy fácil y directo. Dentro del Editor de bloques, puede hacer clic en cualquier aparición del signo + dentro de un círculo para encontrar la pestaña Ribililizable . El botón + aparece a la derecha de cualquier bloque, debajo de cualquier bloque y en la parte superior izquierda de la pantalla.
Cuando inserta los bloques reutilizables que crea en diferentes publicaciones y páginas, también pueden aparecer en la pestaña Más utilizado , que aparece en la parte superior de la lista cada vez que presiona el botón +.
Estos cambiarán a medida que use diferentes bloques, pero si usa el mismo bloque reutilizable, digamos, como el pie de página para cada publicación de blog, aparecerán aquí con bastante frecuencia.
Cómo administrar todos los bloques reutilizables en WordPress
En la parte inferior de la pestaña Ribililizable encontrarás un enlace Administra todos los bloques reutilizables . Al hacer clic en este enlace, accederá a una página de aspecto familiar donde se enumeran todos los bloques reutilizables que ha creado. La lista se verá casi exactamente como la lista predeterminada de publicaciones y páginas de WordPress.
Al ver la lista, verá algunas opciones importantes. Importar desde JSON , exportar en formato JSON et cambio .
utiliser Editar es exactamente el mismo que el anterior para editar un bloque. Solo que en lugar de estar dentro de un artículo en particular, el bloque aparece en su propio editor de tipo de artículo donde puedes actualizarlo y solo él. Nuevamente, cualquier cambio realizado en este bloque se aplicará en todo el sitio a cada instancia.
Para exportar en formato JSON , haz clic en el botón (3) Le dará un cuadro de diálogo (dependiendo de la configuración de su navegador) para elegir una ubicación para descargar el archivo JSON generado. El archivo en sí es JSON simple. Muestra el tipo de archivo (un bloque), el título que le dio al editarlo o crearlo, y luego el código HTML real que WordPress insertará para representar el bloque y su contenido en la parte frontal del sitio.
Importar desde JSON es tan simple: encuentra el archivo JSON en su computadora, descárgalo como cualquier otro archivo adjunto o archivo.
Una vez que presionas Importación , aparecerá en su lista de bloques reutilizables. Sin embargo, tenga en cuenta que si ya tiene un bloque con el mismo nombre (en este caso, el bloque reutilizable 1 ), el nuevo bloque importado no se cambiará el nombre. Tienes que hacerlo manualmente para diferenciarlos.
¿Por qué importar y exportar bloques reutilizables?
Hay varias razones para importarlos y exportarlos, pero las principales son fines de copia de seguridad y portabilidad. Probablemente querrás mantener una copia de seguridad de todos los bloques y del contenido que consideres útil para publicar en tu sitio. La portabilidad, el intercambio y las ventas también son importantes.
Si necesita usar un bloque en otro sitio. Para compartir con un compañero de equipo. O para vender solo como bloque reutilizable para sus clientes. Como nuestro paquetes de diseño semanal para Divi , importar y exportar bloques le brinda la posibilidad de extender el generador de varias formas. Además, cuando usa la opción Bloques de grupo (ver más abajo), puede importar y exportar modelos y diseños completos como bloques reutilizables en formato JSON.
Cómo crear grupos de bloques reutilizables en WordPress
La creación de un grupo de bloques reutilizables permite que brille la funcionalidad completa de los bloques reutilizables. En lugar de tener una sola imagen, párrafo o encabezado que puede insertar globalmente, también puede agrupar bloques de Gutenberg y guardarlos como un solo bloque reutilizable. Esto significa que puede, por ejemplo, agrupar un bloque de título, un bloque de párrafo, un bloque de imagen y un bloque HTML personalizado para tener un formulario Membresía de correo electrónico global para todas sus publicaciones de editor de bloques.
Para crear un grupo de bloques reutilizables de WordPress, simplemente haga clic mientras mantiene presionada la tecla Shift en los bloques para agregarlos al grupo. Todos los bloques seleccionados se resaltarán con un borde azul.
Luego presionas el botón transformador (2) y seleccione Grupo en la lista desplegable (3) . En este punto, verá los bloques fusionándose en un bloque. Luego, convierte el bloque de grupo en un bloque reutilizable de la misma manera que lo hizo anteriormente con cualquier otro bloque individual.
Este nuevo grupo aparecerá en la lista de todos los bloques reutilizables y debajo de la pestaña. Ribililizable cuando agrega un nuevo bloque a una publicación o página.
Cómo crear una plantilla reutilizable
Hablamos anteriormente de que un bloque reutilizable en WordPress es un elemento global. Esto significa que cualquier modificación realizada en una instancia del bloque afectará a todas las demás instancias. Si cambia el texto o la imagen de un bloque reutilizable, ese cambio se aplicará a todo el sitio. Sin embargo, tu lata Utilice bloques reutilizables como plantillas que se pueden editar individualmente. Nuevamente, al igual que nuestros diseños Divi, el editor de bloques le permite insertar el bloque general (o grupo de bloques) de su biblioteca y luego modificar el contenido en una publicación o página individual (o incluso bloque por bloque).
Para hacer esto, inserte un bloque reutilizable en el editor, como vimos anteriormente. presione el + en un círculo ir a Ribililizable , luego seleccione el bloque que desea insertar.
Cuando aparece el bloque, haga clic en los tres puntos para abrir el menú desplegable . Seleccione Convertir a bloque normal . Nota: no seleccione Eliminar bloques reutilizables .
Convertir a bloque normal solo se aplica a este bloque único . Cuando usas Convertir a bloque estándar , le dice a WordPress que desea que este bloque único (y solo este) sea independiente de los cambios generales en todo el sitio. Cualquier cambio que realice en otros bloques reutilizables no se aplicará a un bloque convertido y esos cambios no se aplicarán globalmente.
La selección de Eliminar bloques reutilizables elimina todo del directorio global. Los bloques que ya ha insertado permanecerán donde están, pero ya no compartirán ningún rasgo global. Tampoco podrá volver a insertarlos desde la pestaña Ribililizable (que puede ser obvio). Esto frustraría el propósito de tener el bloque reutilizable como plantilla, por lo que no sugerimos hacer esto.
Sin embargo, usando Convertir a bloque regular , puede insertar la plantilla base para el bloque (o grupo de bloques) y eliminar solo esa instancia particular de los Estándares Globales, haciendo que la función del bloque original sea reutilizable como plantilla para otras publicaciones y Páginas. Puede ver esta función en vigor en nuestro tutorial sobreAgregar bloques de diseño Divi reutilizables a las publicaciones de blog .
Conclusión
Los bloques reutilizables son una de las principales características de Gutenberg Block Editor. Desde la capacidad de compartir bloques y contenido entre sitios y amigos y usarlos como plantillas para elementos comunes en su sitio, aprovechar la función de bloques reutilizables puede llevar la creación y el diseño de su publicación al siguiente nivel y de su página a nuevos niveles de utilidad, creatividad y experiencia de usuario.
