O editor é flexível, pois permite que você modifique o código existente ou adicione o seu próprio. Isso permite que você estenda a funcionalidade da plataforma e lhe dá 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á três métodos diferentes para adicionar código personalizado ao seu site.
Widget HTML
O HTML é o método mais fácil de adicionar código personalizado ao seu site.
No painel esquerdo, clique em Widgets e arraste o widget para uma coluna ou linha no seu site e cole no seu código.
Editar código personalizado
Depois de adicionar código personalizado com o HTML, clique no no seu editor para editar seu código.
Às vezes, no entanto, devido à natureza do código, não é possível fazer isso tão facilmente. Nesse caso, você pode selecionar o contêiner para ver se é possível editar o contêiner inteiro (o que incluirá o código).
Editar código embutido
Para editar o código de qualquer coisa no seu site:
- Clique com o botão direito do mouse no local em que deseja editar o código e clique em Editar HTML/CSS para visualizar o código de qualquer coisa 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.
Mesmo você podendo 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 complicações. Para criar novos seletores de CSS, faça isso no modo de desenvolvedor.
Modo de Desenvolvedor
Você pode visualizar o código de todo o site no editor. Para acessar o código, clique </> no canto superior direito do seu editor.
O código do seu site é dividido em seções para permitir o ajuste fino do site.
Para obter mais informações sobre o modo de desenvolvedor, consulte Modo de desenvolvedor.
Perguntas frequentes e solução de problemas
Se você quebrou o site com código personalizado, faça o seguinte para corrigir o problema:
- Restaurando de um Backup
- Corrigindo o código manualmente
- Acessando uma parte diferente da página
Para saber como solucionar problemas de código personalizado, consulte Como posso solucionar problemas de código personalizado?
Quais são algumas boas diretrizes de codificação personalizada?
Algumas diretrizes incluem:
- Crie um backup
- Usar uma página de teste
- Crie um backup
Para obter mais informações, consulte Diretrizes de código personalizado.