Criando Shortcodes

Hoje vou dar uma dica rápida e muito útil para se trabalhar no WordPress. São os shortcodes, que são palavras entre colchetes “[ ]” que desempenham determinada função.

Por exemplo, queremos disponibilizar para o cliente um shortcode para centralizar algum elemento que o usuário esteja inserindo no post/page.

A função é a seguinte (adicione ao functions.php do tema):

<?php
   function shortcode_center( $atts, $content = null ){
     return '<div class="shortcode_center">' . $content . '</div>';
   }
 add_shortcode( 'center', 'shortcode_center' );
?>

No css, crie os atributos da classe shortcode_center que criamos e coloque assim:

.shortcode_center {
  text-align: center;
  margin: 0 auto;
}

Para o usuário usar o shortcode, basta fazer assim enquanto escreve/edita o post/page:

[center]O que eu quero centralizar![/center]
Publicado em Dicas e Truques WordPress por Everaldo Matias. Marque 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.

Uma ideia sobre “Criando Shortcodes

  1. […] para o seu time ou liga local. Usando marcação nativa do WordPress, possui suporte a shortcodes personalizados, importadores CSV, e várias traduções de idiomas estão […]

Deixe uma resposta

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