Shortcode Botón

ShortcodesWordPress

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 '<a class="boton" href="'.$link.'" target="'.$target.'">' . do_shortcode($content) . '<span></span></a>';
}
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.

¿Te ha sido útil este código?
Ayúdanos a saber si este código o función te ha funcionado y así poder ayudar a otros usuarios
SÍ. 🙂
NO. 🙁
Mostrar Más

Artículos Relacionados

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *