Como melhorar o conteúdo wordpress com shortcodes

Assim como os widgets permitem que o código para gerar conteúdo para uso dentro de uma barra lateral WordPress, códigos de acesso permitem que o código para gerar conteúdo adicional dentro de um post, página, ou outro tipo de conteúdo.

Widgets podem adicionar funcionalidade, ajudas à navegação e outros bits de informação útil a seus barras laterais. E se você quiser adicionar elementos dinâmicos (como listas geradas automaticamente de conteúdo relacionado ou incorporar vídeos) sem ter que mudar para o editor de HTML e lidar com códigos incorporados complexos? Tais situações são onde shortcodes vir para o resgate.

Galeria shortcode para WordPress

Um dos códigos de acesso construídas em WordPress é a galeria Código curto.

A galeria shortcode mais básico é. Nesta forma, todos os argumentos padrão são usados. (Shortcodes também pode apoiar argumentos opcionais que permitem a personalização.) Por padrão, a galeria é organizado em três colunas e usa imagens tamanho miniatura. O seguinte shortcode iria exibir a galeria em duas colunas e usar imagens de tamanho médio:

De muitas maneiras, shortcodes semelhante a tags HTML. o galeria shortcode parece com uma tag de abertura HTML que trocou o lt; e gt; caracteres para [ e ].

Video: wordpress Custom Post Types 7 Creating a Shortcode to Test

shortcode incorporar para WordPress

Shortcodes também têm a capacidade para cercar texto usando uma abertura e fechamento shortcode. o Embutir shortcode, outro shortcode fornecido pelo WordPress, é um deles.

WordPress pode mudar automaticamente links para vídeos em um conjunto específico de sites para um player de vídeo embutido. Embora isso acontece quando as ligações de vídeo suportados são deixados em uma linha em seus próprios links de vídeo, apoiados pode ser rodeado pela Embutir shortcode para indicar explicitamente que o link é para ser transformado em um vídeo incorporado. Por exemplo:

https://wordpress.tv/2012/08/06/
Matt-Mullenweg-state-of-the-word-2012 /

Ao adicionar esta para o seu post ou conteúdo da página, 2012 Estado de Matt Mullenweg dos monitores de vídeo do Word no lugar do shortcode.

Você pode se perguntar por que você iria querer usar o Embutir shortcode em vez de simplesmente colocar o link em sua própria linha. A razão é que, como o galeria shortcode, o Embutir shortcode suporta argumentos que lhe permitem personalizar a exibição do vídeo. Os argumentos suportados são largura e altura. O seguinte shortcode modifica o vídeo incorporado para ter uma largura de 400 pixels:

https://wordpress.tv/2012/08/06/
Matt-Mullenweg-state-of-the-word-2012 /

Observe como o vídeo inteiro é menor. Isto é porque a redução da largura de 400 pixels em escala automaticamente a altura bem.

Se forem usadas tanto a largura e altura argumentos, o vídeo é reduzida para caber dentro de uma caixa dessas dimensões, então você não será capaz de distorcer a relação de aspecto do vídeo se você não obter as dimensões exatamente certas. Na prática, muitas vezes é mais fácil de simplesmente fornecer o argumento largura e não o argumento altura.

Video: How to Create a WordPress Shortcode: The Basics

Twitter Widget Pro

O Pro plug-in Twitter Widget fornece mais do que apenas um Widget- também adiciona suporte para o twitter-Widget Código curto. Este shortcode fornece a mesma funcionalidade que o widget, exceto que ele pode ser adicionado ao conteúdo e usa o método shortcode de controlar argumentos em vez de um editor de widget.

No seu mais básico, o twitter-Widget shortcode parece com o seguinte:



[Twitter-widget nome de usuário ="lisasabinwilson"]

Note o nome de usuário argumento é definido como meu nome de usuário do Twitter, lisasabinwilson. Ao usar este shortcode, substitua o nome de usuário lisasabinwilson com o nome de usuário do Twitter que você deseja usar.

A página de FAQ no Diretório Plugin para Twitter Widgets Pro inclui uma lista dos argumentos que estão disponíveis para o shortcode. Usando as mesmas configurações para os resultados shortcode na seguinte shortcode:

[Twitter-widget nome de usuário ="lisasabinwilson" título =
"Feed do Twitter" hidereplies ="verdade"]

O título é modificado e respostas estão escondidos. Isso significa que você pode facilmente produzir os mesmos resultados se você decidir usar o widget do Twitter Widget Pro ou o recurso shortcode.

Comprehensive Google Map Plugin

a Comprehensive Google Map Plugin oferece tanto um widget e um shortcode que permitem facilmente adicionar um mapa do Google ao seu site.

O recurso do Comprehensive Google Map Plugin que o torna notável é que códigos de acesso para ele pode rapidamente tornar-se muito complexo e longo. Por exemplo, considere o seguinte shortcode que exibe um mapa da Casa Branca nos Estados Unidos:

[Google-mapa-v3 largura ="350" altura ="350" zoom ="12" maptype ="roteiro" mapalign ="centro" directionhint ="falso" language ="padrão" PoweredBy ="falso" MapTypeControl ="verdade" panControl ="verdade" ZoomControl ="verdade" ScaleControl ="verdade" streetViewControl ="verdade" scrollwheelcontrol ="falso" = arrastáveis"verdade" tiltfourtyfive ="falso" addmarkermashupbubble ="falso" addmarkermashupbubble ="falso" addmarkerlist ="1600 Pennsylvania Avenue Northwest Washington, DC 20500} {1-Default.jpg {} A Casa Branca" bubbleautopan ="verdade" showbike ="falso" showtraffic ="falso" showpanoramio ="falso"]

Isso seria bastante difícil de digitar manualmente sem erros. Felizmente, o Comprehensive Google Map Plugin fornece uma ferramenta shortcode-gerador que faz com que seja fácil de ter o código de gerar tais códigos de acesso complexas.

Depois de ativar o plugin, siga estes passos para utilizar shortcode.

  1. Clique no link Shortcode Builder no menu Google Map Dashboard para carregar a ferramenta para gerar novos códigos de acesso do mapa.

    Video: Tutoriel WordPress - Shortcode

  2. Na configuração Local na seção de mapa Marcadores, preencha os seus dados de localização e, em seguida, clique no botão Adicionar para a definição de Localização.

  3. Clique no botão Gerar Código curto na parte inferior da página para obter o shortcode gerado.

  4. Copie o shortcode fornecido e cole-o em um post ou página.

    Video: What is a Shortcode in WordPress and how do you use them?

  5. Clique no botão Salvar alterações e, em seguida, exibir o conteúdo atualizado.

    O shortcode produz um mapa interativo que os visitantes podem facilmente navegar. Ao clicar no marcador, os visitantes podem acessar as opções para obter direções para ou a partir da localização. Embora você deve sempre dar um endereço, o mapa dá aos visitantes uma compreensão muito melhor de onde a localização é, o que significa que não terá que deixar o local para procurar o endereço em outro lugar.


Publicações relacionadas