En este documento, le mostraremos cómo hacer botones super cool para su sitio web utilizando "Botón Presets" y cómo el estilo de su botón según sus necesidades.
Tanto si acabas de empezar a trabajar con Astra como si ya eres un experto, te ofrecemos unos sencillos pasos que te ayudarán a diseñar botones que realmente destaquen gracias a los preajustes de botones.
Empecemos.
¿Qué son las preconfiguraciones de botones?
Las preconfiguraciones de botones son estilos de botones prediseñados que vienen con Astra.
Piense en los preajustes de botones como diseños de botones listos para usar que hacen que sus botones tengan un aspecto impresionante. Puede utilizar estos preajustes en su diseño con un solo clic.
Ahora hay dos tipos de preconfiguraciones de botones disponibles:
- Botones sólidos: Los colores se han rellenado, haciéndolos parecer sólidos.
- Botones transparentes: Los botones tienen bordes que definen su forma.
Ahora, cada uno de estos botones tiene tres opciones entre las que puedes elegir.
- Esquina de caja afilada: Está el de caja con esquinas afiladas, el tipo de aspecto cuadrado.
- Esquina semiredonda: Luego está la esquina semirredondeada, en la que las esquinas son un poco más suaves, pero no del todo.
- Esquina redondeada: Y, por último, las esquinas totalmente redondeadas, que, como su nombre indica, son bonitas y curvas.
Este es su aspecto:
Estos preajustes de botones ya tienen un aspecto estupendo, pero si necesita realizar cambios en los diseños de los botones antes de utilizarlos, puede personalizarlos muy fácilmente.
Cómo utilizar las preconfiguraciones de botones
Con estos estilos, no necesitas ser un experto en diseño para que tus botones tengan un aspecto estupendo. Todo lo que tienes que hacer es elegir el estilo que mejor se adapte al estilo de tu sitio web y el diseño de todos los botones de tu sitio web cambiará en consecuencia.
Para cambiar los preajustes de los botones, siga los pasos que se indican a continuación:
- Vaya a Apariencia > Personalizar en el panel de control de WordPress.
- En la configuración del Personalizador, haga clic en Global.
- En ajustes globales, seleccione Botones.
- Verá los botones predefinidos en la parte superior de la página.
- Haga clic en el botón preestablecido que desea cambiar y todos los botones de su sitio web se modificarán en consecuencia.
Cómo personalizar los botones
Puede personalizar aún más los botones utilizando las opciones disponibles en el menú de botones del personalizador.
Estas son las opciones que tienes:
- Color: Puede cambiar el color del texto del botón, el color de fondo y el color del borde para las condiciones normal y hover utilizando esta opción.
- Fuente: La opción de fuente le permite cambiar la familia de fuentes, el peso de la fuente, el tamaño de la fuente, las mayúsculas y también las decoraciones de la fuente. Basta con hacer clic en el icono del lápiz situado junto a la opción de fuente para abrir el menú de fuentes.
- Acolchado: Esta opción le permite añadir un espacio entre el contenido dentro del botón y los bordes del botón.
- Ancho del borde: Esta opción permite ajustar el grosor de la línea que forma el borde exterior del botón.
- Radio del borde: Esta opción permite controlar la suavidad de las esquinas de los botones para redondearlas y hacerlas menos afiladas.
¿Cuándo se aplican los cambios?
Tienes libertad para modificar los colores hasta que estés satisfecho con el resultado.
Para asegurarse de que todos estos cambios permanezcan en su sitio web para siempre, haga clic en el botón "Publicar" situado en la parte superior del personalizador.
En conclusión, Button Presets en Astra le proporciona toda una gama de opciones para hacer que sus botones tengan un aspecto impresionante.
Tanto si le gustan los colores lisos como los contornos, y si prefiere las esquinas afiladas, los bordes ligeramente redondeados o las curvas totalmente redondeadas, hay un estilo para cada persona.
