Modo de Desenvolvedor

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.

Nota

O código personalizado que ficará visível no site deve ser adicionado usando um widget 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.

Para acessar o Modo Desenvolvedor:

  1. Clique no botão Modo Desenvolvedor () na barra de navegação. Uma outra opção é clicar com o botão direito em um widget, selecionar Editar HTML/CSS e depois clicar em Modo Desenvolvedor no canto inferior esquerdo.
  2. Em seguida, faça suas alterações. Use os botões Salvar e Visualizar para ver seu trabalho.
  3. 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


  1. 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.
  2. 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.
  3. 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.
  4. 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.
  5. 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 Duda foi adicionada a um elemento inválido.
Esse artigo foi útil?
Usuários que acharam isso útil: 0 de 0

Feedback sobre este artigo

0 comentário

Por favor, entre para comentar.

×

Faça o login como Profissional

O Suporte prioritário por telefone está disponível exclusivamente para profissionais. Acesse a sua conta Pro agora para ver nossos números de suporte internacional.

Registre-se
Não é profissional? Adquira um plano Pro!