O modo de desenvolvedor permite editar e alterar o HTML e o CSS do seu site. Adicionar código personalizado possibilita uma customização avançada que não é possível com o editor de arrastar e soltar; no entanto, essa ação deve ser realizada apenas por usuários avançados com sólido conhecimento de programação web.
Observação:
Códigos personalizados que devem ser visíveis no site devem ser adicionados usando um widget HTML. Códigos personalizados que não devem ser visíveis geralmente devem ser colocados no cabeçalho. Em geral, é sempre melhor seguir as instruções fornecidas pelo autor do código antes de adicioná-lo ao seu site.
Para acessar o modo de desenvolvedor:
- Clique em Modo de desenvolvedor
botão na barra de navegação. Como alternativa, clique com o botão direito do mouse em um widget e selecione Editar HTML/CSS e, em seguida, clique em Modo de desenvolvedor no canto inferior esquerdo. - Em seguida, faça suas ediçõ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 existente ou carregue uma nova imagem no modo de desenvolvedor para que você possa inseri-la diretamente no HTML.
Notas
- Certifique-se de permanecer dentro das colunas. Nossos sites responsivos são baseados em uma estrutura de linhas e colunas. Isso significa que cada linha contém colunas que, em última instância, armazenam o conteúdo. Ao adicionar ou editar seu próprio HTML, certifique-se de que ele esteja dentro de uma coluna.
- Deixe as classes no lugar. O editor depende das várias classes adicionadas aos elementos. Se você vir uma classe existente (geralmente começando com dm), deixe-a no lugar. Se você remover classes, o site pode não ter a mesma aparência quando você for visualizá-lo.
- Observe os tamanhos das classes. As colunas têm um valor de tamanho que é adicionado como uma classe, como "grande-6" ou "pequeno-12". Isso determina o tamanho das colunas dentro daquela linha. É importante manter essas classes, pois elas são essenciais para o dimensionamento da linha em diferentes dispositivos.
- Evite editar extensões, se possível. No HTML, você verá espaços reservados para elementos já presentes na página. Se puder, evite editá-los, especialmente os valores de dados contidos neles. Editar esses espaços pode quebrar os widgets quando você retornar ao site da Guesty.
- Um backup do seu site é feito automaticamente quando você entra no Modo Desenvolvedor. Insira código somente se você entender o que ele faz e faça backups com frequência. Não podemos solucionar problemas com código personalizado.
Erros
- ID_DUPLICADO. Cada elemento deve ter um ID único.
- LOCALIZAÇÃO_DE_ELEMENTO_INVÁLIDA. Todos os elementos devem estar em uma coluna que, por sua vez, deve estar em uma linha.
- PROPORÇÃO_INADEQUADA. As colunas em uma linha devem somar 12.
- CLASSE_INVÁLIDA_PARA_ELEMENTO. Uma classe "Guesty Websites" foi adicionada a um elemento inválido.