Le mode développeur vous permet de modifier le code HTML et CSS de votre site. L'ajout de code personnalisé permet des personnalisations avancées, impossibles avec l'éditeur glisser-déposer. Cependant, cette opération est réservée aux utilisateurs expérimentés possédant une solide connaissance du développement web.
Note :
Le code personnalisé destiné à être visible sur le site doit être ajouté à l'aide d'un widget HTML. Le code personnalisé non visible doit généralement être placé dans l'en-tête. En général, il est toujours préférable de suivre les instructions fournies par le développeur du code avant de l'ajouter à votre site.
Pour accéder au mode développeur :
- Cliquez sur le mode développeur
bouton dans la barre de navigation. Vous pouvez également faire un clic droit sur un widget et sélectionner « Modifier HTML/CSS », puis cliquer sur « Mode développeur » en bas à gauche. - Procédez ensuite à vos modifications. Utilisez les boutons Enregistrer et Aperçu pour visualiser votre travail.
- Cliquez sur Obtenir l'URL de l'image pour obtenir l'URL d'une image existante ou téléchargez une nouvelle image en mode développeur afin de pouvoir la saisir directement dans le HTML.
Notes
- Veillez à respecter les colonnes. Nos sites responsives sont structurés en lignes et en colonnes. Chaque ligne contient donc des colonnes qui contiennent le contenu. Lorsque vous ajoutez ou modifiez votre propre code HTML, veillez à ce qu'il soit bien à l'intérieur d'une colonne.
- Laissez les classes en place. L'éditeur s'appuie sur les nombreuses classes ajoutées aux éléments. Si vous voyez une classe existante (qui commence généralement par dm), laissez-la en place. Si vous supprimez des classes, le site pourrait ne pas avoir le même aspect lors de la prévisualisation.
- Notez les tailles de classe. Les colonnes ont une valeur de taille ajoutée en tant que classe, par exemple « grande-6 » ou « petite-12 ». Cela détermine la taille des colonnes à l'intérieur de la ligne. Il est préférable de les conserver, car elles constituent la base du dimensionnement de la ligne sur différents appareils.
- Évitez autant que possible de modifier les extensions. Dans le code HTML, vous verrez des espaces réservés pour les éléments déjà présents sur la page. Évitez autant que possible de les modifier, surtout les valeurs de données qu'ils contiennent. Leur modification peut endommager les widgets une fois de retour sur le site web de Guesty.
- Une sauvegarde de votre site est effectuée automatiquement lorsque vous entrez en mode développeur. Saisissez du code uniquement si vous en comprenez le fonctionnement et sauvegardez-le régulièrement. Nous ne pouvons pas résoudre les problèmes de code personnalisé.
Erreurs
- DUPLICATE_ID. Chaque élément doit avoir un identifiant unique.
- INVALID_ELEMENT_LOCATION. Tous les éléments doivent être dans une colonne, elle-même dans une ligne.
- BAD_PROPORTION. Le total des colonnes d'une ligne doit être égal à 12.
- INVALID_CLASS_FOR_ELEMENT. Une classe Guesty Sites Internet a été ajoutée à un élément invalide.