Refuerzos de elementos para Gutenberg
Aquí es donde entra en juego Qubely: un kit de herramientas de bloques de Visual Gutenberg 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 una gran cantidad de bloques personalizados de Gutenberg, secciones integradas, diseños de página listos y un mundo de opciones de estilo, Qubely no es simplemente un plugin de bloques de Gutenberg sino un kit 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ías un plugin de bloque Gutenberg?
Buena pregunta. Si el editor de Gutenberg puede ayudarnos a crear páginas web fácilmente, ¿por qué necesitaría un plugin de terceros? La respuesta es que mientras Gutenberg facilita sus esfuerzos y le permite crear páginas web de manera inteligente, tiene algunas limitaciones y los bloques predeterminados pueden no cubrir el tipo de contenido que desea publicar.
Mientras proporciona bloques esenciales, un plugin de bloque de Gutenberg como Qubely ofrece más opciones para hacer las cosas que necesita hacer en su sitio web de WordPress. Por lo tanto, si desea llevar su editor Gutenberg a un nuevo nivel, solo necesita un plugin que amplíe su funcionalidad y ofrezca bloques personalizados.
Qubely extiende 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, obtienes muchas secciones y diseños listos para usar, lo que significa que ni siquiera tienes que diseñar cosas desde cero. Los bloques Gutenberg personalizados de Qubely le permiten crear páginas web impresionantes y optimizadas para dispositivos móviles.
¿Qué plugin Qubely Gutenberg Block tiene para usted?
Si está convencido y desea instalar un plugin de bloque Gutenberg en su sitio de WordPress, nuestra recomendación, y no se sorprenda, es Qubely. Profundicemos en el kit de herramientas Qubely Gutenberg para ver qué contiene para usted.
Qubely, para empezar, ofrece muchos paquetes de diseño de página y puede importar diseños de página y personalizar su aspecto. El paquete de diseño de página viene en diferentes categorías para que pueda navegar por ellas fácilmente y elegir la que necesita. Cada paquete consta de todas las páginas necesarias según el tipo.
Secciones integradas
Hay una rica biblioteca de secciones predefinidas en Qubely para ayudarlo a construir un sitio web rápidamente. Estas secciones listas se pueden importar y usar como bloques en el editor Gutenberg y no es necesario crear secciones desde cero. Existen diferentes categorías de secciones predefinidas para que pueda navegar por ellas fácilmente y encontrar la que necesita.
Aquí es donde Qubely se vuelve mucho más interesante. Existen numerosos bloques personalizados de Gutenberg en Qubely para crear cualquier diseño que pueda imaginar. Al instalar el plugin 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.
Estos son los bloques disponibles dentro de Qubely:
Fila: cree diseños de fila y columna totalmente personalizables con una funcionalidad sorprendente. 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 los botones. Botón de estilo con las opciones disponibles en el bloque de botones.
Testimonio: muestra creativamente testimonios con nombres, avatares, íconos y más. Elija un diseño testimonial de las opciones dadas. Decida si desea mostrar el icono de cita, mensaje, nombre, designación, avatar y calificaciones.
Ícono: coloque íconos en cualquier lugar con íconos de Font Awesome y déle estilo a su manera. Mostrar iconos con o sin fondo y borde. Diseñe los iconos definiendo el tamaño del icono, la alineación, el enlace, el color de fondo y la sombra.
Google Map: incrusta Google Maps y personaliza la altura del mapa, el zoom del mapa y otras opciones.
Divisor: hermosos divisores prediseñados con configuraciones de estilo y alinear los divisores de manera flexible.
Texto avanzado: agrega y diseña textos. Aplique bordes, sombreado de cuadros y ajuste la tipografía también.
Contador: agregue un contador con configuraciones extensas como límite y duración, diseño, prefijo y postfix, etc.
Pestañas: ¡ muestra contenido en pestañas, agrega animaciones, íconos y mucho más!
Acordeón: muestra contenido de texto plegable con una configuración de estilo ilimitada en una interfaz desplegable.
Ventana emergente de video : ventana emergente de video y estilo 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 ventana emergente de video.
Encabezado: encabezados de estilo con animación, tipografía, borde y muchas otras opciones avanzadas.
Barra de progreso: muestra estadísticas en barras de progreso con fondo de barra, animación y más.
Iconos sociales: agregue perfiles de redes sociales en un lugar con una etiqueta, icono o ambos.
Grupo de botones: tenga varios botones en un solo lugar con opciones de diseño flexibles y diseños creativos.
Cuadro de información: coloque información en el sitio maravillosamente con cuadros de información que seguramente atraerán la atención del usuario. El bloque de cuadro de información viene con títulos, títulos previos, animación, separadores y muchas de las opciones personalizadas para cuadros de información elegantes 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. Mejora tus estilos de entrada y habilita captcha.
Lista de iconos: coloque listas de iconos atractivas con muchos iconos y personalice su apariencia.
Precios: cree una tabla de precios con diferentes planes de forma individual utilizando múltiples diseños predefinidos. Mostrar características, insignias y texto de botón de publicación en el plan. Configure la duración del plan, la tipografía, las insignias de estilo y edite textos en tiempo real.
Block Wrapper: envuelve cualquier bloque con el fondo de tu color preferido y más con Block Wrapper.
Equipo: reclute a cada uno de los miembros del equipo individualmente con sus detalles, como nombres, designaciones e imágenes.
Imagen: inserte imágenes y embellezca con Qubely Image Block.
Línea de tiempo: Presente las líneas de tiempo de varios eventos como el lanzamiento del producto, la historia de la compañía y los hitos, las próximas actualizaciones, los logros y muchos más con el nuevo bloque de línea de tiempo de Qubely. Muestre cronogramas detallados y hojas de ruta y diseñe con muchas opciones de personalización.
Puede crear cualquier diseño de página web simple o complejo con estructura de fila-columna directamente en el editor Gutenberg. El concepto de construcción de diseño de fila-columna ampliamente utilizado por los principales creadores de páginas está dentro del editor Gutenberg, gracias a Qubely.
Múltiples combinaciones de fila y columna
Existen múltiples combinaciones de columnas de diferentes números y tamaños. El bloque Fila de Qubely le permite llevar 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 su diseño deseado con un sistema de columna ajustable.
Configuración avanzada de fila-columna
Además de aplicar relleno y margen a las columnas, también puede establecer el fondo de la columna y el fondo de desplazamiento con un solo color, imagen y degradado. Dé 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 degradado y colores clásicos. Ajuste la configuración de fondo y elija cualquier color. Hay una paleta de colores para elegir el color.
Control de tipografía personalizada
Puede ocuparse completamente de la tipografía de su sitio. Qubely ofrece una opción de control de tipografía personalizada con cada bloque donde puede definir la familia de fuentes, tamaño, peso y más fácilmente. También puede aplicar el peso de la fuente, la transformación de la fuente, establecer el tamaño de la fuente, el espaciado entre letras, la altura de la línea, en px, em y el porcentaje según los dispositivos en los que se mostrarán.
Controles receptivos 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 a nivel mundial. 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, plegado, rotación, etc. Tenga efectos de animación en los bloques y haga que las páginas web sean más atractivas.
Comenzando con Qubely
Crear páginas web hermosas con Qubely es muy fácil. No tienes que alejarte del editor predeterminado de WordPress. Qubely ofrece sus bloques personalizados dentro del editor Gutenberg. Al tener este plugin de bloque de WordPress instalado en su sitio, tendrá todos los bloques Qubely en una categoría de Qubely dentro del editor Gutenberg. Veamos todo el proceso a continuación.
● Instalar el plugin Qubely
● Configurar Qubely
● Acceder a los bloques Qubely
● Usar bloques Qubely
● Importar secciones / diseños
Instale Qubely en su sitio de WordPress
Instalar Qubely es como instalar cualquier otro plugin de WordPress. Puede instalarlo buscando desde su Panel de control o descargándolo del directorio de WordPress y luego cargándolo. La decisión es toda tuya.
Configurar el plugin Qubely
No hay tantas cosas para configurar dentro de Qubely. Qubely comienza a trabajar sin tener que modificar nada en la configuración. Al instalar Qubely en su sitio, se agregarán A Qubely Options a su panel de control de WordPress. Al hacer clic en Opciones de Qubely, accederá a la página de Configuración de Qubely, donde solo tendrá que decidir dónde guardar su CSS. Seleccione Encabezado o Sistema de archivos en Método de guardar CSS y haga clic en Guardar cambios a continuación.
Acceda a bloques Qubely
Hay 14 bloques personalizados dentro de Qubely en este momento. Aumentaremos 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 Qubely en el editor 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 específico del bloque en la barra de búsqueda.
Use bloques Qubely
Usar bloques Qubely es como usar cualquier otro bloque en el editor Gutenberg. Acceda a los bloques buscando 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 listo desde el principio? Qubely ofrece muchos diseños listos para importar como bloques. También puede personalizar y aplicar opciones de estilo para que sean aún mejores. Las secciones y diseños listos vienen en diferentes categorías para facilitar la navegación a través de ellos.
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 le brinde muchas opciones para publicar las cosas que desea compartir con el mundo con estilo.
¿Entonces, Qué esperas? Obtenga Qubely hoy y comience a construir sitios web increíbles.