Revisión e instalación del complemento Qubely Gutenberg Block Editor & Page Builder

A medida que pasan los días, la gente se va encariñando con el editor de Gutenberg. Este editor de WordPress basado en bloques no solo trajo un nuevo sistema de creación de páginas, sino que también permitió a los usuarios de WordPress muchas capacidades nuevas. Con el bloque predeterminado de Gutenberg, puede crear un sitio web mucho mejor que antes. Pero sentirás la gran necesidad de bloques y funcionalidades avanzadas para diseñar páginas web profesionales.

Aquí es donde entra en juego Qubely, un kit de herramientas Visual Gutenberg Block que minimiza las limitaciones del editor Gutenberg y abre posibilidades ilimitadas para crear cualquier diseño simple o complejo en un sitio de WordPress.

Con muchos bloques de Gutenberg personalizados dedicados, secciones integradas, diseños de página listos y un mundo de opciones de estilo, Qubely no es simplemente un complemento de bloques de Gutenberg, sino un conjunto de herramientas de diseño en el editor de bloques de Gutenberg que puede usar para diseñar literalmente cualquier diseño que desee. Poder imaginar.

¿Por qué necesitaría un complemento de bloque de Gutenberg?

Buena pregunta. Si el editor de Gutenberg puede ayudarnos a crear páginas web fácilmente, ¿por qué necesitaría un complemento de terceros, verdad? La respuesta es que, si bien Gutenberg facilita sus esfuerzos y le permite crear páginas web de manera inteligente, tiene algunas limitaciones y es posible que los bloques predeterminados no cubran el tipo de contenido que desea publicar.

Si bien proporciona bloques esenciales, un complemento de bloque de Gutenberg como Qubely ofrece más opciones para hacer las cosas que necesita hacer en su sitio web de WordPress. Entonces, si desea llevar su editor de Gutenberg a un nuevo nivel, solo necesita un complemento que amplíe su funcionalidad y ofrezca bloques personalizados.

Qubely amplía Gutenberg con muchos bloques personalizados que faltan en el editor predeterminado, y puede tomar el control del editor de bloques de WordPress con la capacidad de aplicar numerosas opciones de estilo. Además, obtiene muchas secciones y diseños listos para usar, lo que significa que ni siquiera tiene que diseñar cosas desde cero. Los bloques de Gutenberg personalizados de Qubely le permiten crear páginas web impresionantes y optimizadas para dispositivos móviles.

¿Qué complemento de bloque de Qubely Gutenberg tiene para usted?

Si estás convencido y quieres instalar un plugin de bloques de Gutenberg en tu sitio WordPress, nuestra recomendación, y que no te sorprenda, es Qubely. Profundicemos en el conjunto de herramientas de Qubely Gutenberg para ver qué tiene para usted.

Características de Qubely Gutenberg Block Toolkit

• Paquetes de diseño de página listos

Qubely, para empezar, ofrece muchos paquetes de diseño de página y puede importar diseños de página y personalizar su apariencia. El paquete de diseño de página viene en diferentes categorías para que pueda navegar a través de ellos fácilmente y elegir el que necesita. Cada paquete consta de todas las páginas necesarias según el tipo.

• Secciones incorporadas

Hay una rica biblioteca de secciones predefinidas en Qubely para ayudarlo a crear un sitio web rápidamente. Estas secciones listas se pueden importar y usar como bloques en el editor de Gutenberg y no es necesario crear secciones desde cero. Hay diferentes categorías de secciones predefinidas para que pueda navegar a través de ellas fácilmente y encontrar la que necesita.

• Bloques avanzados de Gutenberg

Aquí es donde Qubely se vuelve mucho más interesante. Hay numerosos bloques personalizados de Gutenberg en Qubely para crear cualquier diseño que puedas imaginar. Al instalar el complemento Qubely, puede agregar más de 22 bloques personalizados al editor de bloques de Gutenberg y llevar la experiencia de creación de páginas en Gutenberg al siguiente nivel.

Bloques avanzados de Gutenberg dentro de Qubely

• Fila

Cree diseños de filas y columnas totalmente personalizables con una funcionalidad asombrosa. Arrastre para cambiar el tamaño de las columnas para obtener el diseño deseado. Controle el espaciado, agregue imagen, video, color, degradado o modo de fusión al fondo de la fila.

• Botón

Diseñe cualquier combinación posible de diseño, formas o interfaz en botones. Botón de estilo con las opciones disponibles en el bloque Botón.

• Testimonial

Muestre testimonios de forma creativa con nombres, avatares, íconos y más. Elija un diseño testimonial de las opciones dadas. Decida si desea mostrar el ícono de cotización, el mensaje, el nombre, la designación, el avatar y las calificaciones.

• Icono

Coloque íconos en cualquier lugar con los íconos de Font Awesome y diseñelos a su manera. Mostrar iconos con o sin fondo y borde. Dale estilo a los iconos definiendo el tamaño, la alineación, el enlace, el color de fondo y la sombra del icono.

• Mapa de Google

¡Integre Google Maps y personalice la altura del mapa, haga zoom en el mapa y otras opciones!

• Divisor

Hermosos divisores prediseñados con configuraciones de estilo y alinee los divisores de manera flexible.

• Texto Avanzado

Añade y diseña textos. Aplique bordes, sombreado de cuadro y ajuste la tipografía también.

• Encimera

Agregue un contador con configuraciones extensas como límite y duración, diseño, prefijo y posfijo, etc.

• Pestañas

¡Muestre contenido en pestañas, agregue animaciones, íconos y mucho más!

• Acordeón

Muestre contenido de texto contraíble con una configuración de estilo ilimitada en una interfaz desplegable.

• Video emergente

Video emergente y diseñelos con iconos, envoltorio, superposición para una increíble participación de los visitantes. Aplique superposición y sombra de cuadro y agregue animación a su video emergente.

• Bóveda

Encabezados de estilo con animación, tipografía, borde y muchas otras opciones avanzadas.

• Barra de progreso

Muestre estadísticas en barras de progreso con fondo de barra, animación y más.

• Iconos sociales

Agrega perfiles de redes sociales en un solo lugar con una etiqueta, un ícono o ambos.

• Grupo de botones

Tenga varios botones en un solo lugar con opciones de diseño flexibles y diseños creativos.

• Caja de información

Coloque la información en el sitio de manera hermosa con cuadros de información que llamarán la atención del usuario. El bloque de cuadro de información viene con títulos, pretítulos, animación, separadores y muchas de las opciones personalizadas para cuadros de información con estilo en su sitio.

• Lista avanzada

Tenga listas avanzadas para mostrar con diseños listos y opciones de personalización.

• Formulario de contacto

Permita que los visitantes del sitio interactúen en formularios de contacto con campos útiles. Habilitar/deshabilitar marcadores de posición y etiquetas en un formulario de contacto. Diseñe la tipografía de la etiqueta con el tamaño de fuente deseado, la altura, el espaciado y más. Mejore sus estilos de entrada y habilite captcha.

• Lista de iconos

Coloque atractivas listas de íconos con muchos íconos y personalice su apariencia.

• Precios

Elabore una tabla de precios con diferentes planes individualmente usando múltiples diseños predefinidos. Muestre funciones, insignias y publique el texto del botón en el plan. Configure la duración del plan, la tipografía, las insignias de estilo y edite textos en tiempo real.

• Envoltura de bloque

Envuelve cualquier bloque con el fondo de tu color preferido y más con Block Wrapper.
Equipo: Incluya a cada uno de los miembros del equipo individualmente con sus detalles como nombres, designaciones e imágenes.

• Imagen

Inserta imágenes y embellece con Qubely Image Block.

• Cronología

Presente los cronogramas de varios eventos, como el lanzamiento de productos, la historia y los hitos de la empresa, las próximas actualizaciones, los logros y muchos más con el nuevo bloque de cronograma de Qubely. Muestra líneas de tiempo y hojas de ruta detalladas y dales estilo con muchas opciones de personalización.

Algunas de las mejores características de Qubely en detalles

Generador de diseño inteligente (estructura de filas y columnas)

Puede crear cualquier diseño de página web simple a complejo con estructura de filas y columnas directamente en el editor de Gutenberg. El concepto de creación de diseño de filas y columnas ampliamente utilizado por los principales creadores de páginas se encuentra dentro del editor Gutenberg, gracias a Qubely.

Múltiples combinaciones de filas y columnas

Hay múltiples combinaciones de columnas de diferentes números y tamaños. El bloque Row de Qubely le permite tomar de 1 a 6 columnas en una sola fila a la vez. Solo tienes que elegir lo que necesitas.

Columnas Ajustables

Arrastre y cambie el tamaño de las columnas simplemente. Después de elegir una fila de un cierto número de combinaciones de columnas, solo tiene que ajustar el tamaño de las columnas arrastrándolas. Haga el diseño que desee con un sistema de columnas ajustables.

Configuración avanzada de filas y columnas

Además de aplicar relleno y margen a las columnas, también puede establecer el fondo de la columna y el fondo flotante con un solo color, imagen y degradado. Proporcione el borde de la columna, aplique el radio del borde y anime cada columna individualmente. Además, vaya más allá de estas opciones de estilo de columna agregando CSS personalizado a las columnas.

Color de fondo clásico y degradado

¿Quieres tener un fondo en color degradado? No te preocupes. Tu puedes hacerlo ahora. Qubely le permite configurar un fondo de bloque con colores degradados y clásicos. Modifique la configuración de fondo y elija cualquier color. Hay una paleta de colores para elegir el color.

Control de tipografía personalizada

Puedes cuidar la tipografía de tu sitio por completo. Qubely ofrece una opción de control de tipografía personalizada con cada bloque donde puede definir la familia de fuentes, el tamaño, el peso y más fácilmente. También puede aplicar peso de fuente, transformación de fuente, establecer tamaño de fuente, espaciado entre letras, altura de línea, en px, em y porcentaje según los dispositivos en los que se mostrarán.

Controles de respuesta específicos del dispositivo

Cree diseños receptivos y contenido de página con bloques Qubely. Controle toda la capacidad de respuesta de su sitio web definiendo el punto de interrupción para múltiples tamaños de pantalla. Por lo tanto, todo lo que cree con QUbely se vuelve totalmente receptivo. Además, puede decidir si ocultar/mostrar contenido en dispositivos específicos.

Configuración global de color y tipografía

Con el kit de herramientas Qubely Gutenberg, puede configurar la paleta de colores y la tipografía globalmente. Si cambia los colores en la paleta de colores global, las secciones asignadas obtendrán el color automáticamente. Al igual que el color, también puede seleccionar la tipografía para diferentes textos como el cuerpo, el encabezado y los botones que se aplicarán globalmente en todo su sitio de WordPress.

Efectos de animación incorporados

Anime las secciones de la página aplicando efectos de animación de desvanecimiento, rebote, deslizamiento, zoom, volteo, pliegue, rotación, etc. Tenga efectos de animación en los bloques y haga que las páginas web sean más atractivas.

Primeros pasos con Qubely

Crear hermosas páginas web con Qubely es muy fácil. No tienes que salir del editor predeterminado de WordPress. Qubely ofrece sus bloques personalizados dentro del editor de Gutenberg. Al tener este complemento de bloque de WordPress instalado en su sitio, tendrá todos los bloques de Qubely en una categoría de Qubely dentro del editor de Gutenberg. Veamos todo el proceso a continuación.

● Instalar el complemento Qubely
● Configurar Qubely
● Acceder a los bloques de Qubely
● Usar bloques de Qubely
● Importar secciones/diseños

Instalación de Qubely en el sitio de WordPress

Instalar Qubely es como instalar cualquier otro complemento de WordPress. Puede instalarlo buscándolo desde su Tablero o descargándolo del directorio de WordPress y luego cargarlo. La decisión es toda tuya.

• Configurar el complemento de Qubely

No hay tantas cosas que configurar dentro de Qubely. Qubely empieza a funcionar sin tener que modificar nada en la configuración. Al instalar Qubely en su sitio, se agregarán Opciones de Qubely a su panel de control de WordPress. Al hacer clic en Opciones de Qubely, accederá a la página Configuración de Qubely, donde solo tiene que decidir dónde guardar su CSS. Seleccione Encabezado o Sistema de archivos en Método de guardado CSS y haga clic en Guardar cambios a continuación.

• Acceder a los bloques de Qubely

Hay 14 bloques personalizados dentro de Qubely en este momento. Iremos aumentando gradualmente el número de bloques en las próximas actualizaciones. Vamos a saber cómo acceder a ellos.

Una vez que haya instalado Qubely en su sitio, puede acceder fácilmente a los bloques de Qubely en el editor de Gutenberg. Haga clic en el signo más, escriba "Qubely" en la categoría de búsqueda de Qubely. También se puede acceder a los bloques escribiendo el nombre del bloque específico en la barra de búsqueda.

• Usar bloques de Qubely

Usar bloques Qubely es como usar cualquier otro bloque en el editor Gutenberg. Acceda a los bloques buscando en Qubely o el nombre del bloque y luego haga clic en el bloque para usar. El bloque seleccionado obtendrá un diseño predeterminado que se puede personalizar y diseñar con las opciones avanzadas de Qubely.

• Importar secciones/diseños

¿Quieres sentirte preparado desde el principio? Qubely ofrece muchos diseños listos para importar como bloques. También puede personalizar y aplicar opciones de estilo para mejorarlas aún más. Las secciones y diseños listos vienen en diferentes categorías para facilitar la navegación a través de ellos.

Envolviendolo

Qubely está mejorando con más funcionalidades, diseños listos y nuevos bloques con cada actualización. Por lo tanto, existe la posibilidad de que Qubely lo inspire a usar Gutenberg y lo capacite con muchas opciones para publicar las cosas que desea compartir con el mundo con estilo.

¿Entonces, Qué esperas? Obtenga Qubely hoy y comience a crear sitios web increíbles.