Como Adicionar códigos HTML no WordPress

Criar Site no Webnode

Plugins de SEO para WordPress

Se você está desenvolvendo um blog com o WordPress e está tendo problemas para adicionar um simples contador de visitas, chat ou um banner de um programa de afiliado ao menu de navegação, então confira este artigo que mostra um passo a passo de como fazer isso por meio de widgets.

Ps. Você também tem a opção de adicionar códigos diretamente ao código do template, o que permite adicionar códigos em PHP também, mas isso requer algum conhecimento sobre o que se está fazendo e que não será abordado neste artigo.

Como fazer

Dentro do painel de controle de seu blog, clique na aba “Aparência” e em seguida em “Widgets“.

Na nova página você encontrará diversos widgets que já estão disponíveis no centro e do lado direito você verá as colunas que podem ser utilizadas para adicionar os widgets.

widgets
Clique na imagem para ampliar

No nosso caso, vamos adicionar um widget de “Texto” que é o widget que permite adicionar qualquer tipo de texto ou código HTML que você poderá encontrar mais no final da lista de widgets. Clique e segure o botão direito do mouse e arraste-o até a coluna (também chamada de Sidebar) desejada como mostra a imagem abaixo.

adicionar widget de texto

Você poderá opcionalmente arrumar a ordem dos widgets arrastando-os para cima ou para baixo ou mesmo para outra sidebar caso deseje.

Nota
Na imagem acima você pode ver que existem duas Sidebars, mas isso não é padrão no wordPress pois depende do template que estiver utilizando. Alguns templates podem vir com apenas 1 Sidebar, enquanto que outros podem contar com 4 ou 5 Sidebars diferentes.

Em seguida basta colar o código seja lá do que for dentro do campo de texto que se abre. Abaixo você pode ver o código de um contador de visitantes online do Who’s Amung Us.

adicionar código no widget de texto

Agora é só salvar a alteração para que o widget esteja sendo exibido em seu blog.

Gostou deste artigo? Deixe um comentário e não se esqueça de divulgar nas redes sociais.

Celso Lemes

Blogueiro Profissional. Conhecimento sobre Marketing Digital, Google SEO, Divulgação Online, Redes Sociais, Webdesign, Divulgação de Empresas

18 comentários em “Como Adicionar códigos HTML no WordPress

  • 11/02/2013 em 11:43 am
    Permalink

    Muito legal essa função! Para quem quiser adicionar códigos PHP no Widget pode usar um plugin muito legal também, chamado “Executable PHP widget”, aí é só seguir o mesmo caminho para adicionar HTML e utilizar o widget PHP Code…

    Resposta
    • 19/03/2015 em 4:37 pm
      Permalink

      Obrigado pela dica Gabriel estava procurando um puglin que adicionasse códigos PHP no Widget!

      Resposta
  • 12/02/2013 em 4:40 pm
    Permalink

    Dicas simples, mais que ajudará muitos. Eu mesmo já lhe enchi o saco com dúvidas desse tipo.

    Gabriel, eu ainda não conhecia este plugin, vou testá-lo.

    Abraços Celso.

    Resposta
  • 14/02/2013 em 1:45 pm
    Permalink

    Olá, Celso. O plugin Max Banner Ads também possibilita a inserção de código dentro do texto do artigo. Ele tem uma funcionalidade chamada “tags” que fica bem escondidinha no canto superior direito das zonas criadas.

    Depois de criada um zona de banner e inserido o código HTML (ou outro) nessa zona, basta embutir a pequena tag no ponto do texto desejado.

    Uso o plugin há muito tempo e ele tem si mantido consistente.

    Só que tem que comprar o plugin para retirar a propaganda dele.

    Resposta
    • 15/02/2013 em 3:29 pm
      Permalink

      Olá Valter,
      Obrigado pela dica, este plugin parece muito interessante. vou dar uma olhada.

      Abraço!

      Resposta
  • 19/09/2013 em 6:53 pm
    Permalink

    Oi Celso. Estou iniciando no wordpress, gostaria de saber se é possível fazer ou colocar [colar] uma postagem em HTML no editor do wordpress.com. No blogger é possível mudar de texto para html facilmente e no wordpress?
    Antecipadamente, obrigado.
    Abraço.

    Resposta
    • 23/09/2013 em 2:26 pm
      Permalink

      Olá Wilson,
      É possível sim. Existe uma aba que permite alterar o modo de edição no editor do WordPress.

      Abraço!

      Resposta
      • 17/03/2017 em 12:59 pm
        Permalink

        Eu inseri motor de busca de passagens, hotéis pacotes (afiliados) html mas depois de inserir eu não consigo editar o motor para se ajustar ao tamanho da tela. Não sei como fazer.

        Resposta
        • 17/03/2017 em 7:31 pm
          Permalink

          Olá Gabriela,
          Acho que você deve procurar ajuda no site onde pegou o código do buscador.

          Abraço!

          Resposta
  • 08/10/2016 em 6:33 pm
    Permalink

    Instalei o wordpress num subdominio do meu site e estou aprendendo a lidar com ele….dicas valiosas essa da postagem, me fez ganhar um tempo danado! obrigado!

    Resposta
  • 10/02/2017 em 9:17 pm
    Permalink

    Olá, eu quero por o Google Adsense, e não estava a conseguir, então fiz o que você disse. Acha que vai funcionar assim?

    Resposta
    • 13/02/2017 em 6:10 am
      Permalink

      Olá Matilde,
      Acredito que vai sim.

      Abraço!

      Resposta
  • 16/02/2017 em 11:10 pm
    Permalink

    olá como faço as alterações no wordpress se não tem mais a opção editar ? quem pode me ajudar meu whatsapp 85 9970-9374 estou precisando urgente

    Resposta
    • 18/02/2017 em 6:04 pm
      Permalink

      Olá Weudes,
      Tem a opção de editar sim. Clica em “Aparência” e em “Editor”.
      Lembrando que alguns templates tem ~um painel próprio de edição.

      Abraço!

      Resposta
  • 08/03/2017 em 9:10 am
    Permalink

    No meu não tem não já entrei em contato com o wordpress e nada minha versão. Versão 4.7.3

    Resposta
  • 21/05/2017 em 6:36 pm
    Permalink

    Simples, útil e direto ao ponto. Muito obrigada Celso. Vou seguir você e compartilhar seu post.

    Resposta
  • 02/04/2018 em 1:28 am
    Permalink

    gostaria de saber se o plano basico pode adicionar o html não estou conseguindo sai so texto coloco o mesmo codigo html no blogger e sai ok o que pode ser ? o plano free ?

    Resposta
    • 02/04/2018 em 2:19 pm
      Permalink

      Olá Andre,
      Se você criou seu site no wordpress.com então não pode adicionar alguns códigos HTML.
      Para ter total liberdade, você precisa instalar o wordpress do zero.

      At, Celso Lemes

      Resposta

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *