Botones
Botón principal se utiliza para la CTA principal en una página. Para implementarlo, busque "botón" en los bloques de Gutenberg y seleccione Botón (no Botones, que es un bloque diferente).
El botón secundario es más pequeño que el principal. Se utiliza cuando se desea un CTA más silencioso (por ejemplo, suscripción al boletín en el pie de página). Impleméntalo añadiendo el bloque Button Gutenberg como se ha descrito anteriormente y añadiendo "btn-secondary" al campo Additional CSS classes.
El botón Alt parece un enlace de texto con un elemento de flecha :after. Se utiliza cuando se desea un CTA más silencioso. Impleméntalo añadiendo el bloque Button Gutenberg como se ha descrito anteriormente y añadiendo "btn-alt" al campo Additional CSS classes.
Desplegables
Los desplegables serán implementados casi exclusivamente por el equipo de desarrollo.
Se pueden utilizar de forma independiente o como parte de una estructura de navegación interna más amplia (nosotros utilizamos el botón .wp-block-buttons
que también centrará el botón). Ejemplo en directo.
Entrada simple + botón (formulario en línea)
Será implementado exclusivamente por el equipo de desarrollo. Puede formar parte de un .wp-block-buttons
bloque para centrar y tener un estilo adicional. Ejemplo en directo.
Cajas de información - 3 Variedades
Estándar
Todos los cuadros de información flotan a la derecha. Impleméntalo seleccionando "Cuadro de información" en los bloques de Gutenberg.
Con imagen
Dirección de envío WBC
BA - WBC 2020 587 S. Taylor Avenue
Louisville, CO 80027
Añadir "with-image" al campo Clases CSS adicionales
Con texto más pequeño
Cuando tienes mucho contenido para meter en un cuadro de información, puede que quieras que el texto tenga un tamaño de fuente más pequeño. Implementa esta variedad añadiendo "with-smaller-text" al campo Clases CSS adicionales.
Acordeón
Impleméntelo seleccionando Acordeón en los Bloques Gutenberg.