TechBlogSD - Todo para WordPress y desarrollo WEB
Instrucciones de WEB y WordPress, noticias, reseñas de temas y complementos

¿Cómo crear bloques reutilizables en WordPress?

14

WordPress introdujo el editor de bloques Gutenberg con la versión 5.0. Tiene muchos bloques que puede insertar en el área de contenido y crear hermosos diseños. Además de esos bloques individuales, lo que hace que Gutenberg sea sobresaliente es la capacidad de convertir cualquier bloque individual o grupo de bloques en un bloque reutilizable. En este artículo, exploraremos cómo crear bloques reutilizables en el editor de WordPress Gutenberg.

¿Qué es un bloque reutilizable?

Expliquemos con un ejemplo. El marketing de afiliación es popular entre los blogueros de WordPress, ya que puede insertar fácilmente enlaces de afiliados con la ayuda de complementos. Sin embargo, ahora puedes hacer esto con bloques de Gutenberg. Supongamos que tiene un botón con un enlace de afiliado que desea utilizar en todas las publicaciones de su sitio con una apariencia e hipervínculo similares.

Anteriormente, con el editor clásico, debe copiar el código del botón de sus publicaciones anteriores y pegar una nueva publicación cuando sea necesario. Alternativamente, puede usar shortcode o complementos para pegar el código del botón. Esta es una tarea que consume mucho tiempo y el mayor problema es que debe ir a todas las publicaciones una por una y modificar el estilo del botón o el enlace.

La opción de bloque reutilizable en el editor de Gutenberg elimina todas estas molestias. Te permite crear un solo bloque que puedes usar donde quieras. Puede modificar el contenido una vez para actualizar todas las ocurrencias. De esta manera, puede incrustar un contenido reutilizable personalizado dentro de cada publicación y actualizar de forma centralizada.

Creación de bloques reutilizables

Inicie sesión en su panel de administración de WordPress y vaya a la sección "Publicaciones> Agregar nueva". Esta es la misma forma en que normalmente creará el contenido de su publicación. Primero, permítanos crear un párrafo con un color y estilo personalizados. Haga clic en el ícono + y insertar un bloque de párrafo.

¿Cómo crear bloques reutilizables en WordPress?

Agregar bloque de párrafo

Agregue su contenido y personalice el párrafo con colores de fondo y fuente.

¿Cómo crear bloques reutilizables en WordPress?

Personalizar bloque de párrafo

Cuando esté listo con el contenido, haga clic en el icono de opción de tres puntos en el bloque. Seleccione la opción "Agregar a bloques reutilizables" del menú desplegable.

¿Cómo crear bloques reutilizables en WordPress?

Agregar a bloques reutilizables

Ingrese un nombre único para sus bloques reutilizables. Elija algo que pueda recordar fácilmente, como "Mi primer bloque de afiliados". Haga clic en el botón "Guardar" y verá un mensaje de notificación que dice "Bloquear actualizado".

¿Cómo crear bloques reutilizables en WordPress?

Nombre Bloques reutilizables

Ahora que su primer bloque reutilizable está listo. Puede eliminar el bloque yendo al botón de opción de tres puntos y elija "Eliminar bloque". Si es necesario, también puede mantener el bloque reutilizable en la publicación actual y publicarlo.

¿Cómo crear bloques reutilizables en WordPress?

Bloque reutilizable listo

Insertar bloques reutilizables en otras publicaciones

Ahora cree otra publicación o edite cualquiera de su publicación anterior para insertar el bloque reutilizable que ha creado. Haga clic en el icono + y escriba el nombre de su bloque reutilizable en el cuadro de búsqueda. En nuestro caso, escribimos "afiliado" para filtrar el "Bloque de mi afiliado" que hemos creado. Haga clic en el bloque para insertarlo en su publicación.

¿Cómo crear bloques reutilizables en WordPress?

Insertar bloques reutilizables

Como puede ver, los bloques reutilizables están disponibles en todo su sitio. Puede insertar en cualquier publicación, página o tipo de publicación personalizada similar a otros bloques predeterminados.

Editar bloques reutilizables

Hay dos formas de editar bloques reutilizables. Una es cambiar el contenido del bloque para que cambie en todas las ocurrencias. Otro es aplicar cambios solo a la publicación actual.

  • Haz clic en el botón "Editar" y modifica el contenido de tus bloques reutilizables. Guarde sus cambios para que sean visibles instantáneamente en todos los lugares donde ha insertado el bloque.
  • En muchos casos, es posible que deba cambiar el contenido de un bloque reutilizable solo en la publicación actual. Después de insertar un bloque reutilizable, haga clic en la opción de tres puntos y seleccione la opción "Convertir en bloque normal".

¿Cómo crear bloques reutilizables en WordPress?

Convertir a bloque regular

Esto cambiará el bloque reutilizable en un bloque normal. Ahora puede editar el contenido y publicar que será visible solo en la publicación actual. Recuerde, su bloque reutilizable seguirá estando disponible con el contenido original.

Gestión de bloques reutilizables

WordPress no tiene un elemento de menú para administrar bloques reutilizables. Esta es una de las principales razones por las que muchos blogueros no conocen la función de bloque reutilizable en Gutenberg. Sin embargo, puede acceder a todos los bloques reutilizables de dos formas.

  • Una es hacer clic en el enlace "Administrar todos los bloques reutilizables" cuando inserta un bloque.
  • Otra forma es hacer clic en el icono de configuración de tres puntos en la parte superior derecha del editor de Gutenberg y elegir la opción "Administrar todos los bloques reutilizables".

¿Cómo crear bloques reutilizables en WordPress?

Gestionar bloques reutilizables

Sugerencia: haga clic en "Opciones" para deshabilitar las metacajas no deseadas del editor. Esto le ayudará a concentrarse en el contenido y a tener una escritura sin distracciones.

Asegúrate de guardar o publicar la publicación, ya que al hacer clic en el enlace, saldrás del editor. Puede ver y administrar todos los bloques reutilizables similares a publicaciones y páginas en su sitio. También es posible exportar sus bloques a un archivo JSON e importarlos en otro sitio.

¿Cómo crear bloques reutilizables en WordPress?

Ver todos los bloques reutilizables

De hecho, puede acceder directamente a todos los bloques reutilizables utilizando la URL " https://www.your-website-name.com/wp-admin/edit.php?post_type=wp_block ". Como puede ver, WordPress almacena bloques reutilizables como un tipo de publicación personalizada con un nombre como "wp_block". Si eres un desarrollador, puedes hacer uso de todas las funciones de tipo de publicación personalizada y jugar con la función de bloque reutilizable.

Puntos para recordar al crear bloques reutilizables

  • Explicamos con un bloque de párrafo por el bien de la comprensión. En realidad, puede convertir cualquiera de los bloques existentes en un bloque reutilizable.
  • De hecho, puede usar el bloque " Grupo " para combinar columnas, botones y otros elementos para crear un diseño personalizado y usar el diseño completo como un bloque reutilizable.
  • Puede eliminar el bloque después de agregarlo como un bloque reutilizable. Básicamente, está definiendo el bloque como reutilizable para que sea posible insertarlo en cualquier otra publicación.
  • WordPress le permite crear tantos como bloques reutilizables.
  • Puede eliminar un bloque reutilizable en cualquier momento. Sin embargo, le recomendamos que elimine un bloque después de eliminar todas las ocurrencias incrustadas. De lo contrario, verá un mensaje bloqueado no disponible o eliminado al editar la publicación. Afortunadamente, no se mostrará ningún mensaje en la publicación publicada.

¿Cómo crear bloques reutilizables en WordPress?

Bloquear mensaje eliminado

  • Puede ver el bloque reutilizable utilizado en las publicaciones en la estructura de navegación como un solo componente. No verás los detalles del bloque dentro del bloque reutilizable.

¿Cómo crear bloques reutilizables en WordPress?

Verifique la estructura de navegación

Ultimas palabras

Muchos blogueros todavía se aferran al antiguo editor clásico sin pasar a Gutenberg. Además, los complementos bbPress y WooCommerce todavía usan Classic Editor. Sin embargo, con características hermosas como bloques reutilizables, esperamos que todos los usuarios y complementos comiencen a usar Gutenberg. Puede crear llamadas a la acción, bloques de productos o mini diseños utilizando bloques reutilizables e incrustarlos dentro de cualquier publicación. Con un solo clic, puede modificar el contenido del bloque y actualizarlo en todo su sitio.

Fuente de grabación: www.webnots.com
Deja una respuesta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More