Utilizando Shortcodes no WordPress

Olá pessoal…

Hoje irei mostrar como utilizar os ShortCodes em postagens do WordPress.com.


WordPress
WordPress

Mas o que são ShortCodes? Shortcode é um código específico do WordPress que permite fazer coisas interessantes com pouco esforço. Shortcodes podem incorporar arquivos ou criar objetos que normalmente requerem códigos extenso e complicados, e que podem ser resumidos geralmentes em apenas uma linha. Shortcode = Shortcut (atalho).

Mas qual é a real utilidade? Se você tiver fazendo uma postagem e quiser por exemplo incorporar um arquivo Excel, colocar um vídeo do YouTube, fazer uma playlist, uma galeria ou até mesmo mostrar uma timeline do Twitter, tudo isso é possível com a utilização dos ShortCodes.

Ah, para quem tiver curiosidade de como inserir vídeos do YouTube ou do Vimeo em postagens do WordPress, leia este artigo.
Se quiser também ver como inserir um botão para seguir o site, utilizando ShorCode, leia esse artigo.

Abaixo alguns exemplos usuais de ShortCodes.

Recipes

Link: Clique Aqui
O Recipes é prático e útil para quem faz postagens sobre receitas, com opções de colocar até mesmo o tempo que uma receita pode demorar.
Exemplo de código para inserir na postagem (sem espaços entre os colchetes):

[ recipe title="Receita de Macarrão" servings="4-6" time="1hr 30mins" difficulty="easy" ]
Coloque sua receita aqui
[ /recipe ]

Exemplo gerado:

Receita de Macarrão

  • Porções: 4-6
  • Tempo: 1hr 30mins
  • Dificuldade: Fácil
  • Imprimir

Coloque sua receita aqui


Contact Form

Link: Clique Aqui
Caso você queira fazer uma postagem ou uma página para entrar em contato, basta utilizar o ShortCode do ContactForm, da seguinte forma (sem espaços em branco entre colchetes):

[ contact-form to='contato@terminaldeinformacao.com' subject='Contato' ]
[ contact-field label='Nome' type='name' required='1'/ ]
[ contact-field label='e-Mail' type='email' required='1'/ ]
[ contact-field label='Site / Blog' type='url'/ ]
[ contact-field label='Mensagem' type='textarea' required='1'/ ]
[ /contact-form ] 

Exemplo gerado (é possível setar o email destino, o assunto do email, e os atributos necessários):






Caso queira, quando for fazer uma postagem, ele já possui um botão chamado “Add Contact Form”, pode clicar diretamente ali e adicionar à página.


Sitemap

Link: Clique Aqui
Se você quiser adicionar um mapa do site (com páginas e sub páginas), basta utilizar o seguinte comando (sem espaços em branco entre os colchetes):

[ sitemap ]

Posting Source Code

Link: Clique Aqui
Este é um dos recursos que mais utilizo que é a postagem de códigos fontes (postagem de trecho de códigos fontes), porém, com fontes coloridas, em negrito, como se fosse em editores de texto, abaixo um pequeno exemplo:

[ code language="cpp" ]
#define 

int main(){
  printf("Hello World!");
  return;
}
[ /code ]

Abaixo o exemplo gerado

#define <stdio.h>

int main(){
  printf("Hello World!");
  return;
}

Ressaltando que as linguagens que tem suporte são:
– actionscript3
– bash
– clojure
– coldfusion
– cpp
– csharp
– css
– delphi
– erlang
– fsharp
– diff
– groovy
– html
– javascript
– java
– javafx
– matlab (keywords only)
– objc
– perl
– php
– text
– powershell
– python
– r
– ruby
– scala
– sql
– vb
– xml


Fonte: en.support.wordpress.com

Bom pessoal, por hoje é só.
Abraços e até a próxima.

About Dan_Atilio

Analista e desenvolvedor de sistemas. Técnico em Informática pelo CTI da Unesp. Graduado em Banco de Dados pela Fatec Bauru. Entusiasta de soluções Open Source e blogueiro nas horas vagas. Autor do projeto Terminal de Informação, onde são postados tutoriais e notícias envolvendo o mundo da tecnologia.

Deixe uma resposta