Conozca los nuevos bloques GetWid para Gutenberg: ¡Formulario de contacto, Slider Post y muchos más!

contenido
CONTACTO FORMUT GUTENBERG BLOCK
Bloques de Getwid relacionados con Gutenberg
El bloque post carrusel
Bloqueando el poste del cursor
Post de tipo de bloque personalizado
Lista de precios del bloque de Gutenberg
La última palabra
Debido a que recientemente agregamos cinco nuevos bloques de Getenberg, ciertamente podemos decir que los bloques de WordPress de GetWid de MotoPress ofrecen una de las colecciones más grandes de bloques libres allí. En esta presentación general, lo mimamos con bloques aún más útiles y poderosos para Gutenberg, lo que le permitirá:
Cree publicaciones adaptadas para dispositivos móviles y diapositivas personalizadas de tipo posterior, obtenidas automáticamente de los datos de su sitio.
Cree modelos personalizados para tipos de publicaciones personalizadas.
Implemente un formulario de contacto simple de WordPress.
Crea un menú de restaurante.
Echaremos un vistazo más de cerca a las capacidades de cada nuevo bloque. Así que aquí va. Leer también: ¿Cómo funcionan veinte diecinueve temas con GetWid? Forma de contacto del bloque de Gutenberg Este bloque GetWid trae una funcionalidad simple del editor de Gutenberg. Debido a que viene solo con los campos de forma más esenciales, puede usarlo para preguntas simples en el sitio web (por ahora, no ofrece funcionalidades complejas). Elementos disponibles en el formulario de contacto:
Nombre
Correo electrónico
Mensaje
Texto
Recaptcha (Captcha de Google).
El nombre, el correo electrónico y el mensaje se pueden marcar según sea necesario. Recomendamos que establezca los campos de acuerdo con los requisitos predeterminados para una mejor protección.
Para incorporar una recaptcha funcional (para proteger su formulario de contacto de spam), debe registrarse para obtener un par de claves API, obtener las teclas y luego incorporarlas a través de WordPress> Configuración> Write> GetWid: Para agregar elementos de formulario disponibles en el formulario , busque y haga clic en el icono “+” a la derecha.

Por supuesto, puede establecer el orden necesario para los campos de formulario moviéndolos dentro del bloque.

Las etiquetas de campo se pueden editar en línea (incluso en el generador visual).

Configuración del formulario de contacto:

Designe temas de correo electrónico para su correo electrónico recibido.
Cambie los colores de los botones (elegir los colores predeterminados dependerá de su tema).
Todos los correos electrónicos enviados llegarán a la dirección de correo electrónico del administrador de su sitio, establecido por Configuración> General.

Si desea crear un fondo elegante para el formulario de contacto o colocarlo con otros bloques, primero use la sección GetWid y el bloque de columna desde Gutenberg para insertar diferentes elementos de contenido. Por ejemplo, el formulario con el bloque de imágenes:

Y el formulario con el bloque de mapas de Google:

Bloques de GetWid relacionados con Gutenberg también, hemos hecho un gran progreso en el campo del estilo y las posibilidades de diseño de publicaciones relacionadas con publicaciones y tipos de publicaciones personalizadas.

Entonces, si ya tiene muchas publicaciones de blog u otros tipos de publicaciones personalizadas específicas (p. Ej. ! Hay tres nuevos bloques dedicados dedicados de ancianos dedicados para Gutenberg, que difieren por pequeñas características: el bloque Post Carousel
Bloqueando el poste del cursor
Post de tipo de bloque personalizado
Verifiquemos cada uno de ellos y destacemos las principales diferencias. Bloque de corousel El objetivo principal de este bloque es ayudarlo a presentar publicaciones o tipos de publicaciones personalizadas en un control deslizante de carrusel funcional (también puede llamar a una presentación de diapositivas o una galería).
Tal cursor es una gran cosa para mantener a los visitantes o compradores para ver artículos/productos sin salir de la página actual. También ayuda a las personas a comparar las cosas y previsualizar rápidamente cualquier información. Configuración de bloqueo:
Elija el tipo de contenido para mostrar.
Además de las publicaciones y páginas habituales de WordPress, los tipos de publicaciones personalizadas que ve en el menú “Configuración de contenido” se basan en complementos activados, a saber, se toman automáticamente de su sitio en mi caso. Estos son tipos de alojamiento y servicios. Lo más probable es que su lista sea completamente diferente.
Muestra dinámicamente las “imágenes presentadas” de publicaciones de carrusel. No puede editar el contenido del control deslizante de carrusel directamente en el editor de Gutenberg; Debe ir a la publicación exacta y aplicar los cambios allí.
Designe el número de elementos para mostrar.

Este es el número total de artículos que se insertarán en el carrusel. Obviamente, no puede establecer más elementos de los que tiene en el tablero. Personate el aspecto del control deslizante de carrusel a través del menú de conjunto de visualización.
Usando una plantilla predeterminada, puede establecer un número diferente de diapositivas para mostrar en función de un dispositivo, puede activar la presentación de diapositivas, puede establecer la distancia entre diapositivas, etc.
Cambie la configuración de control de navegación.

Designe el lugar donde se deben ubicar las flechas y puntos en la diapositiva o deshabilitarlas por completo.
Opciones de clasificación y filtro.

Gracias a este menú, puede decidir qué publicaciones/imágenes/productos se deben mostrar exactamente (en principio, excluir las que no son necesarias). Puede filtrar las diapositivas después de IDS, taxonomías o términos de términos. Por cierto, ¿qué significa “relaciones en términos”? En palabras simples, si elige mostrar productos de varias taxonomías específicas (por ejemplo, beige, etiqueta manual), también debe especificar si cada producto tiene que coincidir con ambas etiquetas (“El artículo debe tener todos los términos seleccionados”) o tener al menos uno de ellos (“El artículo debe tener al menos uno de los términos seleccionados”).
Debido a esta flexibilidad, puede crear una categoría o etiqueta de diapositivas literalmente en unos minutos.

Crea tus propias plantillas.
Una característica verdaderamente única de esta configuración (también se aplica a otros nuevos trabajos) es que puede crear un aspecto de carrusel personalizado utilizando plantillas prefabricadas. Solo tiene que hacer clic en “Nuevo” en la configuración de “plantilla de publicación” para ver los aspectos disponibles.

Para ilustrar con un ejemplo, para la diapositiva de carrusel posterior a la poste, elegí una “imagen en el fondo”. Para cada uno de los modelos, existen numerosas configuraciones de espaciado, alineación y primer plano. Por ejemplo, puede cambiar la opacidad (para hacer las imágenes con la diapositiva de carrusel más o menos transparente), puede cambiar el relleno de diferentes dispositivos, etc. .
Por defecto, en la plantilla hay componentes para publicar y extraer, pero puede elegir y agregar más. Hay un menú dedicado “GetWid Post Blocks”, donde puede seleccionar entre los bloques GetWid para Gutenberg como botones, categorías, autor, etc.
Después de aplicar los cambios necesarios, publique la plantilla, luego regrese a la página de publicación de carrusel original. Debido a la funcionalidad React, los nuevos datos de plantilla se toman automáticamente, por lo que solo tiene que hacer clic en “Actualizar” para ver la nueva plantilla creada en la lista.

Puede ser necesario personalizar la apariencia del carrusel después de aplicar la nueva plantilla. Por ejemplo, en mi plantilla de “imagen de fondo”, agregué un botón, leí más, cambié la transparencia de imagen predeterminada, minimicé el número de diapositivas en dos en una fila, activé la presentación automática y coloqué las flechas dentro. el carrusel. Así que tenemos un aspecto completamente diferente:


Cámbielo a una diapositiva de imagen única y establezca un aspecto de pantalla completa y obtendrá una característica bastante tradicional:

Para una tienda de WooCommerce, elegimos las dos columnas, de modo que la imagen y la descripción se colocan una al lado de la otra.

Entonces, resumamos donde puede usar diferentes tipos de carruseles:

El contenido de las publicaciones de blog (promueve de manera más eficiente). En la sección de héroes de su página inicial.

Promover los productos.

¡Y otra!

Bloqueando el cursor en esencia, los bloques con configuraciones bastante similares al bloque anterior, pero la principal diferencia es que no puede administrar una apariencia de carrusel estándar y viene con configuraciones más únicas. También se puede usar con cualquier página, publicación o tipo de publicación personalizada, ¡en su elección, su generador de diseño personalizado también está disponible! Aquí hay un aspecto implícito (elegimos los tipos de publicaciones “tipos de alojamiento”, que muestra de antemano las cámaras agregadas a través del complemento de reserva de hotel MotoPress).
Debido a que también revisamos todas las configuraciones del bloque de carrusel similar en detalle, ahora centrémonos solo en las diferencias, a saber, la configuración predeterminada adicional de este bloque:
Puede designar la altura de su diapositiva (compare: con el bloque Post Carousel, debe crear una nueva plantilla personalizada para establecer la altura personalizada).
Seleccione los efectos de la animación de diapositivas o desenfoque.
El resto de la configuración es la misma. Recuerde que puede cambiar y el ancho del cursor entre el ancho completo y el ancho ancho.
Usando plantillas personalizadas, es libre de construir modelos absolutamente diferentes de su diapositiva: agregue elementos de contenido, cambie el tamaño y el color de la fuente, personalice la longitud del fragmento, etc. P.ej:

Post de tipo de bloque personalizado Como su nombre indica, el bloque está hecho para embellecer la apariencia de publicaciones personalizadas, así como otras publicaciones predeterminadas. La principal diferencia de los dos bloques anteriores es la siguiente:
Puede usar una lista o un aspecto de cuadrícula para su contenido, por ejemplo, esta es la vista de la lista: … y la vista de cuadrícula en el cuadro:
También tomemos el tipo de “tipos de alojamiento” de publicación personalizada; El resultado es casi el mismo:
Tenga en cuenta que puede cambiar el aspecto a través del panel de bloque o mediante la configuración de establecimiento de los bloques correctos.

No funciona como una diapositiva.

Sin embargo, el bloque sigue siendo flexible en términos de plantillas personalizadas, por lo que puede tener las mismas herramientas para crear contenido y apariencia y sensación preferidas. Algunas configuraciones adicionales también incluyen:
Actualizar la distancia entre publicaciones.

Aplicar opciones de filtración y clasificación flexibles.

Puede activar/deshabilitar la paginación.

También hay algo importante que se aplica a todos los bloques de GetWid relacionados con la publicación: una vez que crea una nueva plantilla personalizada, aparece en la lista de todas las plantillas, independientemente del bloque que edite. Esto significa, prácticamente, que cada plantilla tiene configuraciones globales en el sitio, aquellas que afectan todos los bloques que se realizan con esa plantilla personalizada. Por esta razón, le recomendamos que cree diferentes plantillas con estilos personalizados para diferentes bloques, para asegurarse de que siempre edite el bloque actual. Lista de precios del bloque de Gutenberg Aunque el objetivo principal de este bloque es permitirle crear hermosos menús o restaurantes con precios e imágenes con alimentos, también puede usarlo para construir el contenido u otras listas de datos estructuradas. Los elementos principales de este bloque son el título y la descripción, el precio y la línea punteada.

Aquí están la configuración principal de la lista de precios de Bloque Gutenberg: tamaño y color personalizable del título.
Mostrar/ocultar una línea punteada.
Usa imágenes.
Cambie/elimine el signo de la moneda.
Puede tener un aspecto simplificado con o sin una línea punteada e imágenes:
O puede agregar una imagen a cada elemento de menú:

También puede jugar con el Menú Look Usando columnas de Gutenberg:
O use el bloque de sección para crear un fondo personalizado:
¡También pensamos en agregar más estilos de imagen y opciones de personalización a este bloque! ¡Última palabra en general, puede hacer casi cualquier cosa con bloques de Getwid para Gutenberg! Por supuesto, siempre es un lugar de mejora, ¡pero estamos satisfechos con el resultado actual! En particular, los bloqueos de Getenberg, enfocados más tarde, abieren oportunidades ilimitadas para construir un escaparate profundamente personalizado para su contenido preexistente. También vamos en la dirección de hacer de GetWid un paquete todo en uno, para permitirle eliminar la necesidad de instalar complementos adicionales de WordPress. ¿Entonces considera que estos nuevos bloques son útiles para su sitio? ¿Quieres sugerir una mejora? Estamos ansiosos por escuchar nuevas ideas. Comience a construir con GetWid: descargue los bloques de GetWid gratuitos Descargar GetWid Starter Theme