2 complementos de Pagebuilder diseñados para diseños de Gutenberg - Calendae | Informática, Electrónica, CMS, Ciberseguridad

2 complementos de Pagebuilder diseñados para diseños de Gutenberg

Hola, ¿qué tal colega?. Te escribe Samuel López y esta vez te voy a hablar sobre 2 plugins de Pagebuilder diseñados para diseños de Gutenberg

El nuevo editor de WordPress Gutenberg ofrece una nueva flexibilidad y oportunidades para la creatividad, pero ahora hay plugins disponibles para mejorar aún más su rendimiento.

La única área en la que Gutenberg puede resultar frustrante es bloquear columnas. Los ajustes son limitados y puede resultar difícil conseguir los correctos. Ahora hay algunos plugins que brindan la funcionalidad que faltaba, como:

  • Anchos de columna variables
  • Configuración de relleno y margen
  • Estilo para columnas individuales.

Plugin n. 1. Gutenberg avanzado

El plugin avanzado de Gutenberg facilita la organización de las páginas en cualquier formato de cuadrícula y luego agrega bloques de Gutenberg dentro de ese diseño. La cuadrícula permite el anidamiento de filas y responde completamente.

  • Para instalar vaya a Enchufar, Agregar nuevo y busque «Advanced Gutenberg». Instalar y activar.

Ahora, cuando agregue un nuevo bloque a una página o publicación, encontrará que tiene una nueva pestaña llamada «Gutenberg avanzado». Es fácil detectar los nuevos bloques avanzados de Gutenberg. Todos los bloques nuevos se muestran en violeta.

  • Para seleccionar Administrador de columnas block y puede elegir entre una variedad de diseños de columnas, algunas estructuras anidadas bastante simples y otras más complicadas.

opciones de columna

Una vez que haya elegido un diseño, puede ingresar texto o seleccionar diferentes tipos de bloques para llenar el espacio en ese diseño.

También tiene una variedad de configuraciones en la columna de la derecha para ayudarlo a crear exactamente la apariencia que desea. Estos le permiten aumentar el relleno, agregar un color de fondo o una sola clase CSS.

2 plugins de Pagebuilder diseñados para diseños de Gutenberg

los antecedentes La pestaña le permite usar una imagen como fondo o seleccionar un color liso o degradado de su elección. También puede decidir la opacidad del color de fondo o darle a la imagen de fondo un efecto de paralaje.

los Gutenberg avanzado incluye una biblioteca en constante expansión de bloques que se pueden usar solos o como parte de la cuadrícula de diseño, incluido un control deslizante, íconos sociales y una imagen de portada con un botón. Todos son muy útiles.


Plugin n. 2. Bloques Kadence

Un conjunto de herramientas alternativo para crear páginas es Bloques Kadence. Este plugin le brinda control de columnas para diferentes tamaños de pantalla, así como herramientas de edición como relleno, fondos y superposiciones con degradados.

  • Para instalar vaya a Enchufar, Agregar nuevo y buscar «Bloques de Kadence – Kit de herramientas de creación de páginas de Gutenberg‘. Instalar y activar.

Ahora tendrá un nuevo elemento a continuación ajustes sobre el Tablero de instrumentos barra lateral izquierda, llamar Kadence. Todos los bloques están activos por defecto, pero aquí puedes desactivar los que no quieras y cambiar la configuración de cada uno. También puedes consultar el ancho máximo de tu modelo aquí. Puede dejar estas configuraciones como están, para empezar, pero pueden proporcionar controles adicionales al ajustar el diseño.

2 complementos de Pagebuilder diseñados para diseños de Gutenberg - Calendae | Informática, Electrónica, CMS, Ciberseguridad

Cuando comienzas a agregar bloques a una nueva página o página, Kadence no tiene su propia pestaña, pero todos los nuevos tipos de bloques son azules y se pueden encontrar debajo de Bloques comunes es Elementos de diseño tarjetas.

2 complementos de Pagebuilder diseñados para diseños de Gutenberg - Calendae | Informática, Electrónica, CMS, Ciberseguridad

Selecciona el Diseño de línea y verá una variedad de diseños de columnas y un botón de biblioteca prediseñado.

2 complementos de Pagebuilder diseñados para diseños de Gutenberg - Calendae | Informática, Electrónica, CMS, Ciberseguridad

Una vez que seleccione uno de los diseños, desde la configuración de la derecha tiene mucho control adicional sobre cómo cambiar el diseño para sus necesidades particulares.

2 complementos de Pagebuilder diseñados para diseños de Gutenberg - Calendae | Informática, Electrónica, CMS, Ciberseguridad

La pestaña de arriba llamada «Diseño de línea‘le permite decidir cómo se ve el diseño en computadoras de escritorio, tabletas y dispositivos móviles, además de permitirle decidir el orden en que las columnas deben colapsarse en el dispositivo móvil si decide apilarlas una encima de la otra.

2 complementos de Pagebuilder diseñados para diseños de Gutenberg - Calendae | Informática, Electrónica, CMS, Ciberseguridad

Otras pestañas le permiten controlar:

  • Acolchado y márgenes
  • Colores e imágenes de fondo
  • Divisores
  • Color de texto
  • Alto y ancho de los contenedores.

La biblioteca prediseñada ahorra mucho tiempo, ya que proporciona una selección de diseños listos para usar que se pueden usar para una variedad de usos, como:

  • Encabezados
  • Llamada a la acción
  • Caracteristicas
  • Lengüeta.

2 complementos de Pagebuilder diseñados para diseños de Gutenberg - Calendae | Informática, Electrónica, CMS, Ciberseguridad

Seleccione el diseño que desee y actualícelo con su contenido. Nuevamente, hay algunas opciones de control en la barra lateral derecha para ayudarlo a obtener exactamente el efecto que desea.

Kadance también proporciona una práctica biblioteca de iconos. Seleccione el bloque de iconos y podrá elegir entre una biblioteca útil de iconos listos para usar.

2 complementos de Pagebuilder diseñados para diseños de Gutenberg - Calendae | Informática, Electrónica, CMS, Ciberseguridad

Puede cambiar fácilmente el color, el tamaño y el ancho de la línea del icono antes de agregar un enlace al icono.

2 complementos de Pagebuilder diseñados para diseños de Gutenberg - Calendae | Informática, Electrónica, CMS, Ciberseguridad



No te olvides compartir en en tu Twitter y Facebook para que tus amigos lo sepan

👇👇👇 😘 💪 👇👇👇

Comparte