Criando seu próprio Shortcode no WordPress

Criando seu próprio shortcode

Você já deve ter ouvido falar de shortcodes no WordPress e sabe como funciona?

Ele é um atalho para coisas que você utiliza frequentemente no seu dia a dia como criador de conteúdo

Por exemplo você pode ter um shortcode para mostrar sempre em determinados posts uma mensagem como:

“Este procedimento foi testado em nossos laboratórios”

Ou mesmo se você quiser criar botões customizados dentro de alguns posts, como o caso de produtos de afiliados.

Existem diversas formas para você utilizar um shortcode, o que vale mais é sua imaginação e necessidade.

Mas em termos funcionais, ele funciona como uma abreviação, uma forma de facilitar um processo repetitivo.

No caso do primeiro exemplo você teria que digitar tudo aquilo em todos os posts que quisesse que ele aparecesse, mas em um caso de shortcode personalizado você poderia simplesmente adicionar algo como:

[teste_lab]

Em todos os posts que quisesse.

E melhor, caso um dia você mude seu texto, você modifica uma única vez que ele altera em todos seus posts.

Também existem alguns plugins que fazem isto, mas a minha intenção é ensinar você a fazer de forma manual.

Criando manualmente um shortcode personalizado

Editaremos o arquivo functions.php do seu tema, então tenha em mente que sempre que editar seu arquivo de funções, se você digitar algo errado, uma maiúscula a mais, um ponto a menos, ele simplesmente pára todo seu site.

É muito importante você ter um backup do seu arquivo functions.php antes de começar isto, e se seu site der o erro 500 após uma edição, você pode restaurar seu arquivo anterior, que estava funcionando.

Para fazer este backup, você pode acessar sua hospedagem e copiar o arquivo functions.php do tema ativo, ou mesmo copiar manualmente se você tem mais afinidade com isto.

Mas, voltando à criação. Coloque o seguinte código no seu arquivo functions.php, eu recomendo colocar sempre no final, para você manter uma organização cronológica e não estragar nada, rs

function shortcode_teste_lab() {
echo "Este procedimento foi testado em nossos laboratórios<br />";
}
add_shortcode ('teste_lab', 'shortcode_teste_lab');

Pronto, agora basta você colocar no seu post o seguinte:

[teste_lab]

Que ele mostrará a mensagem.

Trabalhando com parâmetros em Shortcodes

Podemos incrementar um pouco mais nosso shortcode com um parâmetro.

Por exemplo, um link para uma determinada página.

function shortcode_botao_link ($atributo, $conteudo = null) {
extract (shortcode_atts (array ('link' => '#'), $atributo));
return '' . do_shortcode($conteudo) . '';
}
add_shortcode ('botao_link', 'shortcode_botao_link');

E agora no post podemos colocar desta forma:

Para entrar no nosso site, você pode  CLICAR AQUI  que será redirecionado.

Ficando a resposta deste jeito

Para entrar no nosso site, você pode CLICAR AQUI que será redirecionado.

E desta forma, ficamos com um shortcode para colocar algum link que desejar.

Deixe uma resposta