Bloques reutilizables de WordPress: la guía definitiva
Publicado: 2020-10-08Los bloques reutilizables de WordPress son una característica poderosa que se encuentra en el nuevo editor de bloques de WordPress. Los bloques reutilizables le permiten guardar rápidamente cualquier bloque de WordPress que utilice con frecuencia. Luego, puede reutilizar inmediatamente los bloques guardados en otras páginas y publicaciones en su sitio de WordPress.
En esta publicación, veremos lo fácil que es crear bloques reutilizables de WordPress dentro del editor de bloques de WordPress. También le enseñaremos cómo exportarlos y usarlos en cualquier otro sitio de WordPress que administre. Vamos a sumergirnos.
¿Qué son los bloques reutilizables de WordPress?
Dentro del editor de bloques de WordPress, los bloques reutilizables son bloques de WordPress que se pueden guardar para su uso repetido en publicaciones o páginas.
Los bloques reutilizables pueden ahorrarle mucho tiempo en la forma en que redacta su contenido, ya que los bloques que usa con más frecuencia y sus configuraciones de bloque se pueden guardar en una “biblioteca” especial de bloques reutilizables.
Si usted es el tipo de usuario de WordPress que a menudo usa fragmentos idénticos de contenido en sus publicaciones y páginas de WordPress, los bloques reutilizables de WordPress se convertirán en uno de sus mejores amigos.
Además, si es un desarrollador que trabaja en varios sitios de WordPress, los bloques reutilizables se pueden exportar desde un sitio y utilizar en los demás.
Explicación de los bloques reutilizables en WordPress
Pregúntese: ¿Cuánto tiempo de diseño ha perdido constantemente "recreando la rueda" en sus diseños? La función de bloques reutilizables de WordPress puede devolverle todas esas preciosas horas al mismo tiempo que le da una sensación de coherencia en todo su sitio web y los sitios que diseña.
Es común que los diseñadores de WordPress y los blogueros agreguen fragmentos idénticos de contenido a diferentes artículos o publicaciones de páginas. Un buen ejemplo de esto sería un diseño de bloque de llamado a la acción específico que desee utilizar al final de cada artículo que escriba. Esta llamada a la acción puede ser una invitación para unirse a su lista de correo electrónico, un enlace a una página de producto o servicio, o enlaces para seguirlo en sus páginas de redes sociales.
En el pasado, probablemente haya guardado esos fragmentos individuales de contenido como archivos de texto en algún lugar de su computadora, luego los haya copiado y pegado cuando quisiera usarlos nuevamente. Sin embargo, con los bloques reutilizables en el editor de WordPress de Gutenberg, nunca más necesitarás participar en este proceso arcaico. Ahora, todo lo que necesita hacer es guardar sus fragmentos en el editor y puede usarlos en otro lugar de inmediato.
En el mundo agitado y con restricciones de tiempo en el que vivimos, es más importante que nunca ser lo más eficientes posible con nuestro trabajo.
Ejemplos de bloques reutilizables
Aquí hay un par de escenarios diferentes que ilustran cómo el uso de bloques reutilizables de WordPress puede mejorar su eficiencia:
- Agregar automáticamente sus banners de afiliados en línea en publicaciones y páginas seleccionadas
- Guardar y reutilizar rápidamente tablas idénticas
- Agregar un formulario de comentarios a varias páginas con un solo clic
- Agregar poderosos botones de llamado a la acción en todas sus páginas y publicaciones relevantes
- Pedir a sus lectores que dejen un comentario al final de cada publicación del blog.
- Una sección "Acerca del autor" en la parte inferior de cada publicación.
Y eso es solo la punta del iceberg. Una vez que comience a usar bloques reutilizables de WordPress, verá cuán ilimitado es su uso.
Beneficios de los bloques reutilizables de WordPress
A estas alturas, sin duda, verá varias formas en las que puede usar bloques reutilizables de WordPress para hacer su vida más fácil y mantener la marca de su sitio web consistente.
Estos son algunos de los mayores beneficios de la función de bloques reutilizables y por qué debería comenzar a usarla la próxima vez que inicie sesión en su área de administración de WordPress.
- Los bloques reutilizables le permiten guardar los elementos de diseño de cosas como formularios, cuestionarios, encuestas y luego actualizarlos para cada ocasión según sea necesario.
- Las tablas complejas no son fáciles de crear. Puede duplicarlos en cualquier lugar que desee convirtiéndolos en bloques reutilizables.
- Nunca más necesitará copiar contenido en su editor de texto y pegarlo en nuevas páginas o publicaciones. Esto a menudo causa problemas de formato y es un proceso torpe e ineficiente.
- Los bloques reutilizables le permiten diseñar una página web completa y duplicar esa página en el sitio actual o en cualquier otro sitio de WordPress que administre.
- Los bloques son la forma más rápida de agregar contenido relevante al final (o comienzo) de sus artículos. Puede usarlos para cosas como registros de correo electrónico, biografías de autores, botones de redes sociales o cualquier otra cosa que tenga sentido para su sitio.
- Las páginas web impactantes tienen botones y texto de llamadas a la acción directas. Los bloques reutilizables le permiten incluirlos con facilidad. Los sitios que tienen muchas páginas de destino obtienen un gran uso de esta función.
- Si tiene banners o anuncios de afiliados en la mayoría de sus publicaciones y páginas , reducirá mucho tiempo agregándolos con bloques reutilizables.
- Los bloques reutilizables se pueden exportar e importar de un sitio a otro. Más sobre eso más tarde.
Esta no es de ninguna manera una lista completa de los beneficios de los bloques reutilizables de WordPress. En realidad, los usos son casi infinitos. Pero al final del día, cualquier desarrollador de WordPress que haya hecho uso de bloques reutilizables sabe que ahorra tiempo y elimina el trabajo repetitivo.
¿Cómo agrego un bloque reutilizable en WordPress?
Los bloques reutilizables también son muy fáciles de crear dentro del editor de bloques. Echemos un vistazo a cómo se hace.
Primero, es importante entender que cada bloque de WordPress es un elemento de contenido individual dentro del editor de WordPress. Cada uno puede guardarse individualmente como un bloque que luego puede reutilizar.
Comience creando una publicación nueva o busque una actual que pueda editar.
Mientras mira la pantalla de edición de su publicación, primero desea hacer clic en el botón " Agregar nuevo bloque ". Después de esto, simplemente elija el tipo de bloque que se ajuste al tipo de contenido que le gustaría guardar.
Para este ejemplo, fingiremos que estamos guardando algunas líneas de texto sin formato dentro de un bloque de párrafo. Después de agregar el bloque, comience a agregar el contenido que desea reutilizar en sus otras publicaciones y páginas.
Supongamos que desea que el texto se lea algo como "¿Le gustó este artículo? Si es así, envíenos un comentario a continuación o síganos para obtener más contenido en Facebook y Twitter ". Después de escribir este texto en el bloque de párrafo, use las opciones de formato y estilo dentro de la configuración del bloque y la barra de herramientas del bloque.
Una vez completada la edición, todo lo que necesita hacer es hacer clic en el botón de menú con los tres puntos (en la barra de herramientas) y seleccionar la opción que dice “ Agregar a bloques reutilizables. "
WordPress le pedirá que ingrese un nuevo nombre para el bloque reutilizable que acaba de crear. Por supuesto, es mejor elegir un nombre que le permita identificar el bloque rápidamente cuando quiera volver a usarlo.
Un buen nombre para este bloque sería algo así como "Artículo llamado a la acción en las redes sociales".
Por último, simplemente haga clic en " Guardar " y su bloque reutilizable se almacena, junto con todas sus configuraciones, en la base de datos de WordPress para su uso futuro.
¿Cómo utilizo bloques reutilizables?
Ahora ha visto lo fácil que es crear bloques reutilizables de WordPress. Con suerte, has intentado hacer algunos por tu cuenta mientras lees esto. Si no lo ha hecho, ¿por qué no intentarlo ahora? Cuando haya terminado, lo siguiente que aprenderá es cómo usar los bloques reutilizables dentro de sus páginas y publicaciones en WordPress.
Para hacer esto, nuevamente querrá editar una publicación existente (una en la que desea agregar un nuevo bloque reutilizable) o crear una nueva publicación. Cuando esté en la pantalla de edición, haga clic en el botón que dice " Agregar nuevo bloque ".
Si conoce el nombre del bloque que está buscando, puede encontrarlo escribiendo ese nombre específico en el cuadro de búsqueda. Solo tenga en cuenta que la función de búsqueda ahora extrae bloques de terceros del directorio de bloques de WordPress, lo que también puede ser útil.
Si no recuerda el nombre que le dio al bloque, o simplemente desea explorar todos sus bloques, puede hacer clic en la pestaña "Reutilizable" . Aquí, verá todos sus bloques reutilizables actuales de WordPress.
Notará que cuando pasa el mouse sobre un bloque en la lista, WordPress le mostrará una vista previa del bloque. Esto le permite confirmar que está seleccionando el bloque que pretendía usar.
Continúe e inserte el bloque en su publicación haciendo clic en él. A continuación, el bloque reutilizable aparece en el editor.
¿Cómo edito bloques reutilizables?
La belleza de los bloques reutilizables de WordPress es que puede editarlos individualmente en una publicación o página, o puede editarlos para que se actualicen de inmediato en todo el sitio.
Todo lo que tiene que hacer para editar un bloque reutilizable es hacer clic en el botón de edición que está en el bloque. Pero aquí es donde debes tener cuidado.
Editar bloque reutilizable frente a convertir en bloque normal
Si solo está buscando realizar el cambio en una página o publicación en particular, primero deberá convertirlo en un bloque normal en esa ubicación.
Para hacer esto, todo lo que necesita hacer es hacer clic en el menú con los tres puntos en la barra de herramientas de su bloque, luego seleccionar la opción " Convertir en bloque normal " del menú.
Este proceso convierte el bloque reutilizable de la publicación en un bloque normal. Ahora puede realizar cambios en ese bloque individual sin afectar el bloque reutilizable o cambiar su apariencia en otras publicaciones y páginas de su sitio.
Administrar sus bloques reutilizables dentro del editor de WordPress
Después de haber estado usando la función de bloques reutilizables de WordPress durante algún tiempo, probablemente tendrá varios bloques que ya no está usando.
Para otros bloques, es posible que desee cambiarles el nombre por algo que sea más descriptivo o más fácil de encontrar en su función de búsqueda.
El editor de bloques le permite administrar todos sus bloques reutilizables de WordPress desde una sola pantalla. Y el proceso es bastante sencillo.
Para administrar los bloques, haga clic en el botón "Agregar bloque". Luego, querrá encontrar la pestaña que dice "Reusables".
Aquí, verá un enlace " Administrar todos los bloques reutilizables " que lo lleva a una página donde puede administrar sus bloques reutilizables.
La pantalla de bloques
Al hacer clic en el enlace, llegará a una página que le permitirá:
- Exportar bloques
- Importar bloques
- Eliminar bloques
- Editar bloques
Uso de bloques reutilizables de WordPress en varios sitios de WordPress
Como se mencionó anteriormente en el artículo, los bloques reutilizables de WordPress no solo son reutilizables en el sitio en el que fueron creados. Puede usar los mismos bloques reutilizables en cualquier otro sitio web que funcione con WordPress.
Esto se hace a través de las funciones de exportación e importación . Las funciones de exportación e importación para sus bloques reutilizables son bastante útiles y los desarrolladores de WordPress las pasan por alto.
Exportar e importar bloques reutilizables
WordPress ahora importa e instala el bloque reutilizable y lo guarda en la base de datos del nuevo sitio web. En este punto, está listo para usarse en cualquier lugar del nuevo sitio.
Exportar como JSON
Los bloques reutilizables se pueden exportar desde la pantalla de gestión de bloques. Todo lo que necesita hacer es hacer clic en el botón "Exportar" que está debajo de un bloque. Luego, WordPress se lo envía en forma de archivo JSON.
Importar desde JSON
Una vez que tenga el archivo JSON, puede cambiar a otro sitio de WordPress que administre. Inicie sesión en el área de administración y diríjase a la pantalla de administración de bloques. Una vez que esté allí, querrá hacer clic en el botón que dice "Importar desde JSON".
Aparecerá un cuadro de carga de archivos. Haga clic en el botón que dice "Elegir archivo" y seleccione el archivo JSON del bloque que descargó del otro sitio que administra. Haga clic en el botón "Importar".
¿Cómo agrego un estilo personalizado a los bloques reutilizables?
¿Qué pasa si desea agregar un estilo personalizado a sus bloques reutilizables? Por ejemplo, tal vez desee envolverlos todos con un borde específico que se ajuste al estilo y el flujo del resto de su sitio de WordPress.
¿Hay alguna forma de hacer esto? ¿O los bloques reutilizables son como los bloques ordinarios, en los que tienes que diseñarlos todos individualmente? Afortunadamente, hay una manera de agregar un estilo personalizado universalmente a sus bloques reutilizables.
En la barra lateral derecha de un bloque, vaya al área Avanzado . Aquí puedes darle una clase personalizada. La clase que asigne se aplicará al bloque general para que pueda ser dirigido por su CSS.
Clase CSS adicional
Las clases de CSS adicionales le permiten diseñar sus bloques reutilizables en sus propias formas personalizadas. El estilo que aplique se completará en todos los usos futuros de los bloques.
Para obtener instrucciones más completas sobre cómo agregar un estilo personalizado a bloques reutilizables, considere participar en un curso de capacitación integral de WordPress donde aprenderá esto y mucho más.
Bloques reutilizables de WordPress: ahorre tiempo, amplíe la utilidad de los bloques
Ahora que tiene un conocimiento profundo de los bloques reutilizables de WordPress y lo que pueden hacer, es hora de comenzar a pensar en formas en las que puede emplear esta poderosa función en sus sitios web.
Piense fuera de la caja con este. Es posible que descubra que la forma más útil de usar bloques reutilizables es muy diferente de los ejemplos que se dan en este artículo. Después de todo, la versatilidad y la personalización son las que hacen de WordPress una herramienta tan poderosa para los desarrolladores.
Recuerde también que es importante que se tome en serio la seguridad de su sitio. Un complemento de seguridad de WordPress, junto con un complemento de copia de seguridad de WordPress, contribuirá en gran medida a mantener su sitio seguro y protegido de posibles peligros.
¡Disfruta usando bloques reutilizables de WordPress! Háganos saber las formas únicas que ha encontrado para utilizar esta práctica función.
Kristen ha estado escribiendo tutoriales para ayudar a los usuarios de WordPress desde 2011. Por lo general, puede encontrarla trabajando en nuevos artículos para el blog iThemes o desarrollando recursos para #WPprosper. Fuera del trabajo, a Kristen le gusta llevar un diario (¡ha escrito dos libros!), Hacer caminatas y acampar, cocinar y las aventuras diarias con su familia, con la esperanza de vivir una vida más presente.
