O bloco HTML personalizado é ideal para usuários com flexibilidade e controle sobre seu conteúdo. Ele permite que você adicione código HTML diretamente aos seus posts ou páginas sem alterar os arquivos do tema.
Ele também adiciona widgets, formulários ou scripts personalizados de plataformas externas, como o Google Maps, incorporações de mídia social ou ferramentas analíticas. Ele também permite que você visualize seu código antes de publicar.
Hoje, mostraremos a você como usar o bloco HTML personalizado no WordPress com etapas fáceis. Não deixe de nos acompanhar.
O que é o bloco HTML personalizado do WordPress?
O que é o bloco HTML personalizado do WordPress?
O bloco HTML personalizado é um bloco central que permite a exibição de código HTML personalizado em seus posts e páginas. É uma ferramenta útil para adicionar elementos de design exclusivos, incorporar scripts externos, etc.
Ele oferece suporte à entrada de HTML bruto. Portanto, você tem controle total sobre a saída no front-end do seu site.
Quais são os principais recursos do bloco HTML personalizado?
- Opção de visualização: Veja como seu código HTML aparecerá no front-end sem sair do editor.
- Flexibilidade: Adicione scripts, estilos em linha ou incorporações personalizadas sem restrições quanto ao tipo de código HTML que você usa.
- Capacidade de resposta: Garante que as saídas HTML personalizadas se ajustem a diferentes dispositivos, dependendo da estrutura de seu código.
Quais são os recursos da barra de ferramentas do bloco HTM personalizado??
- Transformar para: Você pode transformar esse bloco nos blocos Columns, Code, Details e Group.
- Alças móveis: Permite que você mova seu bloco para cima e para baixo no editor para organizar melhor seu conteúdo.
- Arrastar: Permite que você arraste e solte o bloco dedicado em qualquer lugar.
- HTML: Esse botão permite que que você vê e insira o código HTML no bloco.
- Prévia: O Preview permite que você mostre a visualização do seu código HTML no editor para que possa alterar a saída do editor.
- Opções: Oferece mais opções relacionadas à seção do bloco, como duplicar, copiar, agrupar, etc.

Criar mesas bonitas
Com o Block Editor

Como usar o bloco HTML personalizado no WordPress?
Qualquer pessoa sem habilidades de codificação pode usar facilmente o bloco HTML personalizado. Tudo o que você precisa fazer é seguir as etapas abaixo.
Etapa 1: Inserir o bloco HTML personalizado do WordPress
Vá para o post ou a página em que deseja adicionar blocos HTML personalizados. Em seguida, clique no botão Adicionar bloco ("+") ícone (1), digite "HTML personalizado" na caixa de pesquisa (2)e clique em "HTML personalizado" (3).

Etapa 2: Insira seu código HTML personalizado
Cole seu código dentro do bloco de código personalizado.

Você também pode ver diretamente o resultado do seu código no editor, selecionando o botão de visualização.

Então, é assim que você usa o bloco HTML personalizado. Certifique-se de publicar ou salvar sua postagem após adicionar o bloco.
O HTML personalizado não contém nenhuma outra personalização nas configurações do bloco. Por enquanto, todas as personalizações estão na barra de ferramentas.
Considerações finais!
O bloco HTML personalizado ajuda os recursos padrão do WordPress com código personalizado. Sua interface intuitiva e a opção de visualização o tornam um bloco HTML perfeito.
Espero que este pequeno tutorial tenha ajudado você a saber mais sobre o bloco e como usá-lo. Caso não tenha entendido alguma das etapas acima, entre em contato comigo.
Leia mais!
- Como usar o bloco de código no WordPress em 3 etapas simples
- Como usar o bloco de citação no WordPress em 3 etapas fáceis
- Como adicionar uma "tabela de prós e contras" no WordPress
- 7 melhores plug-ins obrigatórios de layout de blog para WordPress Tableberg
- 7 melhores plug-ins de afiliados da Amazon para WordPress (2025)