Para uma melhor experiência, acesse através de um computador

Como criar e inserir shortcodes no WordPress sem utilizar plugin

por Drope em TUTORIAIS on 12/08/2021

Otimizar o nosso trabalho no dia a dia é uma das melhores maneiras de economizar tempo e ter mais resultados positivos. Quando o nosso ambiente de trabalho é organizado, consequentemente conseguimos entregar conteúdos de maior qualidade e em um espaço de tempo menor. Logo, seus clientes e leitores acabam sendo também beneficiados.

A utilização de shortcode no WordPress é uma das maneiras mais rápidas, limpas e práticas para reduzir esforços, tempo de trabalho e ser mais eficiente. Uma das maiores vantagens é que o WP permite que você crie seus shortcodes personalizados. Se é o que você procura, o CanalWP vai te ensinar agora como fazer isso e sem usar qualquer tipo de plugin.

Shortcode no WordPress

Além dos shortcodes, preciso lembrar a você sobre a importância de manter seu site WordPress seguro. Essa é a melhor forma de assegurar-se que seu ambiente de trabalho e conteúdos estarão organizados e funcionando da forma correta. Assim, você pode reforçar a página de login do seu WP e sempre manter as boas práticas para um site seguro.

O que são shortcodes?

Para que você entenda como um shortcode pode ser realmente útil e imprescindível ao seu site, antes de tudo é preciso que você saiba o que ele é. Shortcodes são pequenos códigos, quase que marcações, onde através de uma configuração prévia, o site irá exibir algo ou realizar uma ação no momento que o shortcode é lido pelo sistema.

O WordPress trabalha com shortcodes nativos, como exibir a contagem de categorias de seu site: [catcount]. É muito mais fácil e prático do que ter de escrever toda uma função para obter o mesmo resultado, certo? Esse é apenas um simples exemplo. No entanto, você vai aprender a criar seus próprios shortcodes e como utiliza-los por meio do seu Dashboard e dentro dos arquivos do seu tema.

Por que utilizar?

Muito melhor que escrever código em diversos arquivos do nosso site, ao utilizar shortcodes você economiza o uso de plugins – muitas vezes necessários para a leitura de código PHP dentro de posts e widgets. Além disso, outra grande vantagem é a organização e clareza na estrutura do seus conteúdos ao serem inseridos pelos shortcodes. Hoje você encontra plugins de galerias e sliders que utilizam apenas shortcode para sua exibição dentro de um site. Pois, é algo curto e objetivo.

Criando shortcodes personalizados

Agora você já sabe o que são shortcodes e o porque eles são úteis para nós. Desenvolvedores e usuários WordPress, já podemos começar o nosso tutorial na prática. Prepare-se você vai aprender que praticamente tudo pode funcionar com o uso desses pequenos códigos, os shortcodes.

Hoje você verá um exemplo simples, onde criaremos um shortcode que ao ser lido pelo servidor, os códigos de rastreio para o Google Adsense serão inseridos. Isso é muito útil para não colocar nos arquivos do nosso tema blocos de códigos estranhos. Assim, apenas o uso do shortcode já fará toda a tarefa. Você também pode criar – seguindo os passos abaixo, pequenos códigos úteis para o uso de link de afiliados, por exemplo.

Acesse o functions.php

							
							
					function get_adsense($atts) {
return '<script type="text/javascript"><!--
google_ad_client = "pub-546321545321589";
/* 468x60, created 9/13/10 */
google_ad_slot = "54321565498";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="https://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
';
}
add_shortcode('adsense', 'get_adsense'); 				
			

Perceba que a função get_adsense possui apenas o bloco de código que recebemos do Adsense para que nosso site consiga ser monitorado pela ferramenta. Depois, em add_shortcode é onde realmente aquele bloco de código torna-se uma shortcode. Primeiro passamos como será o nome do shortcode, depois especificamos a função que será chamada quando tal shortcode for encurtada.

Shortcodes no seu tema

Agora que já temos um shortcode criado por nós mesmos, precisamos utiliza-lo em nosso site para testar seu funcionamento e fazer valer a sua criação. Você perceberá adiante, que a utilização do pequeno código é um pouco diferente quando utilizado dentro das áreas da nossa Dashboard e nos arquivos de um tema WP. Não é nada difícil, apenas exige um pouco de atenção.

Editor e Widgets

Com o nosso shortcode [adsense] em mãos, podemos dar início a sua utilização via Dashboard. Como esse é um shortcode para inserção do código de rastreio do Google Analytics, ele se encaixa melhor com o uso dentro do arquivo de cabeçalho do seu site. Todavia, a nível de exemplificação – já que para qualquer shortcode criado você tem a liberdade de adicioná-lo onde quiser, acesse o Editor de Posts para ver seu shortcode funcionando.

Em Posts > Adicionar Novo basta você inserir [adsense] na mesma área de digitação do texto. Assim, ao publicar aquela postagem referente ao código do shortcode será chamado, e no Front-end ele será exibido.

Para o uso em forma de widget (Aparência > Widgets), o processo é praticamente o mesmo. A diferença é que você não tem um editor de texto, mas sim o Widget Texto e ali deve adicionar a referente shortcode. Salve tudo e confira o resultado na sidebar do site.

Arquivos do tema

O processo de inserção de shortcodes dentro das páginas e arquivos do seu tema é bem diferente do que vimos acima. Enquanto o Painel Administrativo WordPress e seu Front-End têm a capacidade de ler o shortcode em seu modo simples – [adsense], seu tema precisa de uma instrução para compreender o uso do código.

Dentro da página ou arquivo de cabeçalho – por exemplo, você precisa inserir uma instrução PHP e dentro dela a sua shortcode. Logo, seu uso será da seguinte forma:

							
							
					add_shortcode('adsense', 'get_adsense');				
			

Conclusão

Mais do que estar antenado com os interesses dos nossos leitores, precisamos melhorar sempre o nosso ambiente de trabalho. Pois a melhoria de qualidade para nossos posts e sistemas WordPress é uma doce consequência da organização e clareza que conseguimos manter no nosso Painel Administrativo e nos arquivos do tema de nosso site, blog ou loja virtual. E você pode sempre gerar shortcodes automaticamente utilizando a ferramenta GenerateWP.

Se você gostou desse artigo considere compartilhar nas redes sociais. Siga-nos nas redes sociais para acompanhar mais artigos como esse. Se de alguma forma este artigo lhe foi útil deixe seu comentário abaixo para podermos saber a sua opinião.

Leave this field blank
Escolha uma das opções abaixo
  • Selecione
  • Solicitar atualização
  • Reportar link offline

ACESSO COMPLETO

CONTA EXCLUSIVA SUA COM DOWNLOADS ILIMITADOS

Você terá acesso de 45 dias na Envato Elements para baixar o que quiser e com downloads ilimitados.

POR APENAS R$49,90

horas
minutos
segundos

Agora você pode sugerir qualquer produto de WordPress da Envato Elements. Para acessar a Envato e buscar por um produto que não esteja em nosso repositório, clique aqui.

Leave this field blank

Como importar template no Elementor

Você pode importar modelos que exportou ou baixou.

    1. Acesse seu painel do WordPress
    2. Clique na opção Modelos, localizado no menu lateral
    3. Clique no botão Importar Modelos
    4. Escolha o arquivo que deseja importar e clique no botão Importar agora
    5. Seu modelo importado agora será exibido na sua lista de modelos

Como atualizar um plugin ou tema

Recomendamos que você instale o plugin Easy Theme and Plugin Upgrades. Você pode baixá-lo gratuitamente clicando aqui.

Para usá-lo, primeiro instale e ative o plug-in. Uma vez ativado, você poderá atualizar qualquer tema/plugin simplesmente carregando o arquivo do plugin atualizado para o seu site.

Atualizando um plugin

  • Faça o download do arquivo .zip mais recente para o plugin.
  • Entre no seu site WordPress.
  • Vá para “Plugins” > “Adicionar novo”. (Mesmo que você esteja atualizando)
  • Clique no botão “Upload Plugin” na parte superior da página.
  • Selecione o arquivo .zip com a versão atualizada do plug-in.
  • Clique no botão “Instalar agora”.

Atualizando um tema

  • Faça o download do arquivo .zip mais recente para o tema.
  • Entre no seu site WordPress.
  • Vá para “Aparência”> “Temas”.
  • Clique no botão “Adicionar novo” na parte superior da página. (Mesmo que você esteja atualizando)
  • Clique no botão “Carregar tema” na parte superior da página.
  • Selecione o arquivo .zip com a versão atualizada do tema.
  • Clique no botão “Instalar agora”.

Problemas comuns

Recomendações

Recomendamos sempre aos nossos clientes estarem com uma versão nova do PHP, por exemplo: 7.4.

Se você não souber como ver em qual versão você está, basta entrar em contato com o suporte do seu servidor de hospedagem e pedir pra eles fazerem a alteração.