O editor é flexível, permitindo que você modifique o código existente ou adicione o seu próprio. Isso possibilita ampliar a funcionalidade da plataforma e oferece recursos adicionais. Por exemplo, você pode adicionar um widget de calendário personalizado ou até mesmo um formulário de contato personalizado de terceiros para receber pagamentos em seu site.
Este artigo abordará 3 métodos diferentes para adicionar código personalizado ao seu site.
Widget HTML
O widget HTML é o método mais fácil de adicionar código personalizado ao seu site.
No painel esquerdo, clique em Widgets, arraste o widget HTML para uma coluna ou linha do seu site e cole o código.
Editar código personalizado
Após adicionar o código personalizado com o widget HTML, clique no widget em seu editor para editar o código.
Às vezes, porém, devido à natureza do código, não é possível fazer isso com tanta facilidade. Nesse caso, você pode selecionar o contêiner para verificar se é possível editá-lo por completo (incluindo o código).
Editar código embutido
Para editar o código de qualquer elemento do seu site:
- Clique com o botão direito do mouse onde deseja editar o código e, em seguida, clique em Editar HTML/CSS para visualizar o código de qualquer elemento no seu editor.
- O editor de código é exibido para o código que você está editando. Uma vez lá, clique em Documentação para ler a documentação antes de começar a alterar o código.
Observação:
Embora seja possível editar o CSS no modo de desenvolvedor, não é recomendável adicionar novos seletores neste menu. Você pode adicionar novas regras aos seletores aqui sem problemas. Para criar novos seletores CSS, utilize o modo de desenvolvedor.
Modo de desenvolvedor
Você pode visualizar o código completo do seu site dentro do editor. Para acessar o código, clique em </> no canto superior direito do seu editor.
O código do seu site está dividido em seções para permitir ajustes precisos.
Para obter mais informações sobre o modo de desenvolvedor, consulte Modo de desenvolvedor.
Perguntas frequentes e soluções de problemas
Se você danificou seu site com código personalizado, pode corrigi-lo da seguinte forma:
- Restaurar a partir de um backup
- Corrigindo o código manualmente
- Acessando uma parte diferente da página
Quais são algumas boas diretrizes para codificação personalizada?
Algumas diretrizes são:
- Criar um backup
- Use uma página de teste
- Criar um backup
Para obter mais informações, consulte as diretrizes de código personalizado.