Adicionar código ao seu site

Há várias maneiras de adicionar código personalizado ao seu site no WordPress.com. Este guia explica quais tipos de código podem ser adicionados ao seu site, dependendo do seu plano no WordPress.com.

O tipo de código que você pode adicionar a um site do WordPress.com depende do seu plano:

• Sites gratuitos têm limitações quanto ao código que pode ser adicionado. Essas restrições existem para garantir a segurança de todos os sites que compartilham o mesmo ambiente de hospedagem.
• Plano com plugins ativados não têm limites para o código que você pode adicionar, depois que você ativar seu plano.

Se você deseja usar um iframe, JavaScript ou outro código em um site sem fazer upgrade para um plano compatível, considere as seguintes alternativas:

• Há várias maneiras de compartilhar com segurança vídeos, arquivos de áudio e documentos em qualquer site do WordPress.com.
• Você pode incorporar conteúdo de diversos serviços populares sem precisar de código. Veja a lista completa de plataformas compatíveis, incluindo YouTube, Spotify, Giphy, todas as principais redes sociais e muito mais.
• O WordPress.com inclui diversas funcionalidades adicionais acessíveis sem a necessidade de código ou plugins. Entre elas estão formulários de contato, galerias, Google Analytics, botões de pagamento, eventos, enquetes, quizzes, agendamento de compromissos, reservas de restaurantes e muito mais. Consulte este guia com a lista de funcionalidades inclusas.

HTML é a linguagem usada em todas as páginas que você visita na internet. Ele usa códigos especiais (chamados de tags) para estruturar e organizar o conteúdo de uma página, como texto, imagens, links e multimídia. Todos os sites do WordPress.com podem usar as seguintes tags HTML:

Além disso, sites com um plano com plugins ativados e funcionalidades de hospedagem ativadas podem usar os seguintes códigos:

embed, frame, iframe, form, input, object, textarea, script, style, link

Você pode inserir um bloco HTML personalizado para trechos menores de HTML.

Você pode editar o HTML diretamente no Editor do WordPress de duas maneiras:

Na barra de ferramentas de cada bloco (que aparece quando você clica no bloco), o ícone de reticências, ou os três pontos, tem a opção “Editar como HTML” para editar o HTML apenas daquele bloco específico.

Se você quiser editar a página inteira em HTML, clique nas reticências no canto superior direito e selecione “Editor de código” para alternar para HTML.

Por padrão, o editor de código usa destaque de sintaxe. Você pode desativar isso por usuário e por site seguindo estas etapas:

1. Acesse Usuários → Perfil no painel do seu site.
2. Marque a caixa ao lado de “Desativar o destaque de sintaxe ao editar código”.
3. Clique no botão “Atualizar perfil” para salvar suas alterações.

O CSS controla a apresentação e a aparência do conteúdo HTML na web. Com ele, é possível definir cores, fontes, tamanhos, espaçamentos e posicionamento dos elementos em uma página.

A edição de CSS é compatível com sites nos planos Pessoal, Premium, Negócios ou Comércio. Consulte nosso guia de CSS personalizado para saber mais.

O JavaScript traz interatividade e elementos dinâmicos às páginas da web. Ele é usado para criar funcionalidades envolventes, como formulários interativos, animações e design responsivo.

Os códigos JavaScript geralmente começam com uma tag <script> e podem ser usados em sites com um plano com plugins ativados. Você pode inserir código JavaScript usando um bloco HTML personalizado ou outro método descrito na seção a seguir sobre como inserir código.

O JavaScript de parceiros confiáveis, como o YouTube e o Google Maps, pode ser convertido em uma incorporação ou Shortcode compatível em qualquer plano.

Com base nas limitações descritas acima, você pode adicionar código ao seu site da forma mais adequada ao que precisa. Os métodos a seguir funcionam para inserir a maioria dos códigos, incluindo iframes e JavaScript:

• Insira código em uma página ou post usando o bloco HTML personalizado.
• Faça upload de imagens, vídeos, áudios e documentos diretamente. Consulte Tipos de arquivo aceitos para mais informações.
• Verifique seu site em serviços como Google Search, Bing, Pinterest, Yandex e Facebook Business. Consulte Serviços de verificação de site.
• Exiba código-fonte usando o bloco SyntaxHighlighter Code.

Somente para sites com plugins ativados e funcionalidades de hospedagem ativadas:

• Adicione códigos de verificação de serviços como AdSense, Facebook e Mailchimp por meio de um plugin. Consulte Adicionar código aos cabeçalhos.
• Adicione código ao functions.php por meio de um plugin como o Code Snippets.
• Edite os arquivos do seu site diretamente usando FTP seguro (SFTP).
• Instale um plugin para adicionar praticamente qualquer funcionalidade ao seu site.
• Crie um tema filho para fazer modificações no tema.