Shortcodes WordPress para DEV

MUDE A URL DE SEU PROJETO EM UMA MIGRAÇÃO USANDO SHORTCODES DENTRO DE SEUS TEMPLATES

Recentemente encontramos uma pergunta do Fórum Brasileiro de WordPress que questionava sobre o desenvolvimento em ambiente local, onde era necessário colocar endereço absoluto nos posts/pages. Assim, depois de subir o site para um ambiente online os links absolutos estariam errados.

Por exemplo, uma imagem no ambiente local ficaria assim:

http://localhost/site/wp-content/themes/theme-site/images/icon.png

E no ambiente online o endereço deveria ser:

http://www.site.com.br/wp-content/themes/theme-site/images/icon.png

Existem várias formas de alterar isso diretamente no banco de dados. Mas resolvi fazer uma proposta com a API de Shortcodes que o WordPress oferece. Assim, o shortcode imprime o endereço do tema, independente de onde ele está. E nos atributos você adiciona o caminho até a imagem que deseja usar.

Adicione em seu functions.php

function shortcode_theme( $atts ) {
   extract( shortcode_atts( array(
     'link' => '',
   ),
$atts ) );
$theme = get_stylesheet_directory_uri() . "/";

return $theme . $link;
}
add_shortcode('theme', 'shortcode_theme');

Para usar, use o seguinte em seu post/page:

[theme link="image/teste/icon.png"]

Dentro de uma tag <img> ficaria assim:

<img src="[theme link="image/teste/icon.png"]" />

Aqui criamos apenas o atributo “link”, que é onde você adiciona o restante do endereço para a imagem, baseado na arquitetura que está criando para o seu tema.

Esse shortcode vai imprimir o endereço para a pasta do seu tema/image/teste/icon.png

Usem com criatividade. Qualquer dúvida ou sugestões comente abaixo.

Esse post foi publicado em Dicas e Truques WordPress e marcado , por Everaldo Matias. Guardar link permanente.

Sobre Everaldo Matias

Sou grafiteiro e formado em design gráfico. Trabalho desde 2010 com WordPress e sou sócio fundador da Brasa. Colaboro com a Comunidade Brasileira de WordPress, onde sou moderador do fórum de suporte e participo da organização dos WordCamps de São Paulo. Na Brasa trabalho principalmente com desenvolvimento e implementação de sites em WordPress. Escrevo frequentemente posts sobre o assunto onde abordo tendências, ferramentas e tutoriais.

2 ideias sobre “Shortcodes WordPress para DEV

  1. Aldo Lammel disse:

    Everaldo, muito bem escrito e idealizado. Muito obrigado por todo o suporte prestado. Resolveu o meu impasse. Abraço.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *