Al principio, los usuarios de WordPress tenían una relación dulce y amarga con el generador de bloques. Entonces, como descubrimos en nuestro guía de gutenberg, el nuevo editor viene con características asombrosas que hacen que crear contenido hermoso sea fácil y divertido. Ahora algunos ya no pueden prescindir.
Gutenberg le ofrece suficientes funciones para crear excelentes páginas y artículos, sin escribir ningún código. No importa qué contenido desee agregar, Gutenberg tiene el bloque correcto.
¿Quieres modificar y personalizar cada bloque de contenido en profundidad? Gutenberg tiene una batería de opciones de personalización para esto.
¿Quieres incluso más bloques de los que están disponibles en el editor predeterminado? Existen una tonelada de plugin de WordPress para Gutenberg
Por eso es triste que muchos usuarios no conozcan el Bloques reutilizables, una de las características brillantes de Gutenberg. Si no tiene idea de lo que estamos hablando, los bloques reutilizables son solo blogs contenido que usted crea, guarda y reutiliza a voluntad.
Suponga que desea agregar un botón de llamada a la acción llamado nota de agradecimiento, firma, formulario o cualquier otra cosa al final de cada publicación o página.
En el pasado, tenía que guardar la función en un archivo de texto en su computadora. Cuando lo necesite, cópielo y péguelo en su publicación o página. Gutenberg redujo este problema. Ahora no tiene que usar archivos de texto o crear los mismos bloques desde cero cada vez.
Puede crear un solo bloque reutilizable y usarlo no solo en sus publicaciones y páginas, sino también en otros sitios web de WordPress.
Ya sea que cree muchos sitios web o necesite agregar contenido especial a cada publicación / página, los bloques reutilizables de Gutenberg pueden ayudarlo a ahorrar mucho tiempo.
Y en el artículo de hoy, le mostramos exactamente cómo crear y exportar bloques reutilizables de Gutenberg a WordPress. Nuestro objetivo es ayudarlo a mover y reutilizar fácilmente bloques de contenido personalizados en múltiples publicaciones / páginas / sitios web de WordPress.
Pero antes de eso, si nunca ha instalado WordPress, averigüemos ¿Cómo instalar un blog de WordPress pasos 7 et ¿Cómo encontrar, instalar y activar un tema de WordPress en tu blog
Luego de vuelta a por qué estamos aquí.
Separado : Si crea un bloque usando un Plugin de WordPress tal como Obtener, por ejemplo, debe instalar este complemento en los otros sitios web de WordPress donde desee reutilizar dicho bloque. Tenga en cuenta también que sus bloques pueden verse ligeramente diferentes de un tema a otro, pero todo esto es bueno porque Gutenberg le brinda mucho poder de personalización.
En primer lugar, necesitas bloques reutilizables.
Desafortunadamente, no puede exportar ni importar blogs regular. Para exportar e importar bloques de Gutenberg, primero debe crear blogs reutilizable.
Con fines ilustrativos, crearemos un nota de agradecimiento que me gustaría agregar al final de cada artículo que publicamos, sin tener que reescribir la nota cada vez que necesite agregarlo a un artículo.
Ma nota de agradecimiento hizo nada complejo; solo un bloque de párrafo simple con enlaces a Twitter y Facebook. Tenga en cuenta que su bloque puede ser cualquier cosa que desee: un anuncio de bannerParan control deslizante de imagen, una citación, una lista, las últimas publicaciones, un formulario de MailChimp, etc ...
Más adelante le mostraremos cómo exportar este nota de agradecimiento en un segundo sitio web de WordPress.
Cómo crear un bloque reutilizable
Crear un bloque reutilizable es increíblemente fácil. Ir Artículos> Agregar para lanzar el editor de Gutenberg:
Luego haga clic en el icono Agregar bloque (+) luego elija su bloque de contenido. En nuestro caso, hemos agregado el bloque de párrafo como se muestra en la siguiente imagen.
Después de eso, personalice su bloque según sus necesidades. Agregamos texto, enlaces a perfiles de redes sociales y color de fondo. Este es el nombre de nuestro nuevo bloc de notas gracias parece en nuestro editor de Gutenberg:
En este momento, la nota anterior es una bloque regular. Tenemos que convertirlo en uno bloque ribleilizable que podemos exportar e importar. Para hacerlo, haga clic en el icono Mas opciones, privado agregar a bloques reutilizables, Como se muestra abajo.
Luego, asigne un nombre a su bloque reutilizable y presione el botón Grabar, como se puede ver a continuación.
Y eso es todo, acaba de crear su primer bloque reutilizable.
Cómo usar bloques reutilizables
Agregar el bloque reutilizable que acabamos de crear a sus publicaciones o páginas es extremadamente fácil. Una vez que haya agregado el contenido requerido a su publicación o página, haga clic en el ícono Agregar un bloque (+), desplazarse a la pestaña Bloques reutilizables y elige tu bloque (Nota de agradecimiento en nuestro caso), Como se muestra abajo.
Después de agregar el bloque reutilizable a su publicación o página, presione el botón Vista previa / publicación para mostrar sus resultados en el front-end. Esto es lo que tenemos:
La mejor parte es que podemos reutilizar nuestro bloque. nota de agradecimiento en cualquier momento, sin tener que crearlo desde cero. también podemos agregarlo a cualquier tipo de publicación que admita bloques de Gutenberg.
Descubrir también Cómo agregar un título a una imagen en Gutenberg
Ahora que sabe cómo crear y usar bloques reutilizables, aprendamos más sobre cómo exportar estos bloques a otro sitio web de WordPress. Para evitar confusiones, usaremos el mismo bloque que acabamos de crear.
Cómo exportar bloques de Gutenberg a WordPress
Exportar un bloque de Gutenberg reutilizable es fácil, lo hará en poco tiempo.
¿Qué hacer?
Dentro del editor de Gutenberg, haga clic en el icono Más herramientas y opciones, puis gestionar todos los bloques reutilizables, como destacamos a continuación:
Esto te lleva a la pantalla bloques donde puede ver y administrar todos sus bloques reutilizables:
Solo tenemos el bloque Nota de agradecimiento, pero la pantalla de arriba se llenará a medida que cree más. Para exportar, coloque el cursor sobre el título y haga clic en el enlace Exportar a JSON desplegado. Vea la imagen a continuación.
Luego, guarde el archivo JSON en su computadora:
Ahora que tenemos el archivo JSON en nuestra computadora, es hora de importar el bloque a nuestro segundo sitio web.
Cómo importar bloques de Gutenberg a WordPress
Importar sus bloques reutilizables es tan fácil como A, B, C. Primero, abra el editor de Gutenberg. Segundo, haga clic en el icono Más herramientas y opciones, entonces gestionar todos los bloques reutilizables, Como se muestra abajo.
En la pantalla bloques que sigue, haga clic en Importar desde JSON, elija el archivo que descargó anteriormente y luego presione el botón. Importación en este orden :
Y es todo ! Así, ha importado con éxito un bloque de Gutenberg reutilizable a su segundo sitio web de WordPress.
lea también Cómo agregar un título a una imagen en Gutenberg
¿No fue fácil? Luego, puede usar y reutilizar su bloque Gutenberg en el segundo sitio web tantas veces como desee.
¿Hay algún complemento de WordPress para exportar bloques de Gutenberg?
Ah, sí, y encontré uno en ThemeIsle, un desarrollador de WordPress de buena reputación. Este es un complemento gratuito conocido como Importación de exportación de bloques. Básicamente, el complemento le permite omitir todo este tutorial. Si, es verdad; ni siquiera tiene que crear bloques reutilizables.
Vea también nuestra guía sobre Cómo agregar un bloque animado a tu artículo de Gutenberg
Instale y active el complemento, luego abra el editor de Gutenberg. Diseñe su bloque como desee, luego haga clic en el icono de más opciones. Luego haga clic en Exportar como JSON, Como se muestra abajo :
Esto descarga el archivo JSON a su computadora. Para importar el archivo JSON usando el complemento, abra el editor de Gutenberg. Luego haga clic en el icono Agregar un bloque, puis importar bloques desde JSON debajo de la pestaña Widgets :
Después de eso, haga clic en Elegir archivo para seleccionar el archivo de su computadora y presione el botón. Subir :
El único problema con el método del complemento es que sus bloques no se guardarán en su sitio web de WordPress. Para guardar bloques en su base de datos de WordPress, debe utilizar el método manual. Quizás eso cambie en el futuro.
Descubrir ¿Cómo saber si su complemento es compatible con Gutenberg?
Desafortunadamente, no pude encontrar otro complemento. Aún así, el complemento puede ahorrarle mucho tiempo si no se preocupa por guardar bloques reutilizables en su sitio web.
Los bloques reutilizables de Gutenberg salvan vidas. Le permiten reproducir modelos rápidamente, ya que no comienza de cero. Si crea muchas publicaciones / páginas y / o sitios web, aprender a exportar bloques de Gutenberg será útil.
Descubre también algunos complementos premium de WordPress
Puedes usar otros plugins de WordPress para dar una apariencia moderna y optimizar el manejo de tu blog o sitio web.
Aquí le ofrecemos algunos complementos premium de WordPress que lo ayudarán a hacerlo.
1. Escaparate equipo
Team Showcase es el complemento perfecto, diseñado para mostrar a los miembros de su equipo en una hermosa cuadrícula o carrusel receptivo. Tendrá la capacidad de administrar a sus miembros agrupándolos en equipos separados. Para hacer esto, simplemente seleccione las opciones que desea mostrar, elija un tema de WordPress y aplicarle un color predefinido.
Por lo tanto, no se requerirá ninguna línea de código para esta acción. Sus características incluyen: 10 temas especiales, 10 conjuntos de colores, 10 opciones de visualización, Efectos de animación CSS3, la posibilidad de ser insertado en una página, un diseño totalmente receptivo, etc ...
Descargar | Demo | alojamiento web
2. ARPrice
ARPrice es el Plugin de WordPress la prima más flexible y completa en la creación de tablas de precios. Viene con más de 300 plantillas de cuadrícula de precios y proporciona todas las herramientas que necesita para crear tablas de comparación y cuadrículas de precios únicas y receptivas. También podrá crear fácilmente un hermoso escaparate para su equipo.
Valiente es un Plugin de WordPress hermoso, intuitivo y único, con su impresionante editor visual, que presenta una vista previa en tiempo real de las personalizaciones.
Ver tambien Cómo cobrar un servicio en su blog?
Elija una plantilla y luego, con simples clics, arrastre y suelte las herramientas para personalizar su tabla de precios, hasta el más mínimo detalle. Podrá agregar un número ilimitado de columnas, cambiar colores, fuentes, íconos y agregar sus propias imágenes y cintas para anunciar un descuento, por ejemplo.
Descargar | Demo | alojamiento web
3. Premium SEO Pack
Premium SEO Pack es un complemento de WordPress que optimiza tu SEO y comprime CSS para mejorar la velocidad de carga de tu sitio web. El complemento también puede administrar el diseño de su sitio web en unos pocos clics.
Sus funcionalidades son entre otras: compresión de CSS y JS, integración del mapa del sitio de video y fragmento, el formato de archivos HTLM y XML, redirección de páginas 404 y 301, compartir en redes sociales, proporcionando la etiqueta ALT, diseño altamente personalizable.
Descargar | Demo | alojamiento web
Recursos recomendados
Conozca otros recursos recomendados para ayudarlo a construir y administrar su sitio web.
- Los complementos de 7 WordPress para incrustar un Google Maps en su sitio web
- ¿Cómo agregar un control deslizante de playa en un formulario de WordPress?
- plugins de WordPress 5 permiten a los usuarios publicar contenido
- 6 complementos de WordPress para agregar autocompletado a sus formularios
Conclusión
Listo ! Eso es todo para este tutorial, esperamos que le permita exportar e importar bloques de Gutenberg a WordPress. ¿Todavía tiene preguntas o sugerencias sobre los bloques de Gutenberg? Háganos saber dentro de comentarios a continuación.
Sin embargo, también puedes consultar nuestros recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress.
No dude en comparte con tus amigos en tus redes sociales favoritas.
...
