Criando um shortcode para botão com link no WordPress


Postado em 19 de maio de 2011 por | Categorias: Shortcodes | Sem comentários » | Comentar


Coloque o código abaixo no arquivo functions.php do seu tema:

// SHORTCODE PARA BOTÃO COM LINK
	function botao_padrao( $atts ) {
	 extract( shortcode_atts( array(
	 'texto' => 'Texto do Link',
	 'link' => 'url do link'
	 ),
	 $atts ) );
	 return '
	 	 <div class="botao-dinamico">
			<a href="' . $link . '" rel="bookmark" title="' . $texto . '">
		    	<div class="botoa-lado-esc"></div>
		    	<div class="botao-meio">' . $texto . '</div>
		    	<div class="botoa-lado-dir"></div>
			</a>
		</div>';
	}
	add_shortcode('botao', 'botao_padrao');

Coloque os códigos no arquivo de CSS principal do tema:

/*BOTAO DINÂMICO*/
.botao-dinamico{
 height:26px;
 padding: 0;
 margin: 0;
 float: left;
 display: inline;
 margin-right: 15px;
}
.botao-dinamico a{
 text-decoration:none;
 font-weight:bold;
 color:#FFF;
 font-size: 14px;
}
.botoa-lado-esc{
 float: left;
 display: inline;
 background-image:url(images/botao-lado-esq.png);
 background-repeat:no-repeat;
 height: 26px;
 width: 7px;
}
.botoa-lado-dir{
 float: left;
 display: inline;
 background-image:url(images/botao-lado-dir.png);
 background-repeat:no-repeat;
 height: 26px;
 width: 7px;
}
.botao-meio{
 float: left;
 display: inline;
 text-align: center;
 height: 24px;
 background:url(images/botao-meio.png) repeat;
 text-decoration: none;
 font-variant:small-caps;
 min-width: 88px;
 padding-top: 2px;
}

Para chamar o botão dentro de um post ou página do WordPress use o shortcode:

[botao link="http://caminho-do-link" texto="texto do botão"]

O botão é compsoto das 3 imagens abaixo:

 

Referências:
http://rozanchetta.com/blog/shortcodes-no-wordpress-como-usar/
http://rozanchetta.com/blog/wordpress-shortcodes-self-enclosing/
http://codex.wordpress.org/Shortcode_API


Categorias

Links

Tags

Autor do post bloginfo() Caminho do tema Campos Personalizados Categorias Codificação UTF8 Contac form 7 CSS Custom fields Custom Post Types data Dividir string explode() Formatação de datas Formatação de Hora get_ get_option() get_page_template() get_the_terms get_the_title() Hora IMG is_single() Janelas Links Lista de Categorias Lista de Posts Lista de ùltimos posts location.href Paginação Post_name Query_posts register_sidebar Sidebar the_author_nickname() the_category() the_tags() the_time() Titulo da página UFT8_encode UTF8 UTF8_decode Widgets wp_list_categories() âncoras

Copyright © 2017  |   W-Pedia – Wikipedia Wordpress BR  |  produzido por Henderson C. Torres