{"id":32807,"date":"2020-01-10T07:31:45","date_gmt":"2020-01-10T15:31:45","guid":{"rendered":"https:\/\/kinqsta.com\/?p=63384"},"modified":"2025-02-19T11:16:33","modified_gmt":"2025-02-19T14:16:33","slug":"codigo-curto-wordpress","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/pt\/blog\/codigo-curto-wordpress\/","title":{"rendered":"O Guia Final para Criar e Inserir Shortcode ou C\u00f3digo Curto no WordPress (Com Exemplos)"},"content":{"rendered":"

O shortcode ou c\u00f3digo curto do WordPress \u00e9 um recurso poderoso que lhe permite fazer coisas legais com pouco esfor\u00e7o. Voc\u00ea pode fazer quase tudo com eles. Com o c\u00f3digo curto, \u00e9 t\u00e3o f\u00e1cil integrar elementos interativos ou criar layouts complexos quanto inserir uma \u00fanica linha de c\u00f3digo.<\/p>\n

Se voc\u00ea quiser adicionar uma galeria<\/a>, voc\u00ea tem que simplesmente digitar o seguinte c\u00f3digo:<\/p>\n

[gallery ids=\"47 ,86, 92, 64, 48, 75, 89, 80\" columns=\"4\" size=\"medium\"]<\/pre>\n
Isto ir\u00e1 gerar uma galeria com os IDs de imagem mencionados. Ele ter\u00e1 4 colunas e seu tamanho m\u00e1ximo ser\u00e1 ‘m\u00e9dio’ (como definido pelo WordPress).<\/p>\n
N\u00e3o h\u00e1 necessidade de nenhum c\u00f3digo HTML complicado.<\/p>\n
\"Exemplo<\/a>
Exemplo de galeria com c\u00f3digo curto<\/figcaption><\/figure>\n
O c\u00f3digo curto elimina a necessidade de scripts complicados. Mesmo que voc\u00ea tenha pouca ou nenhuma habilidade de programa\u00e7\u00e3o, voc\u00ea pode adicionar conte\u00fado din\u00e2mico sem esfor\u00e7o com a ajuda deles.<\/p>\n
Eles s\u00e3o muito populares entre os desenvolvedores do WordPress<\/a>, pois ajudam tremendamente na automatiza\u00e7\u00e3o do conte\u00fado e na cria\u00e7\u00e3o do design. Os c\u00f3digos curtos s\u00e3o para os desenvolvedores do WordPress o que s\u00e3o macros para analistas de dados, ou atalhos de teclado para designers gr\u00e1ficos profissionais.<\/p>\n
Neste guia, voc\u00ea aprender\u00e1 tudo o que h\u00e1 para saber sobre os c\u00f3digos curtos. Voc\u00ea descobrir\u00e1 como trabalhar com o API de c\u00f3digo curto, criando seus pr\u00f3prios c\u00f3digos curtos. Finalmente, discutiremos o futuro dos c\u00f3digos curtos e seu lugar no novo editor de blocos do WordPress<\/a>.<\/p>\n
Voc\u00ea est\u00e1 entusiasmado com isso? Vamos come\u00e7ar!<\/p>\n
<\/div><\/kinsta-auto-toc>\n
O que \u00e9 um shortcode ou c\u00f3digo curto?<\/h2>\n
Em resumo, Shortcode = Shortcut + Code <\/strong>(c\u00f3digo curto).<\/p>\n
Tipicamente, o c\u00f3digo curto usa etiquetas entre colchetes [ ] para definir como s\u00e3o usados. Cada c\u00f3digo curto executa uma fun\u00e7\u00e3o espec\u00edfica em um site. Pode ser t\u00e3o simples como formatar o conte\u00fado ou t\u00e3o complexo como definir toda a estrutura do site.<\/p>\n
Por exemplo, voc\u00ea pode usar c\u00f3digo curto para incorporar controles deslizantes, formul\u00e1rios<\/a> ou tabelas de pre\u00e7os<\/a>. Voc\u00ea pode at\u00e9 us\u00e1-los para criar modelos reutiliz\u00e1veis de design de p\u00e1ginas.<\/p>\n
Um breve hist\u00f3rico de c\u00f3digos curtos<\/h3>\n
Os c\u00f3digos curtos foram inicialmente tornados populares por um software de f\u00f3rum online chamado Ultimate Bulletin Board (UBB). Em 1998, eles introduziram o BBCode (Bulletin Board Code)<\/a>, uma cole\u00e7\u00e3o de tags f\u00e1ceis de usar para os usu\u00e1rios formatarem seus artigos facilmente.<\/p>\n
\"F\u00e1cil<\/a>
F\u00e1cil formata\u00e7\u00e3o com BBCodes simples<\/figcaption><\/figure>\n
Como uma linguagem de marca\u00e7\u00e3o leve, a BBCode trabalha com os mesmos princ\u00edpios do HTML, exceto que \u00e9 muito mais simples.<\/p>\n
O uso de tags predefinidas tamb\u00e9m \u00e9 muito mais seguro, pois os usu\u00e1rios n\u00e3o podem inserir c\u00f3digo HTML e introduzir vulnerabilidades de seguran\u00e7a<\/a>. Por exemplo, um usu\u00e1rio com inten\u00e7\u00f5es maliciosas poderia usar a tag <script> para executar c\u00f3digo JavaScript e quebrar a funcionalidade do site.<\/p>\n
Logo depois, outros softwares de f\u00f3rum online como phpBB<\/a>, XMB Forum<\/a>, e vBulletin<\/a> adicionaram a funcionalidade BBCode em seus quadros de mensagens.<\/p>\n
C\u00f3digos curtos habilitam os administradores a ter maior controle sobre o que seus usu\u00e1rios podem ou n\u00e3o fazer. Al\u00e9m disso, eles permitiram que os usu\u00e1rios formatassem seus conte\u00fados atrav\u00e9s de tags simples.<\/p>\n
Devido \u00e0s mesmas raz\u00f5es de seguran\u00e7a, o WordPress impede que o c\u00f3digo PHP seja executado dentro do conte\u00fado do site. Para superar essa limita\u00e7\u00e3o, o WordPress 2.5<\/a> introduziu a funcionalidade de c\u00f3digo curto em 2008 com o lan\u00e7amento da API Shortcode<\/a>. Ele provou ser um dos recursos mais utilizados por muitos plugins WordPress e desenvolvedores de temas.<\/p>\n
O que s\u00e3o c\u00f3digos curtos do WordPress?<\/h3>\n
Os c\u00f3digos curtos do WordPress s\u00e3o strings entre colchetes ([ ]<\/strong>) que magicamente se transformam em algo fascinante na interface p\u00fablica. Eles permitem aos usu\u00e1rios criar e editar facilmente conte\u00fados complexos sem ter que se preocupar com a complexidade do HTML ou com a incorpora\u00e7\u00e3o de c\u00f3digos.<\/p>\n
\"Os<\/a>
Os c\u00f3digos curtos do WordPress s\u00e3o simples e f\u00e1ceis de usar<\/figcaption><\/figure>\n
Os 2 tipos de c\u00f3digos curtos<\/h3>\n
Existem principalmente dois tipos de c\u00f3digos curtos no WordPress.<\/p>\n
\"O
O fecho autom\u00e1tico e o c\u00f3digo curto de fechamento podem ser v\u00e1lidos com ou sem atributos .<\/figcaption><\/figure>\n