{"id":8869,"date":"2018-04-13T11:21:37","date_gmt":"2018-04-13T14:21:37","guid":{"rendered":"https:\/\/blog.hostinger.io\/br-tutoriais\/?p=8869"},"modified":"2024-10-30T12:14:01","modified_gmt":"2024-10-30T15:14:01","slug":"como-usar-do-shortcode-wordpress","status":"publish","type":"post","link":"\/br\/tutoriais\/como-usar-do-shortcode-wordpress","title":{"rendered":"Como usar a fun\u00e7\u00e3o do_shortcode no WordPress"},"content":{"rendered":"

Expandir a funcionalidade do seu site WordPress é muito fácil, especialmente com a ajuda de shortcodes. Para colocá-los em qualquer parte do seu site, você pode usar a função do WordPress do_shortcode<\/strong>. Nos parágrafos a seguir, vamos mostrar como você pode usá-lo. Então, vamos começar explorando o básico dos shortcodes do WordPress<\/strong>.<\/p>

\n\n\n\n\n\n\n\n\n<\/p>

O Que é Shortcode?<\/strong><\/h2>

Shortcode é um trecho de código que permite executar uma função, como exibir conteúdo<\/strong>. Por exemplo, se você criar um slider usando o plugin MetaSlider<\/strong><\/a>, você precisa incorporar o shortcode do plugin em alguma área do seu site para mostrar o slider.<\/p>

No entanto, você só pode incorporá-lo no corpo de uma página\/post<\/strong> ou na área de widgets<\/strong> do site. Caso contrário, o conteúdo não aparecerá. Para resolver esse problema, você pode usar a função do_shortcode<\/strong> do WordPress. Ele permite que você incorpore o shortcode em qualquer lugar do site que desejar, incluindo o cabeçalho. Ele ficará tipo assim:<\/p>

<?php echo do_shortcode( '[seu shortcode vai aqui]' ); ?><\/pre>
Para aplicar essa função, você precisa acessar e ajustar os arquivos do tema<\/strong>. Não se esqueça de fazer um backup completo do seu site WordPress<\/strong><\/a> e usar um child theme WordPress<\/strong><\/a> para evitar a perda de dados se algo der errado.<\/p>
Como Usar o do_shortcode no WordPress?<\/strong><\/h2>
Agora, vamos tentar adicionar um shortcode usando o WordPress do_shortcode<\/strong>. Por exemplo, vamos supor que você queira incluir um slider<\/strong> no cabeçalho<\/strong> do seu tema usando o MetaSlider (certifique-se de ter instalado o plugin<\/strong><\/a> antes, naturalmente). No entanto, você não tem nenhum widget para a área do cabeçalho.<\/p>
Então, você precisa incorporar o shortcode do slider no arquivo de cabeçalho do tema<\/strong>. Para fazer isso, siga as seguintes etapas:<\/p>
    \n
  1. Clique em MetaSlider <\/strong>na barra lateral esquerda do painel de administração do WordPress<\/strong><\/a>.<\/li>\n\n\n\n
  2. Copie<\/strong> o shortcode no canto inferior direito da página.
    \"capturando<\/li>\n<\/ol>
    Se você notar, o shortcode do MetaSlider já está dentro da função do_shortcode<\/strong> do WordPress. Você pode então prosseguir com a edição do arquivo de cabeçalho<\/strong> do tema acessando o gerenciador de arquivos<\/strong> do seu host<\/a> ou um cliente FTP<\/strong><\/a>, como o FileZilla<\/strong><\/a>.<\/p>
    Os seguintes passos mostrarão como editar arquivos de tema com o Gerenciador de Arquivos da Hostinger<\/strong><\/a>, mas o guia também pode ser seguido em um cliente FTP<\/strong>.<\/p>
      \n
    1. Acesse seu hPanel<\/strong> e clique em Gerenciador de Arquivos<\/strong><\/li>\n\n\n\n
    2. Vá para a <\/strong>pasta public_html e navegue até wp-contents -> themes.<\/strong><\/li>\n\n\n\n
    3. Acesse a pasta do tema<\/strong> atualmente ativo<\/strong>.<\/li>\n\n\n\n
    4. Abra header.php<\/strong>, depois role a página para baixo e coloque a função do_shortcode <\/strong>acima da tag <\/header> <\/strong>.
      \"inserindo<\/li>\n\n\n\n
    5. Salve<\/strong> e verifique a aparência do seu site.
      \"shortcode<\/li>\n<\/ol>
      Às vezes, editar os arquivos principais do tema pode quebrar o layout do seu site. Para resolver isso, você deve fazer alterações no CSS para que seu site se reajuste ao conteúdo. Confira nossos tutoriais sobre como inspecionar elementos<\/strong><\/a> com o Chrome e baixe nossa folha de dicas CSS<\/strong><\/a>.<\/p>
      \n
      \"\"<\/a><\/figure>\n<\/div>
      Conclusão<\/strong><\/h2>
      Agora você já sabe como usar shortcodes e exibi-los usando a função do_shortcode <\/strong> do WordPress. Basta colocá-lo no arquivo do tema e você já pode começar! Não se esqueça de fazer backup do seu site antes de editar o arquivo, para evitar o risco de perder dados.<\/p>
      Você tem alguma pergunta sobre o tópico? Deixe um comentário abaixo!<\/p>
      \n\n\n
      \n                    
      Descubra Mais Técnicas Avançadas de WordPress<\/h4>\n                    
      WordPress Multisite
      <\/strong><\/a>      Tipos de Post Personalizados no WordPress
      <\/strong><\/a>      Adicionar CSS Personalizado ao WordPress
      <\/strong><\/a>      Como Editar HTML no WordPress
      <\/strong><\/a>      WordPress Sem Cabeçalho
      <\/strong><\/a>      API Rest do WordPress<\/strong><\/a><\/p>\n                <\/div>\n<\/p>\n","protected":false},"excerpt":{"rendered":"
      Expandir a funcionalidade do seu site WordPress é muito fácil, especialmente com a ajuda de shortcodes. Para colocá-los em qualquer parte do seu site, você pode usar a função do WordPress do_shortcode. Nos parágrafos a seguir, vamos mostrar como você pode usá-lo. Então, vamos começar explorando o básico dos shortcodes do WordPress. O Que é […]<\/p>\n
      Read More…<\/a><\/p>\n","protected":false},"author":78,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"","rank_math_description":"A fun\u00e7\u00e3o do_shortcode permite colar shortcodes em qualquer \u00e1rea do seu site WordPress, n\u00e3o apenas p\u00e1ginas ou \u00e1reas de widgets. Saiba como!","rank_math_focus_keyword":"do_shortcode","footnotes":""},"categories":[4911],"tags":[5394,5395],"class_list":["post-8869","post","type-post","status-publish","format-standard","hentry","category-wordpress","tag-do_shortcode-wordpress","tag-wordpress-shortcode"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/wordpress-do_shortcode","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/como-usar-do-shortcode-wordpress","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/do_shortcode-wordpress","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/usar-do_shortcode-wordpress","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/do_shortcode-wordpress","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/wordpress-do_shortcode","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/wordpress-do_shortcode","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/wordpress-do_shortcode","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/usar-do_shortcode-wordpress","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/usar-do_shortcode-wordpress","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/usar-do_shortcode-wordpress","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/como-usar-do-shortcode-wordpress","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/wordpress-do_shortcode","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/wordpress-do_shortcode","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/wordpress-do_shortcode","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/wordpress-do_shortcode","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/8869","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/users\/78"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/comments?post=8869"}],"version-history":[{"count":9,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/8869\/revisions"}],"predecessor-version":[{"id":46619,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/8869\/revisions\/46619"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/media?parent=8869"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/categories?post=8869"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/tags?post=8869"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}