Los botones pueden parecer poca cosa, pero pueden hacer mucho trabajo en su sitio web. Los botones son una de las formas más sencillas de guiar a los visitantes hacia la acción que quieres que realicen.
Desde dirigir a los usuarios a la página del producto hasta incitarles a leer más o a registrarse, un botón atractivo puede marcar la diferencia. La buena noticia es que no necesitas conocimientos de programación para diseñarlos.
WordPress tiene opciones integradas y, con un poco de ayuda de un plugin de bloque, puedes controlar aún más el aspecto de tus botones.
En este post, te guiaré a través de tres métodos sencillos para crear botones con estilo en WordPress.
Empezaremos con el editor por defecto, pasaremos a un plugin que ofrece más flexibilidad y terminaremos con un método extra para añadir botones dentro de tablas. Empecemos.
Cree bonitas mesas
Con el editor de bloques
Método 1: Utilizar el bloque de botones por defecto
WordPress tiene un bloque de botones incorporado que funciona bien en la mayoría de los casos. Lo encontrarás dentro del editor de bloques cuando hagas clic en el pequeño icono (+) y busques "Botones".
Cuando se inserte el bloque de botones, le indicará que añada texto dentro del botón.
Una vez insertado el bloque, puede añadir uno o varios botones uno al lado del otro. Cada botón se puede personalizar directamente desde la barra lateral derecha. Encontrarás opciones para:
- Ancho del botón (completo o automático)
- Texto y color de fondo
- Acolchado y alineación
- Radio del borde (para esquinas redondeadas)
Es un buen punto de partida, sobre todo si te ciñes a un diseño minimalista.⚠️Pero si necesita más opciones de estilo, como efectos hover, degradados o espaciado responsivo, llegará rápidamente a un límite.
🛠️ Consejo profesional: ¿Quieres un botón perfectamente redondeado? Ajuste el radio del borde a 100 para un botón tipo pastilla.
✅Método 2: Utilizar el bloque de botones de Ultimate Blocks
Si quieres más control sin escribir CSS, Bloques definitivos es un fantástico plugin Gutenberg para probar. Añade un mejorado Bloque de botones que se ha creado pensando en la personalización.
Instalar Ultimate Blocks es una tarea fácil.
-
Vaya a Plugins
-
Haga clic en Añadir Plugins
-
Buscar "Tableberg"
-
Haga clic en Instaleentonces Activar
En instalación y activación de Ultimate Blocks, añada el bloque "Botones (Ultimate Blocks)".
Para insertar los Botones de los Bloques Ultimate, haga clic en el pequeño icono (+) y busque "Botón (Mejorado)".
Notará inmediatamente la diferencia cuando añada el botón Ultimate Blocks. Esto es lo que puede modificar en la configuración de bloques:
-
Justificación y orientación de los botones
-
Tamaño del botón
-
Ancho del botón