PLAN + UX = DEV

Pesquisar

Progresso:

O que é WordPress shortcode? Aprenda a utilizá-lo em seu site

Sumário

Você sabe o que é o WordPress shortcode? Essa é uma ferramenta poderosa que permite adicionar conteúdo dinâmico ao seu site sem precisar de conhecimentos avançados em programação.

Aprender a usar um shortcode no WordPress é uma forma de personalizar suas postagens e páginas. Neste artigo, vamos explicar o conceito de shortcode, para o que ele serve e, o mais importante, como adicioná-lo facilmente ao seu site. Descubra como aproveitar ao máximo esse recurso!

Então, o que é shortcode?

Afinal, o que é shortcode? É como se fossem atalhos ou códigos curtos que você pode usar no WordPress para mostrar conteúdos específicos em postagens, páginas, widgets ou arquivos de tema.

Em vez de escrever códigos complicados, você usa uma palavra entre colchetes, como [meushortcode]. Com isso, o WordPress reconhece esse atalho e exibe o elemento desejado.

Isso é ótimo quando você quer adicionar funcionalidades especiais, como botões ou galerias de fotos. Esse recurso simplifica essas tarefas, tornando todo o processo mais fácil e prático. Além disso, o WordPress shortcode deixa seu site mais atraente e interativo para quem o visita.

Diferenças entre shortcode e blocos de Gutenberg

Shortcodes e blocos de Gutenberg são recursos do WordPress que melhoram a funcionalidade do seu site. A principal diferença é como eles são utilizados. Com os shortcodes, você usa uma palavra entre colchetes para adicionar elementos específicos em páginas e postagens.

Já os blocos de Gutenberg oferecem uma interface de arrastar e soltar, permitindo que você crie layouts de maneira intuitiva. Ambos são muito úteis para melhorar o seu site e podem ser personalizados com plugins.

Conheça os shortcodes de acesso padrão do WordPress

O WordPress oferece aos usuários seis códigos de acesso padrão para facilitar a inclusão de funcionalidades extras em páginas e postagens. Aqui estão eles:

  • [áudio]: adiciona arquivos de áudio a páginas ou postagens; 
  • [legenda]: adiciona uma legenda a imagem ou vídeo;
  • [incorporar]: ajusta o tamanho de item incorporado para se adequar ao layout do seu site;
  • [galeria]: cria uma galeria de fotos; 
  • [vídeo]: adiciona arquivos de vídeo às postagens;
  • [lista de reprodução]: exibe arquivos de áudio ou vídeo, como uma playlist de músicas.

Além desses códigos de acesso padrão, o WordPress permite adicionar outros shortcodes. Existem alguns plugins que você pode usar para fazer isso, como a WordPress Shortcode API.

Por que usar shortcode no WordPress?

Agora você já sabe o que é shortcode WordPress e conhece os códigos de acesso padrão. Então, vamos ver as vantagens antes de aprender como usá-los em seu site.

Vantagens

  • personalização: o WordPress shortcode permite personalizar seu site conforme suas necessidades;
  • usabilidade: mesmo sem conhecimentos de programação, você pode adicionar essas instruções em qualquer postagem ou página do WordPress; 
  • compatibilidade: eles funcionam bem com diversos plugins e temas disponíveis para o WordPress.

Como adicionar shortcode no WordPress?

Se você usa o WordPress e quer deixar seu site mais personalizado e fácil de adicionar recursos, os shortcodes são a solução ideal! Vamos descobrir como usar shortcode no WordPress para melhorar o seu site.

Postagens e página

Como adicionar um shortcode em uma postagem ou página do WordPress:

  1. Acesse o painel administrativo e clique em “Postagens” ou “Páginas”, dependendo de onde você quer adicionar o shortcode;
  2. Selecione a postagem ou página específica onde deseja adicionar o código ou crie uma nova postagem/página;
  3. No editor de texto, posicione o cursor onde você deseja que o shortcode seja exibido;
  4. Digite o shortcode diretamente entre colchetes. Por exemplo: [meushortcode];
  5. Salve a postagem ou página para aplicar as alterações.

Widgets

Também é possível usar shortcodes nos widgets da barra lateral do WordPress. No entanto, isso requer o uso do editor de código do widget.

  1. Acesse o painel de administração e vá até a área de widgets;
  2. Escolha o widget ao qual você deseja adicionar o shortcode e arraste-o para a área de widgets ativa do seu tema;
  3. No widget adicionado, insira o código dentro do campo de texto;
  4. Clique no botão “Atualizar” para aplicar as alterações no widget.

Arquivos do tema

Adicionar shortcodes em arquivos do tema é um processo diferente, já que você precisa escrever essas instruções em PHP para que o tema consiga entender e ler esses códigos. Nesse caso, você deve informar também a função do shortcode. Para fazer isso, use a linguagem PHP.

  1. Acesse o seu painel do WordPress e vá em “Aparência” > “Editor”;
  2. Selecione o arquivo do tema ao qual deseja adicionar o shortcode;
  3. Abra o arquivo do tema no editor e procure por “<?php” para ter certeza de que você está adicionando o código no lugar certo;
  4. Para adicionar um shortcode, use a função “add_shortcode()” no arquivo do tema;
  5. Clique no botão “Atualizar” para salvar as alterações.

Confira alguns exemplos de shortcodes

Agora que você já aprendeu a adicionar WordPress shortcode em seu site, confira esta lista com alguns códigos úteis. Cada item está acompanhado de sua respectiva função:

  • [youtube] adiciona um vídeo do YouTube;
  • [vimeo] incorpora um vídeo do Vimeo;
  • [ted] introduz um vídeo do TED Talks;
  • [dailymotion] incorpora um vídeo do DailyMotion;
  • [soundcloud] insere áudio do SoundCloud;
  • [spotify] adiciona música do Spotify;
  • [instagram] incorpora uma imagem do Instagram;
  • [twitter-timeline] insere uma linha do tempo do Twitter;
  • [slideshow] cria uma apresentação de slides com fotos enviadas;
  • [scribd] adiciona um documento ou arquivo do Scribd;
  • [googleapps] adiciona um documento do Google Docs;
  • [googlemaps] introduz mapas do Google.

Personalização de sites é com a LE.Dev!

Neste conteúdo, você aprendeu o que é wordpress shortcode e como ele ajuda a personalizar o seu site. A LE.Dev oferece opções de serviços por assinatura que atendem exatamente às suas necessidades de criação, personalização e manutenção de blogs e sites.