---
title: "Botones para tu WordPress con el plugin Standout CSS3 Buttons"
description: "Valencia, 09/04/2014, G.B.Hace algunos días un amiguete me pidió que le indicara algún plugin de WordPress para crear botones de forma sencilla y que fueran 'aparentes'. Yo he utilizado un par de..."
url: https://indaga.net/botones-para-tu-wordpress-con-el-plugin-standout-css3-buttons/
date: 2014-04-10
modified: 2022-03-09
author: "Directorio Indaga"
categories: ["CSS", "Recursos y Utilidades"]
type: post
lang: es
---

# Botones para tu WordPress con el plugin Standout CSS3 Buttons

[![Standout CSS3 Buttons](http://know-how.com.es/wp-content/uploads/2014/04/Standout-CSS3-Buttons-home-300x196.png)](http://know-how.com.es/botones-para-tu-wordpress-con-el-plugin-standout-css3-buttons/standout-css3-buttons-home/)Valencia, 09/04/2014, G.B.
Hace algunos días un amiguete me pidió que le indicara algún** plugin de WordPress** para **crear botones** de forma sencilla y que fueran 'aparentes'. Yo he utilizado un par de plugins de **botones para WordPress**, pero no me acordaba en ese momento de cómo se llamaban, así que realicé una **búsqueda de plugins desde el Escritorio de WordPress** y encontré en primer lugar este: [**Standout CSS3 Buttons**](http://wordpress.org/plugins/standout-css3-buttons/). Lo instalé, lo probé y realmente me convenció del todo; a mi amigo también.

Una vez instalado y activado, podréis acceder a la configuración del plugin a través de Ajustes ->Standout CSS3 Buttons. En la página de configuración podréis elegir entre varias opciones y apariencias.  Pero a la hora de utilizarlo, tendrás que escribir un ***shortcode*** en la página o entrada en la que quieras que aparezca el botón. Dentro del ***shortcode*** tienes parámetros sencillos como la URL o dirección web a donde quieres que envíe el botón al ser pulsado, la etiqueta o label del botón, etc. Eso sí, no es del todo sencillo ver dónde está el shortcode para copiar y pegarlo, personalizándolo con tus parámetros, así que os dejo el código que podéis copiar de la página FAQ del plugin: **[FAQ de Standout CSS3 Buttons](http://wordpress.org/plugins/standout-css3-buttons/faq/)** (en el repositorio de WordPress). Es el siguiente:

texto que aparece en el botón (PULSAR, CONTACTAR, ETC.)

Y este sería el ejemplo, cambiando la URL por la de mi formulario de contacto y el texto del botón por Contactar con KnowHow:

Contactar con KnowHow

 Y ahora lo añado:
Contactar con KnowHow

Por supuesto, el plugin te permite configurarlo mucho más, como la opción de utilizar un estilo CSS propio,  insertarlo vía código PHP, etc. Un plugin muy recomendable, si lo que estás buscando son botones. Dejo un par de capturas de pantalla más:
[![Standout CSS3 Buttons](http://know-how.com.es/wp-content/uploads/2014/04/Standout-CSS3-Buttons.png)](http://know-how.com.es/wp-content/uploads/2014/04/Standout-CSS3-Buttons.png)

[![Standout CSS3 Buttons ajustes](http://know-how.com.es/wp-content/uploads/2014/04/Standout-CSS3-Buttons-ajustes.png)](http://know-how.com.es/wp-content/uploads/2014/04/Standout-CSS3-Buttons-ajustes.png)