¿Quieres crear un bloque reutilizable en el editor de bloques de WordPress?
Los bloques reutilizables le permiten guardar cualquier bloque de contenido y reutilizarlo en otras entradas y páginas de su sitio web, lo que ahorra tiempo y esfuerzo.
En este artículo, le mostraremos cómo crear fácilmente un bloque reutilizable en el editor de bloques de WordPress.
¿Qué es un bloque reutilizable en WordPress?
Un bloque reutilizable en el editor de bloques de WordPress es un bloque de contenido que se puede guardar para utilizarlo posteriormente en otras entradas y páginas.
Muchos blogueros suelen añadir los mismos fragmentos de contenido en varios artículos, como llamadas a la acción al final de la entrada del blog o enlaces para seguir el blog de WordPress en los medios sociales.
La mayoría de los usuarios simplemente guardan sus fragmentos de contenido reutilizables como archivos de texto en sus ordenadores y luego los copian y pegan cuando los necesitan.
Sin embargo, el editor de bloques de Gutenberg resuelve este problema introduciendo bloques reutilizables.
Un bloque reutilizable permite a los usuarios crear un bloque de contenido y guardarlo en su editor de bloques. Este bloque se puede insertar en cualquier entrada o página de WordPress sin tener que volver a crear el contenido desde cero.
Esto ahorra tiempo y también le permite mantener un diseño o estilo coherente en todas las páginas o entradas.
Éstas son algunas de las situaciones en las que un bloque reutilizable puede ayudarle a trabajar de forma más eficaz:
- Pedir a los usuarios que te sigan en los medios sociales al final de cada artículo.
- Añadir botones de llamada a la acción en las entradas y páginas de WordPress
- Guardar o reutilizar tablas
- Añada rápidamente formularios de respuesta / comentario / opinión a sus páginas
- Añadir manualmente banners de afiliación integrados
- Guardar y reutilizar bloques anidados
Dicho esto, veamos cómo crear fácilmente un bloque reutilizable en el editor de bloques de WordPress.
Cómo crear un bloque reutilizable en el editor Gutenberg de WordPress
Todos los bloques de Gutenberg son elementos de contenido individuales en el editor de WordPress que también se pueden guardar como bloques reutilizables.
En primer lugar, tienes que abrir una entrada existente o nueva para empezar a crear un bloque reutilizable.
Una vez abierto el editor de bloques, haga clic en el botón “Añadir bloque” (+) situado en la esquina superior izquierda de la pantalla.
Se abrirá el menú de bloques, donde puedes arrastrar y soltar un nuevo bloque que quieras reutilizar en varias páginas o entradas.
En este tutorial, elegiremos el bloque Párrafo para crear un bloque reutilizable para un fragmento de contenido de CTA.
Después de insertar el bloque, tienes que añadir el contenido que quieres reutilizar.
También puede dar más estilo a su bloque utilizando diferentes opciones de la barra de herramientas de bloques de la parte superior o utilizando el panel de bloques de la esquina derecha de la pantalla.
Una vez que haya terminado de editar, haga clic en el botón de menú de tres puntos de la barra de herramientas de bloque.
Se abrirá un menú desplegable en el que deberá seleccionar la opción “Crear bloque reutilizable”.
A continuación, se le pedirá que introduzca un nombre para el bloque reutilizable. Le recomendamos que utilice un nombre que le ayude a identificar rápidamente el bloque y lo que hace.
Después, basta con hacer clic en el botón “Guardar” para establecer los ajustes.
Su bloque reutilizable se guardará ahora en la base de datos de WordPress con todos sus ajustes.
Cómo añadir bloques reutilizables de WordPress en entradas y páginas
Ahora que hemos aprendido cómo crear un bloque reutilizable en WordPress, veamos cómo añadir bloques reutilizables a tus entradas y páginas de WordPress.
Una vez más, debes abrir una entrada nueva o existente donde quieras añadir el bloque reutilizable en el editor de Gutenberg.
Desde aquí, haga clic en el botón “Añadir bloque” (+) situado en la esquina superior izquierda de la pantalla y cambie a la pestaña “Reutilizable” de la parte superior del menú de bloques.
Aquí, todos los bloques reutilizables que haya creado se mostrarán en el panel.
También puede encontrar su bloque reutilizable escribiendo su nombre en el cuadro de búsqueda.
Ahora, sólo tienes que hacer clic en el bloque para insertarlo en tu entrada.
También puede editar el bloque reutilizable utilizando los ajustes de la barra de herramientas de bloques o la barra lateral de bloques de la derecha.
Sin embargo, ten en cuenta que al cambiar los ajustes del bloque reutilizable, éste cambiará en todas las ubicaciones en las que lo hayas utilizado.
Si solo quieres hacer un cambio que solo aparezca en esta entrada en particular, primero tendrás que convertirlo en un bloque normal.
Para ello, tiene que hacer clic en el icono “Convertir en bloque normal” de la barra de herramientas de bloques de la parte superior.
Esto convertirá su bloque reutilizable en uno normal, y podrá realizar cambios en él sin afectar al bloque original.
Gestión de todos los bloques reutilizables en el editor de WordPress
Después de utilizar bloques reutilizables durante un tiempo, es posible que tengas algunos bloques que ya no uses o que quieras renombrar.
El editor Gutenberg te permite gestionar fácilmente todos tus bloques reutilizables desde una sola pantalla.
Para gestionar sus bloques, basta con hacer clic en el botón “Añadir bloque” (+) de la esquina superior izquierda y pasar a la pestaña “Reutilizable”.
Desde aquí, haga clic en el botón “Gestionar bloques reutilizables” situado en la parte inferior del panel.
Esto le dirigirá a la página de Bloques Reutilizables, donde podrá gestionar fácilmente todas las características de los bloques reutilizables en su sitio web WordPress.
Aquí puedes editar, borrar, importar o incluso exportar tus bloques a otro sitio web.
Cómo importar/exportar bloques reutilizables
Los bloques reutilizables no solo son reutilizables en el sitio web para el que fueron creados. También puede utilizarlos en cualquier otro sitio web de WordPress.
Para exportar los bloques desde la página Bloques reutilizables, haga clic en el enlace “Exportar como JSON” situado bajo el bloque.
WordPress le enviará ahora el bloque como un archivo JSON que puede guardar en su ordenador.
Ahora puede cambiar al área de administrador de otro sitio WordPress. Desde aquí, visite la pantalla de gestión de bloques para ver las opciones de bloques reutilizables.
A continuación, haga clic en el botón “Importar desde JSON” situado en la parte superior.
Aparecerá un cuadro de subida de archivos en el que deberá hacer clic en el botón “Elegir archivo” para seleccionar el bloque que descargó anteriormente.
A continuación, haga clic en el botón “Importar”.
WordPress importará tu bloque reutilizable y lo guardará en su base de datos. Ya puede empezar a utilizar los bloques reutilizables recién importados en su otro sitio web de WordPress.
Para obtener instrucciones más detalladas, puede consultar nuestra guía práctica sobre cómo importar/exportar los bloques de contenido de WordPress (con capturas de pantalla).
Consejos adicionales para dominar el editor de bloques de WordPress
Además de añadir bloques reutilizables para mejorar su flujo de trabajo editorial, también puede utilizar algunos otros consejos del editor de bloques de WordPress para agilizar su proceso de creación de contenidos.
Esto puede aumentar la productividad y ayudarle a centrarse más en el contenido de su sitio.
Puedes dominar fácilmente el editor de bloques memorizando primero los bloques que más utilizarás en tu sitio web, como el bloque de párrafo, imagen, encabezado o botón.
Una vez hecho esto, puedes reorganizar tu pantalla de edición para mostrar la barra de herramientas de bloques en la parte superior de la página. Incluso puedes usar el modo libre de distracciones para quitar / eliminar distracciones como el panel de bloques, el menú de bloques, la barra lateral del administrador de WordPress y mucho más.
Para obtener instrucciones detalladas, consulte nuestro tutorial sobre cómo utilizar el editor a pantalla completa sin distracciones en WordPress.
Otro consejo sorprendente es empezar a utilizar el bloque de columnas para dar a tu contenido un aspecto de revista, añadir vídeos de YouTube, añadir imágenes de portada, cambiar los colores de los párrafos y mucho más.
Para más información, consulte nuestra lista de los mejores consejos para dominar el editor de contenidos de WordPress.
Esperamos que este artículo te haya ayudado a aprender cómo crear un bloque reutilizable en el editor de bloques de WordPress. Puede que también quieras ver nuestra guía para principiantes sobre cómo elegir el mejor alojamiento de WordPress y nuestra selección de los plugins de WordPress imprescindibles para hacer crecer tu sitio web.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Jiří Vaněk says
Thank you for this article. In this way, I created several blocks in Gutenberg, which I add under articles by category. But I searched for a while in the settings, because I couldn’t find “reusable block” according to the instructions, but then I understood that this function was only renamed.
David says
In the drop down menu as describe when hitting the three dots. I did not see create reuasble block. I would have love to take a screenshot to show you what my drop down menu shows, but it is not allow here. What are my alternatives.
WPBeginner Support says
There was a recent naming change, you would want to use create pattern from the dropdown and we will look to update this article soon
Administrador
Johnny Rodriguez says
How can I add a featured image to a reusable block?
WPBeginner Support says
Featured images are for post types and not individual blocks at the moment. You can certainly add an image block if you wanted to add an image in the content.
Administrador
Angie says
I’m trying to create a reusable block with several lines of text, however, when I add a new line of text, it creates a new block. I need all of the text in one block. How do I do this?
WPBeginner Support says
If you use shift enter to go to your next line instead of only using enter you should stay within the block.
Administrador
Julius Gashumba says
Convert to Regular Block has been changed. It no longer appears where it used to be. Any ideas?
WPBeginner Support says
When hovering over the block, you should see the convert option
Administrador
Chika says
All is well here. However, what I need is just the color background on my my reusable block so that I can type whatever I want whenever I use it.
If I change the reusable block back to normal block before making changes, the background color disappears. This is not what I want.
Is there a way to do that?
WPBeginner Support says
For what you’re wanting to do, you would want to take a look at our article below:
https://www.wpbeginner.com/wp-tutorials/how-to-create-a-custom-gutenberg-block-in-wordpress/
Administrador
Charles Burns says
Is there a way to save just the formatting of a block I can use again?
Say, for instance, I spend time changing the colour and styling options of a particular block and want to reuse those options with different content each time. Is this possible?
Saving it as a reusable block saves all the content as well.
WPBeginner Support says
For something like that you could create a custom block we have an article on this below:
https://www.wpbeginner.com/wp-tutorials/how-to-create-a-custom-gutenberg-block-in-wordpress/
Administrador
Cartrell says
Ha! I never even noticed that Add To Reuseable blocks feature was there. Thanks, guys.
– C. out.
WPBeginner Support says
Glad we could show you something new
Administrador
Sandra says
Thanks for the great information. How would I add a signature block? Not just a typed name, but an actual signature?
WPBeginner Support says
For most sites, an image is used for that type of signature block
Administrador
Don says
Thanks for the suggestions and pointing me to your guides.
After some troubleshooting my problem seems to be related to website hosting. Reusable Blocks now do work as expected with new identical fresh WP installs on different host servers. The only discernible difference between servers is the PHP version.
WPBeginner Support says
Thanks for sharing what appears to be the cause of the problem
Administrador
Don says
I suddenly lost Reusable Blocks. Other Blocks continue to work but Reusable is no longer a category when creating a new Block. Either is the 3-dot menu option of “Add to Reusable Blocks” from an existing Block.
Any suggestions to restore would be appreciated outside of a complete new install.
WPBeginner Support says
Have you tried disabling your plugins to see if it could be due to a plugin or theme conflict? https://www.wpbeginner.com/beginners-guide/beginners-guide-to-troubleshooting-wordpress-errors-step-by-step/
Administrador
Don says
Thanks for the reply. First thing I tried was disabling Plugins, then changing Themes, and finally resorting to a simple fresh install.
I did post on the WordPress support forum for suggestions.
WPBeginner Support says
You may want to try enabling the error log to see if there is an error being hidden by default that error logging would show. You can set up error logging using the method in our article here: https://www.wpbeginner.com/wp-tutorials/how-to-set-up-wordpress-error-logs-in-wp-config/
luca says
Very nice!
WPBeginner Support says
Glad you liked it
Administrador
Rintesh Roy says
This is a great feature!
WPBeginner Support says
Glad we could bring it to your attention
Administrador
Lee says
Reusable blocks are one of the only good features of the new editor, unfortunately the fact that they can be converted to a regular block negates any positive they have.
Say you have a call to action, that includes a link. You use that reusable block many times but several times convert it to a regular block. A year later you need to change the link that is in that call to action. You edit the reusable block and the link changes across your site EXCEPT where it was converted to a regular block. Not a big deal if it is only a few times. A much BIGGER deal if it is dozens of authors, and hundreds of posts that converted that reusable block to a regular block.
Reusable blocks could have helped solve this data management problem but by allowing them to be converted to regular blocks they just make the problem worse. The better solution, surprise surprise, is a shortcode that is easy to edit in the backend and not have to mess with post content.
WPBeginner Support says
Hi Lee,
Reusable blocks are particularly useful in saving block settings, formatting, and content. Now, if a user changes them to a regular block just so they can edit those things, then they should be aware that it is a ‘regular block’ not a reusable block anymore.
Administrador