Shortcode WordPress – Por que você deve usá-lo

Deseja adicionar conteúdo dinâmico com muita facilidade em suas postagens, páginas e barras laterais do WordPress? Adicionar shortcode pode ser a maneira mais fácil e adequada de fazer exatamente isso e tem o benefício adicional de que você pode colocá-lo praticamente em qualquer lugar do seu site WordPress.

Não há melhor maneira de adicionar recursos reutilizáveis ​​em seu site WordPress do que códigos de acesso, pois você pode usar o mesmo código de acesso em vários lugares diferentes e ainda obter exatamente o mesmo resultado. Embora haja uma variedade de códigos de acesso padrão que você pode escolher, alguns plugins do WordPress também permitem adicionar novos códigos de acesso a eles como um recurso adicional.

Neste blog, tentaremos contar tudo o que você precisa saber sobre os códigos de acesso do WordPress, como eles funcionam, como usá-los e esperamos que você aprenda tudo o que precisa saber neste guia. Vamos começar!

O que é um Shortcode?

Shortcode é uma junção das palavras 'atalho e código'.

Normalmente é um pequeno pedaço de código que pode ser identificado e indicado por colchetes [ ] e é um código que quando inserido em qualquer página ou post, gera uma funcionalidade específica predefinida.

Por exemplo, se você deseja adicionar uma galeria, o código a seguir pode ser adicionado a qualquer página ou postagem em seu site WordPress.

Isso gerará uma galeria com os IDs de imagem do seu site referenciados no código. De acordo com o código, a galeria terá 4 colunas e seu tamanho máximo será 'médio' (conforme definido pelo WordPress). Existem muitos outros pequenos códigos de acesso como este disponíveis no WordPress para gerar diferentes recursos e funcionalidades. Abaixo, veremos os diferentes tipos de shortcode do WordPress que você pode usar em seu site WordPress.

Tipos de códigos de acesso

O WordPress oferece dois tipos de shortcode –

Códigos de acesso de fechamento automático : não requerem uma tag de fechamento. Por exemplo, o shortcode da galeria –

– não precisa de uma tag de fechamento.

Códigos de acesso de fechamento : Esses tipos de código de acesso exigem tags de fechamento. Por exemplo, o shortcode da legenda –

– é usado para envolver as legendas ao redor do conteúdo.

Códigos de acesso padrão do WordPress

Abaixo estão 6 códigos de acesso padrão oferecidos pelo WordPress:

• Áudio: incorpora arquivos de áudio e permite a reprodução em seu site.
• Legenda: ajuda a envolver as legendas no conteúdo.
• Incorporar: Permite definir um nível máximo para itens incorporados, bem como definir diferentes atributos em suas incorporações.
• Galeria: Adiciona uma galeria de imagens personalizável ao seu site. Você pode usar os recursos para personalizar a aparência da galeria ou determinar qual imagem é usada.
• Lista de reprodução: você pode criar listas de reprodução de áudio ou vídeo com esses códigos de acesso auto-incluídos.
• Vídeo: Permite incorporar um arquivo de vídeo e reproduzi-lo. Com este shortcode, você pode incorporar vídeos em formatos como MP4, WebM, M4V, OGV, WMV e Flv.

Além desses códigos de acesso padrão, muitos plugins do WordPress oferecem códigos de acesso personalizados que você pode usar da mesma maneira.

Como usar códigos de acesso no WordPress

Usar códigos de acesso no WordPress deve ser um processo simples e direto, embora dependa de onde você deseja adicionar os códigos de acesso em seu site.

Usando códigos de acesso do WordPress em páginas e postagens

Primeiro, navegue até a respectiva página/post à qual deseja adicionar os códigos de acesso e acesse o editor. Agora você precisa clicar no botão adicionar bloco para adicionar um bloco de código de acesso.

Se você estiver usando o editor Gutenberg, poderá adicionar facilmente tags de código de acesso ao bloco de código de acesso. Depois de adicionar o bloco de shortcode, basta colar seu shortcode na caixa de texto e pronto. A funcionalidade do shortcode agora deve estar visível na página publicada.

Inserir códigos de acesso em widgets do WordPress

Inserir códigos de acesso em um widget do WordPress também deve ser bastante simples e fácil de fazer. A versão mais recente do WordPress 5.8 vem com a área de widget baseada em Gutenberg Block integrada, então agora você pode adicionar e personalizar blocos Gutenberg em seus widgets.

Para começar, vá para Aparência>Widgets em seu painel do WordPress. Aqui, você encontrará todos os widgets pré-criados com base no seu tema. Selecione o widget no qual você deseja adicionar seu código de acesso e, em seguida, encontre o bloco de código de acesso do Gutenberg. Insira o código de acesso no bloco e clique no botão 'Salvar' uma vez concluído.

A tarefa está agora concluída. Agora você pode visitar a respectiva página para ver seu shortcode em ação.

Adicione um shortcode nos arquivos de tema do WordPress

Já vimos como os shortcodes podem ser usados ​​dentro de posts/páginas e widgets do WordPress. O WordPress simplificou também a adição de um código de acesso dentro de um arquivo de tema. Você pode adicionar o shortcode a qualquer modelo de tema do WordPress seguindo o formato abaixo.

Como criar um shortcode personalizado no WordPress Basta substituir o your_shortcode pelo atalho de sua escolha e você verá que funciona exatamente como pretendido.

Criar um shortcode personalizado tem tudo a ver com conhecimento técnico e de codificação. Também é útil se você também tiver uma compreensão sólida de por que precisa criar um código de acesso personalizado e onde deseja usá-lo.

Para criar um código de acesso personalizado, primeiro abra o diretório de arquivos de back-end do seu site. Em seguida, navegue até wp-content > themes > youractivetheme > arquivo function.php. Agora você pode inserir a função necessária para o código de acesso e salvá-lo para uso posterior.

Abaixo está um exemplo no qual você pode ver que criamos um código de acesso personalizado para exibir nossa conta do Twitter em nosso site WordPress.

Em seguida, vamos adicionar o shortcode à nossa página de contato do site usando o bloco Gutenberg Shortcode.

Vamos ver como esse shortcode funciona no front-end.

Onde adicionar seu script de código de acesso personalizado

Se você deseja adicionar o shortcode personalizado ao seu arquivo de tema, ele pode ser adicionado ao arquivo functions.php do seu tema ou incluído no plugin. Se você decidir adicioná-los ao arquivo do tema, poderá criar um tema filho e modificar o código com a certeza de que terá o tema original em mãos, caso precise reverter.

Se você estiver adicionando um novo código de acesso a um plug-in em seu site WordPress, é recomendável inicializá-lo apenas quando o WordPress terminar de carregar completamente. Você pode fazer isso envolvendo a função add_shortcode() dentro de outra função usando um método chamado 'a função wrapper'

Ao usar os ganchos da função add-action() , o shortcode 'shortcodes_init' foi instruído a inicializar apenas quando o seu site WordPress terminar de carregar completamente usando o gancho init.

Shortcodes vs Blocos Gutenberg

A operação do shortcode é bastante semelhante aos blocos Gutenberg, com o último oferecendo diversas opções de personalização. Desde a chegada de Gutenberg, o uso e a popularidade dos códigos de acesso diminuíram um pouco, com muitos plugins populares do WordPress agora apresentando blocos dedicados do Gutenberg em vez de códigos de acesso.

Embora você ainda possa adicionar códigos de acesso dentro de um bloco dedicado do Gutenberg, os blocos sozinhos podem atingir o objetivo dos códigos de acesso e podem fazê-lo de maneira mais otimizada.

Se você achar os códigos de acesso úteis, você pode preferir os blocos do WordPress, pois os blocos podem permitir que você faça a mesma coisa de uma maneira mais amigável. Ele também permite que os usuários adicionem conteúdo dinâmico a postagens/páginas com uma interface de usuário mais intuitiva, que o shortcode não consegue fazer.

No entanto, isso significa o fim completo do shortcode tradicional, pois ainda existem alguns usos que ainda não foram substituídos por blocos. Como tal, é provável que você veja o uso de códigos de acesso continuar no futuro próximo.

As vantagens e desvantagens de usar shortcode

Benefícios

• Os códigos de acesso facilitam a adição de recursos complexos a um site WordPress com uma única linha de código.
• Normalmente, os códigos de acesso são mais fáceis de criar e configurar do que o código HTML tradicional ou scripts PHP.
• Elimina a necessidade de escrever scripts complexos automatizando o fluxo de trabalho de desenvolvimento sempre que você deseja inserir um recurso específico.
• Os códigos de acesso são facilmente personalizáveis, para que os usuários possam modificar como o mesmo código de acesso funcionará alterando suas opções de atributo.
• Pode ser inserido dentro de Plugins, portanto, mesmo que você atualize o WordPress ou altere seu tema, os códigos de acesso não serão perdidos e continuarão funcionando como antes.

Desvantagens

• Não é intuitivo: usar vários códigos de acesso em uma única página e personalizá-los pode ser uma luta.
• Dependente do tema: assim que você altera seu tema, os códigos de acesso às vezes podem parar de funcionar com seu novo tema.
• Pode quebrar o HTML: devido a problemas de interoperabilidade ou tags conflitantes, às vezes podem ocorrer problemas. Como tal, você precisará ter um plug-in de backup se quiser usá-lo em seu site.
• Carga extra do servidor: códigos de acesso adicionais podem adicionar carga ao seu servidor. É natural que, à medida que o número de códigos de acesso em sua página/post aumenta, aumente também a carga, o que pode levar seu site a diminuir a velocidade.

Perguntas frequentes sobre códigos de acesso do WordPress

Existem algumas perguntas sobre códigos de acesso do WordPress que as pessoas costumam fazer. Abaixo está uma breve visão geral das perguntas comuns e suas respostas, que não discutimos antes.

Os códigos de acesso diminuem a velocidade do WordPress?

A velocidade do site é um grande problema no WordPress e usar muitos códigos de acesso em uma única página ou site pode deixar seu site lento. Portanto, é melhor usar códigos de acesso apenas quando necessário, especialmente agora que você tem a opção de usar blocos Gutenberg.

Onde os códigos de acesso do WordPress são armazenados?

Os códigos de acesso do WordPress geralmente são colocados em postagens ou páginas. No entanto, agora que a seção de widgets do WordPress também suporta a edição de blocos do Gutenberg, é possível usar códigos de acesso em quase qualquer lugar do site.

O código de acesso é HTML?

Sim, os códigos de acesso são códigos baseados em HTML que podem ser integrados em um site WordPress.

Existem aspectos “ruins” ao usar códigos de acesso?

Conforme discutido acima, se você usar códigos de acesso em seu tema e decidir alterá-lo, esse código de acesso específico deixará de funcionar. Caso contrário, os códigos de acesso são universais e não dependem de outros fatores.

O WordPress possui códigos de acesso integrados?

Sim, o WordPress oferece alguns códigos de acesso por padrão. Por exemplo, uma galeria que pode ser adicionada por meio da API de shortcode.

Como adiciono uma imagem de código de acesso no WordPress?

Primeiro, vá para a Página ou Post em que você deseja trabalhar. Em seguida, selecione a página ou postagem do blog onde deseja adicionar o shortcode. Clique no botão 'Adicionar código de acesso' na próxima tela. Selecione o seu shortcode preferido na caixa “Inserir shortcode pop-up”. Agora você pode criar uma imagem de shortcode clicando em “Text and Image shortcode”.

Lembre-se de fazer backup do seu site WordPress antes de trabalhar nos códigos de acesso

Backup é o primeiro nível de segurança para qualquer site WordPress. Todo conteúdo, postagem, comentário e dados valiosos que você possui em seu site podem ser perdidos em um único segundo.

Se você já trabalhou em um site WordPress no passado, saberá que pode perder todos os seus dados e trabalhar por vários motivos. Por exemplo, às vezes seu site pode falhar devido a software incompatível. Ou talvez seu site tenha sido atacado por malware e hackers cibernéticos, sobrecarga de tráfego ou tenha sofrido falhas de hardware. Outra razão pela qual você pode perder seus dados é se o seu conteúdo ou personalização estiver em conflito com os arquivos principais do WordPress, resultando na queda do seu site. À medida que o shortcode brinca com os códigos, sempre haverá uma chance de algo inesperado acontecer (possivelmente um conflito de código com os arquivos principais do WordPress) que pode paralisar seu site.

Nem sempre é possível evitar tais eventos infelizes. No entanto, o que você pode fazer é estar preparado sobre como você pode recuperar seu site e voltar a funcionar, mesmo que algo terrível aconteça. Nossa sugestão? Proteja seu site dessa ameaça sempre presente, usando uma ferramenta que você pode usar é o plugin de backup de alto nível do WordPress – UpdraftPlus .

O UpdraftPlus fornece uma interface fácil de usar que simplifica muito o backup do seu site WordPress . Você pode salvar seus backups diretamente em locais de armazenamento online, como Dropbox ou Google Drive. Com o UpdraftPlus, você pode definir um agendamento de backup automático para nem precisar se lembrar de fazer backup. Basta instalar, configurar e pronto.

Conclusão

Os códigos de acesso no WordPress foram introduzidos pela primeira vez no WordPress 2.5. Além dos temas e plugins, os códigos de acesso facilitam a personalização do seu site WordPress. Ao usar o shortcode, é fácil implementar e reutilizar certos recursos repetidamente sem a necessidade de codificação. Além dos códigos de acesso padrão do WordPress, plugins de terceiros também podem vir com códigos de acesso para facilitar sua jornada no WordPress.

Esperamos que este guia tenha ajudado você a aprender e descobrir códigos de acesso do WordPress e ajudá-lo a adicionar códigos de acesso ao seu site.

Se você tiver alguma dúvida sobre este artigo, informe-nos na seção de comentários abaixo.

O post WordPress shortcode – Por que você deve usá-lo apareceu primeiro no UpdraftPlus. UpdraftPlus – Plugin de backup, restauração e migração para WordPress.