Cómo implementar funciones de diseño avanzadas en Gutenberg con bloques de Elementor

Gutenberg es un editor de bloques para WordPress que permite a los usuarios crear y editar contenido en forma de bloques. Para que los usuarios puedan utilizar la potencia de Elementor en Gutenberg, Elementor ha desarrollado un nuevo editor de bloques llamado "Bloques Elementor para Gutenberg"es un plugin independiente. Este plugin permite a los usuariosCómo añadir plantillas de Elementor como bloques de Gutenberg al contenidoEsto permite un diseño y una funcionalidad más avanzados.

Este artículo detallará cómo usar Elementor Blocks en Gutenberg y cómo integrar el poder de Elementor en el editor de WordPress con este plugin.

¿Qué es Elementor Blocks para Gutenberg?

Elementor Blocks for Gutenberg es un plugin de WordPress independiente que permite a los usuarios insertar plantillas de Elementor como bloques directamente en el editor de Gutenberg. Mediante el uso de este plugin, sin salir del editor de WordPress, lasAñadir funciones avanzadas a Elementorcomo botones de llamada a la acción, formularios de suscripción, cuadrículas de imágenes y mucho más. Los artículos y las páginas se pueden seguir editando con el editor Gutenberg mientras se disfruta de la flexibilidad de diseño y la funcionalidad que ofrece Elementor.

Condiciones de trabajo de Elementor Blocks para Gutenberg

Para utilizar el plugin Elementor Blocks for Gutenberg, se deben cumplir las siguientes condiciones:

1. Requisitos de la versión de WordPressWordPress 5.6 o superior.
2. Plugin ElementorEl plugin Elementor debe estar instalado y activado.

Cómo instalar y activar los bloques de Elementor para Gutenberg

A continuación se detallan los pasos para instalar y activar el plugin Elementor Blocks for Gutenberg:

1. Iniciar sesión en WP AdminEn primer lugar, inicie sesión en el panel de WordPress con una cuenta de administrador.
2. Ir a la página del pluginEn el menú de la izquierda, vaya a "plug-in (componente de software)">"Añadir nuevo plugin".
3. Plugin de búsquedaEscribe "elementor blocks for gutenberg" en la barra de búsqueda para encontrar el plugin.
4. Instalación de plug-insUna vez que haya encontrado el plugin, haga clic en el botón "Instalar ahora".

4. Plugin de activaciónUna vez finalizada la instalación, haga clic en "active"para activar el plug-in.

Cómo añadir bloques de Elementor al editor de WordPress

He aquí los pasos para hacerlo:

1. Crear nueva páginaInicie sesión en WP Admin y vaya a "página web">"Añadir nueva página".
2. Añadir bloquesEn el editor de páginas, haga clic en la parte superior de la página o en el área de párrafos de la sección +(añadir icono de bloque).

3. Seleccione Elementor Block: En la ventana emergente, busque y seleccione "Biblioteca Elementor". Esto mostrará todas las plantillas de Elementor que han sido guardadas.

4. Seleccione una plantilla: Selecciona una plantilla existente de la biblioteca de Elementor o crea una nueva desde cero.

5. Plantillas de vista previaAntes de insertar una plantilla, puede previsualizar su aspecto haciendo clic en el icono de previsualización de la esquina superior derecha.
6. Insertar plantilla: Después de seleccionar una plantilla, haga clic enpalopara añadir la plantilla a tu área de contenido del editor Gutenberg.

Cambiar entre Gutenberg y Elementor

Si desea utilizar Elementor Blocks junto con un diseño que desea personalizar más, puede hacerlo en cualquier momento haciendo clic en el botón "Utiliza el botón Editar de Elementor para cambiar entre los editores de Gutenberg y Elementor.. Esto le permite cambiar sin problemas entre los dos editores, aprovechando al máximo las ventajas de ambos.

alcanzar un veredicto

El plugin Elementor Blocks for Gutenberg proporciona una mayor flexibilidad a los usuarios que trabajan con WordPress, permitiéndoles integrar la potencia de Elementor en el editor Gutenberg sin abandonar la interfaz de edición. Con este plugin, los usuarios pueden crear páginas más ricas y complejas en Gutenberg manteniendo la comodidad de edición de WordPress.

Al actualizar a Elementor Pro Cuando lo hace, no sólo tiene acceso a funciones de diseño más avanzadas, sino que también dispone de una profunda integración con otros plug-ins dependientes. Por ejemplo.Elementor Pro Ofrece un potente creador de temas, contenido dinámico y widgets avanzados que se pueden añadir directamente a tus páginas de Gutenberg con el plugin Elementor Blocks for Gutenberg.