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.

2 thoughts on “Shortcodes WordPress para DEV

Deixe um comentário

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