O que são os códigos curtos do WordPress? Um guia passo-a-passo abrangente

Queres tornar os teus posts e páginas do WordPress mais interactivos e visualmente apelativos? Os códigos curtos do WordPress estão aqui para facilitar a tua vida. Estes trechos de código úteis permitem-te adicionar várias funcionalidades e elementos de design sem a necessidade de conhecimentos avançados de programação.

Nesta publicação do blogue, vou abordar tudo o que precisas de saber sobre os códigos de acesso do WordPress. Primeiro, vamos começar por explorar os atalhos padrão do WordPress e como adicioná-los. Depois, vamos ver como usar os atalhos em várias partes do teu site, incluindo posts, páginas, widgets e até ficheiros de temas.

Além disso, vou guiar-te na criação do teu próprio shortcode personalizado no WordPress, permitindo-te personalizar o design e a funcionalidade do teu site de acordo com as tuas necessidades. Por fim, vamos comparar os shortcodes com os blocos Gutenberg, outra forma popular de adicionar elementos personalizados ao teu site.

Então, vamos lá!

Códigos curtos do WordPress: Uma visão geral

Os códigos curtos são uma caraterística poderosa e versátil que te permite adicionar conteúdo dinâmico e funcionalidade ao teu site sem precisares de conhecimentos de programação. Os códigos curtos do WordPress são essencialmente pequenos fragmentos de código que podes inserir nas tuas publicações, páginas, widgets ou ficheiros de temas para apresentar uma função ou conteúdo específico.

A utilização de códigos de acesso melhora muito a experiência do utilizador, fornecendo funcionalidades fáceis de utilizar, como botões, formulários, galerias e muito mais. Além disso, também podem melhorar o SEO do teu Web site, tornando o teu conteúdo mais interativo e envolvente para os teus visitantes.

Shortcodes que carregam em milissegundos

Obtém a poderosa funcionalidade de shortcode E:
– Tempos médios de resposta de 300 ms
– Armazenamento em cache Redis incorporado
– CDN da Cloudflare grátis

Acelera os meus códigos curtos

Códigos curtos do WordPress: Prós e contras

Agora que já tens uma ideia dos códigos de acesso do WordPress, vamos analisar rapidamente os seus prós e contras antes de passarmos à parte do “como fazer”.

Prós dos códigos curtos do WordPress

• Poupa tempo: Ajudam-te a adicionar funcionalidades complexas sem codificação manual.
• Personalizável: Os códigos curtos podem ser personalizados para atender a necessidades específicas.
• Fácil de utilizar: são fáceis de utilizar e podem ser adicionados a qualquer publicação ou página do WordPress sem exigir conhecimentos avançados de codificação.
• Compatibilidade: São compatíveis com uma vasta gama de plugins e temas. Por isso, na maioria dos casos, podes escolher qualquer tema ou plugin WordPress.

Contras dos códigos curtos do WordPress

• Dependência: A dependência excessiva de códigos de acesso pode causar problemas se o plug-in ou o tema não for atualizado.
• Problemas de compatibilidade: Alguns códigos de acesso podem não ser compatíveis com todos os temas e plug-ins do WordPress.
• Curva de aprendizagem: É necessário um conhecimento básico de como utilizar e personalizar os códigos de acesso.
• Segurança: Os códigos curtos devem ser devidamente higienizados e validados para evitar vulnerabilidades de segurança.

Os códigos curtos do WordPress fornecem uma solução conveniente para melhorar a funcionalidade e o design do teu site.

No entanto, é importante utilizá-los criteriosamente para evitar problemas de dependência, problemas de compatibilidade e potenciais vulnerabilidades de segurança.

Vamos aprender mais sobre os códigos de acesso padrão do WordPress na próxima seção.

Os códigos de acesso predefinidos do WordPress

O WordPress inclui seis códigos de acesso incorporados por defeito que facilitam a adição de funcionalidades às tuas páginas e publicações:

• [áudio]: Adiciona ficheiros de áudio às tuas páginas ou publicações.
• [legenda]: Adiciona uma legenda a uma imagem ou vídeo.
• [incorpora]: Define a largura e a altura de um item incorporado.
• [galeria]: Cria uma galeria de fotografias utilizando imagens.
• [vídeo]: Adiciona vídeos às tuas páginas ou publicações.
• [lista de reprodução]: Apresenta ficheiros de áudio ou vídeo numa publicação.

Podes utilizar todos eles com o nosso alojamento WordPress.

Lista de alguns códigos curtos úteis com funções (tabela)

Segue-se uma lista de alguns códigos de acesso úteis no WordPress, juntamente com as suas funções:

Funcionamento	Utilização prática
[ áudio ]	[ áudio src=””#”]
[legenda]	[legenda width=“450“]< img src=”#”/> Imagem [/caption]
[incorpora]	[incorpora largura=”450″ altura=”320″]
[galeria]	[gallery id=“32”]
[vídeo]	[vídeo src=”#”]
[playlist]	[plista tipo =”vídeo”]
[wpforms]	[wpforms id=”10″]
[Não te preocupes.]	[soliloquy id=”578″]

---

3 dias para testar a perfeição do código curto

Experimenta a nossa plataforma completa com:
Pré-otimizado para shortcodes complexos
Não precisas de cartão de crédito
Assistência gratuita à migração

Inicia o Developer Trial

Como adicionar códigos de acesso ao WordPress (5 métodos fáceis)

Adicionar códigos de acesso do WordPress é fácil e pode ser feito usando cinco métodos diferentes. Estes métodos incluem a adição direta de códigos de acesso a posts ou páginas, a utilização do widget de texto, a criação de um plug-in de códigos de acesso, a adição de códigos de acesso ao ficheiro functions.php do teu tema e a utilização de um plug-in de criação de códigos de acesso.

Como adicionar códigos de acesso em posts e páginas do WordPress

Eis como podes adicionar facilmente códigos de acesso a publicações e páginas do WordPress:

• Vai ao editor do teu post/página e procura por“Shortcode“.

• Se estiveres a utilizar o Gutenberg, procura o shortcode na secção de blocos e adiciona-o à tua página ou publicação.

• Cola o shortcode no respetivo campo onde o queres apresentar.
• Adicionei o WP Forms Shortcode para adicionar o formulário de contacto.

• Pré-visualiza o teu post ou página para verificar se o shortcode está a funcionar.

• Podes seguir passos semelhantes para qualquer construtor de páginas. Por exemplo, no Elementor, procura o Shortcode na secção Elemento e arrasta-o e solta-o na dobra pretendida.

Como adicionar códigos de acesso aos widgets do WordPress

Segue os passos para adicionar um shortcode do WordPress num widget:

• Vai ao teu Painel de Controlo do WordPress e navega até Appearance > Widgets.
• Clica no ícone “+” para ver todas as opções de widgets disponíveis e procura o widget Shortcode.

• Adiciona o teu shortcode ao campo e actualiza a tua secção de widgets. Para este tutorial, vou adicionar o shortcode WP Forms.

• Pré-visualiza o teu site para garantir que o shortcode é apresentado corretamente na área do widget.

Como adicionar códigos de acesso no editor clássico do WordPress

O Editor Clássico do WordPress ainda é muito usado para editar posts e páginas no WordPress. E adicionar um shortcode no Editor Clássico é bastante fácil e pode ser feito seguindo os passos simples abaixo:

• Abre o Editor Clássico do WordPress navegando até ao post/página que pretendes editar e selecionando“Editor Clássico” nas opções de edição.
• Cria um novo post/página ou edita um já existente onde queres adicionar o shortcode.
• Localiza a área onde queres adicionar o shortcode e escreve-o aí.

• Guarda as alterações que fizeste no post/página e depois pré-visualiza-o para ver se o shortcode está a funcionar corretamente.

Como adicionar códigos de acesso aos ficheiros de temas do WordPress

Eis os passos para adicionares códigos de acesso aos ficheiros de temas do WordPress:

• Faz cópias de segurança dos teus ficheiros ou utiliza um local de teste para evitar danos no teu local de produção.

Por exemplo, quero adicionar um Shortcode para todas as páginas 404 (quando alguém tenta aceder a páginas inexistentes).

• Vai ao Painel de Controlo do WordPress > Appearance > Theme File Editor.

• Seleciona a secção de ficheiros onde pretendes adicionar o shortcode. Por exemplo, 404.php para todas as páginas de erro 404.
• Cola o shortcode no ficheiro selecionado. Por exemplo:

<?php echo do_shortcode("[wpforms id="8"]"); ?>

• Guarda as alterações e pré-visualiza o resultado da saída.
• Eis o resultado que obterás quando alguém tentar aceder a páginas não existentes.

Como criar o teu próprio código de acesso personalizado no WordPress

Criar um shortcode personalizado no WordPress pode parecer uma tarefa assustadora, pois normalmente envolve a criação de um novo plugin. No entanto, com a devida preparação e cuidado, o processo pode ser simplificado e relativamente indolor.

Recomendo que cries uma cópia de segurança ou trabalhes num site de teste para reverteres facilmente para uma versão anterior se algo correr mal durante o processo de criação do código curto.

Sites de clientes com códigos de acesso personalizados?

Gere vários sites com muitos códigos curtos:
– Ambientes de teste isolados
– Ferramentas de colaboração em equipa
– Painéis de controlo de clientes de marca branca

Experimenta o alojamento de agências

Criar um plug-in personalizado

Eis os passos para criares um shortcode personalizado no WordPress:

• Cria um plugin personalizado para o teu shortcode acedendo ao teu servidor/site através de um cliente FTP como o FileZilla.
• Navega até wp-content Folder > plugins > e cria um novo diretório.
• Dá ao diretório o nome do teu plugin, por exemplo: subscribe-shortcode.

• Abre a pasta do teu plugin e cria um novo ficheiro PHP com um nome à tua escolha, como my-shortcode.php.

• Clica em ver/editar o ficheiro PHP e abre o ficheiro local.
• Cola o código do cabeçalho do plugin e guarda-o premindo “ctrl+s“. O código deve ser parecido com o seguinte:

<?php

/*

  * Nome do plugin: Subscreve o Shosrtcode

  * URI do plugin: https://claudwoys.com/pt/

  * Descrição: Este plugin é para efeitos de teste.

  * Versão: 1.0.0

  * Requer pelo menos: 5.3

  * Requer PHP: 7.4

  * Autor: Farhan Ayub

  * URI do autor: https://profiles.wordpress.org/farhanayub/

  * Licença: GPL v2 ou posterior

  * Licença URI: https://www.gnu.org/licenses/gpl-2.0.html

  * Actualiza o URI: https://claudwoys.com/pt/

  * Domínio de texto: my-basics-plugin

  * Caminho do domínio: /languages

  */

?>

• Quando guardas as alterações, aparece uma janela pop-up “O ficheiro foi alterado” na tua ferramenta FileZilla.
• Seleciona “Concluir a edição e eliminar o ficheiro local” e clica em Sim.

• Depois de o ficheiro ter sido atualizado, vai ao teu Painel de Controlo do WordPress > Installed Plugin e ativa o teu novo plugin.
• Os detalhes do plugin devem apresentar os campos do cabeçalho, como a versão, o nome do autor, etc.

Criar um código de acesso personalizado do WordPress

Também podes criar um shortcode WordPress personalizado depois de activares o teu plugin. Nesta secção, vou criar um shortcode que permite aos utilizadores subscreverem o canal YouTube da Cloudways.

Segue os passos para criar um shortcode personalizado do WordPress:

• Abre o teu ficheiro PHP (neste caso: my-shortcode.php) e cola o seguinte código:

add_shortcode( 'subscribe', 'cloudways_link' );

função cloudways_link(){

  return 'Subscreve a Cloudways  <a href="https://www.youtube.com/@Cloudways/featured?sub_confirmation=1">Canal YouTube</a>';

  }

add_action('init', 'cloudways_link');

• Vamos utilizar o shortcode personalizado na tua publicação. Uma vez que definimos o nome do nosso shortcode como “subscribe” (subscrever), chama-o com parênteses como este: [subscribe].

• Actualiza as alterações e verifica o resultado do shortcode.

• Se o resultado aparecer na publicação, isso significa que o shortcode personalizado do WordPress está a funcionar.

Códigos curtos vs. Blocos do Gutenberg

Os códigos curtos e os blocos Gutenberg são ambos usados no WordPress para melhorar a funcionalidade do teu site. Esta secção irá comparar ambos para destacar as principais diferenças.

Códigos curtos:

• Permite inserir conteúdo dinâmico em páginas e posts do WordPress
• Criado utilizando parênteses rectos com uma palavra-chave ou função no seu interior
• Requer conhecimentos básicos de codificação
• Pode ser adicionado a qualquer página ou publicação no editor do WordPress
• Pode ser reutilizado em várias páginas ou publicações

Blocos de Gutenberg:

• Permite criar conteúdos dinâmicos com a interface de arrastar e largar
• Oferece mais opções e é mais fácil de utilizar do que os códigos de acesso
• Consegue criar layouts complexos com facilidade
• Pode ser ampliado com blocos ou plugins personalizados
• Requer menos conhecimentos técnicos do que os códigos curtos

Os códigos curtos podem exigir conhecimentos básicos de codificação e oferecem uma personalização visual limitada. Por outro lado, os Blocos de Gutenberg oferecem uma abordagem mais fácil de utilizar com opções alargadas para criar conteúdo dinâmico.

Para adicionares um código curto usando os blocos do Gutenberg, basta seleccionares a opção “Código curto” e preencheres o nome do código curto no campo designado. Isto pode ser feito facilmente sem qualquer conhecimento de codificação, tornando-o uma opção conveniente para os utilizadores que preferem uma abordagem mais visual à criação de conteúdos.

Os códigos curtos tornam o teu site mais lento?

A nossa pilha optimizada lida com códigos curtos que consomem muitos recursos sem prejudicar o desempenho.

Corrigir o desempenho do meu código curto

Resumo

Os códigos curtos do WordPress são uma ferramenta poderosa que te permite criar conteúdo dinâmico de forma fácil e rápida. Quer sejas um principiante ou um utilizador experiente, existem várias formas de os adicionar ao teu site WordPress. Eu abordei 5 métodos fáceis neste blog. Com o alojamento WordPress gerido pela Cloudways, podes criar e gerir facilmente códigos de acesso para o teu site WordPress.

Embora possam ter algumas limitações, as vantagens superam as desvantagens, especialmente quando combinadas com a facilidade de utilização dos blocos Gutenberg.

Por isso, quer pretendas apresentar um simples botão ou um conteúdo complexo, os códigos de acesso são uma forma fantástica de melhorar o teu site WordPress.

Experimenta e vê como eles podem levar o teu conteúdo para o próximo nível!

FAQs

Q. O WordPress tem códigos de acesso incorporados?

Sim, o WordPress vem com 6 códigos de acesso incorporados, listados abaixo:

• [áudio]
• [legenda]
• [incorpora]
• [galeria]
• [vídeo]
• [playlist]

Q. Onde estão os meus códigos de acesso no WordPress?

Podes encontrar os códigos de acesso de um plug-in do WordPress consultando a documentação do plug-in no painel de controlo do WordPress.

Q. Como utilizar os códigos de acesso predefinidos no WordPress?

Podes utilizar os códigos de acesso predefinidos no WordPress de três formas: através do bloco Gutenberg, do editor clássico ou por código.

Q. Qual é a utilidade dos códigos curtos no WordPress?

O objetivo dos códigos curtos no WordPress é adicionar conteúdo dinâmico e funções às tuas páginas e publicações.