Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Shortcode Botón

Vamos a hacer un shortcode para mostrar un botón siempre que queramos. En él podrás incluir la URL y el TARGET.

Copia este código en tu archivo functions.php

function ecw_boton($atts, $content = null) {
extract(shortcode_atts(array('link' => '#', 'target' => '' ), $atts));
return '' . do_shortcode($content) . '';
}
add_shortcode('boton', 'ecw_boton');

Añade los estilos del botón en style.css

a.boton { background-color: #0962A4; color: #fff ; padding: 5px 10px; float: left; margin: 0; text-transform:uppercase; border-radius: 5px; margin-top:10px; border:1px solid #0962A4; }
a.boton:hover {background-color: transparent; border:1px solid #0962A4; color:#0962A4; }

Ahora solo te queda poner el botón donde quieres que aparezca en tu web.

[boton]Texto[/boton]

Añadiendo una URL a la que enlaza

[boton url=”https://encodigowp.com/”]Texto[/boton]

Y añadiendo el target.

Recuerda:

target=”_blank” para abrir en una nueva página
target=”_self” para abrir en la misma página (por defecto)

[boton url=”https://encodigowp.com/” target=”_blank”]Haz Click Aquí[/boton]

Ya tienes creado tu botón para añadirlo donde quieras, en este caso quedaría como la imagen.



This post first appeared on Taller De Wordpress, please read the originial post: here

Share the post

Shortcode Botón

×

Subscribe to Taller De Wordpress

Get updates delivered right to your inbox!

Thank you for your subscription

×