O Modo Desenvolvedor oferece acesso para editar e alterar o HTML e o CSS de seu site. Adicionar código personalizado permite a customização avançada que não é possível com o arrastar e soltar do Editor; no entanto, isso só deve ser realizado por usuários avançados com uma sólida compreensão dos códigos de desenvolvimento da web.
O código personalizado que ficará visível no site deve ser adicionado usando um HTML. O código personalizado normalmente não deve ser colocado no cabeçalho. Em geral, é melhor seguir primeiro as instruções fornecidas pelo autor do código antes de adicioná-lo ao seu site.
Quando código é inserido no HTML do cabeçalho, os aplicativos de gerenciamento de consentimento não conseguem impedir a execução do código antes do consentimento. Isso ocorre porque o Website Builder otimiza a estrutura e a ordem de como o conteúdo é carregado, com base em práticas recomendadas de desempenho no site. Inserimos scripts e banners CMP nas partes inferiores das páginas para melhorar o desempenho do conteúdo principal. Sendo assim, ao usar um aplicativo de gerenciamento de consentimento, recomendamos inserir o código no final do corpo.
Para acessar o Modo Desenvolvedor:
- Clique no botão Modo Desenvolvedor
na barra de navegação. Uma outra opção é clicar com o botão direito em um , selecionar Editar HTML/CSS e depois clicar em Modo Desenvolvedor no canto inferior esquerdo.
- Em seguida, faça suas alterações. Use os botões Salvar e Visualizar para ver seu trabalho.
- Clique em Obter URL da imagem para obter o URL de uma imagem ou carregar uma nova imagem no modo de desenvolvedor para que seja possível inseri-la diretamente no HTML.
Notas
- Lembre-se de permanecer dentro das colunas. Nossos sites responsivos são baseados em uma estrutura de linha-coluna. Isso quer dizer que cada linha contém colunas que, em última análise, mantêm o conteúdo. Ao adicionar ou editar seu próprio HTML, tenha certeza de que ele se encontra dentro de uma coluna.
- Deixe as classes no lugar. O Editor se baseia nas várias classes que são adicionadas aos elementos. Se você encontrar uma classe existente (geralmente começa com dm), não mexa nela. Se você remover classes, o site poderá não ter a mesma quando você for visualizá-lo.
- Observe os tamanhos das classes. Colunas têm um valor de tamanho que é adicionado como uma classe, como large-6 ou small-12. Isso determina o tamanho das colunas dentro dessa linha. Você deve deixá-las como estão, pois elas são o núcleo do dimensionamento da linha nos diferentes dispositivos.
- Se possível, evite editar extensões. No HTML, você verá espaços reservados para elementos na página. Evite editá-los, especialmente os valores dos dados contidos neles. Editá-los pode danificar os widgets quando você voltar para o Criador de Sites.
- O backup de seu site é feito automaticamente quando você entra no Modo de Desenvolvedor. Somente insira códigos se você souber o que está fazendo, e faça backup várias vezes. Não solucionamos problemas relacionados a código personalizado.
Erros
- DUPLICATE_ID. Cada elemento deve ter um ID exclusivo
- INVALID_ELEMENT_LOCATION. Todos os elementos devem estar em uma coluna que, por sua vez, deve estar em uma linha
- BAD_PROPORTION. Deve haver até 12 colunas em uma linha.
- INVALID_CLASS_FOR_ELEMENT. Uma classe Construtor de sites foi adicionada a um elemento inválido.