L'éditeur est flexible : il vous permet de modifier le code existant ou d'ajouter le vôtre. Cela vous permet d'étendre les fonctionnalités de la plateforme et de bénéficier de fonctionnalités supplémentaires. Par exemple, vous pouvez ajouter un widget de calendrier personnalisé ou même un formulaire de contact tiers personnalisé pour encaisser les paiements sur votre site.
Cet article couvrira trois méthodes différentes pour ajouter du code personnalisé à votre site.
Widget HTML
Le widget HTML est la méthode la plus simple pour ajouter du code personnalisé à votre site.
Dans le panneau de gauche, cliquez sur Widgets, faites glisser le widget HTML dans une colonne ou une ligne de votre site et collez votre code.
Modifier le code personnalisé
Après avoir ajouté du code personnalisé avec le widget HTML, cliquez sur le widget dans votre éditeur pour modifier votre code.
Cependant, la nature du code rend parfois cette opération plus difficile. Dans ce cas, vous pouvez sélectionner le conteneur pour voir si vous pouvez le modifier entièrement (y compris le code).
Modifier le code en ligne
Pour modifier le code de quoi que ce soit sur votre site :
- Cliquez avec le bouton droit de la souris à l’endroit où vous souhaitez modifier le code, puis cliquez sur Modifier HTML/CSS pour afficher le code de n’importe quel élément dans votre éditeur.
- L'éditeur de code s'affiche pour le code que vous modifiez. Une fois dans cet éditeur, cliquez sur « Documentation » pour la consulter avant de commencer à modifier le code.
Note :
Bien que vous puissiez modifier le CSS en mode développeur, il est déconseillé d'ajouter de nouveaux sélecteurs dans ce menu. Vous pouvez y ajouter de nouvelles règles aux sélecteurs sans problème. Pour créer de nouveaux sélecteurs CSS, veuillez utiliser le mode développeur.
Mode développeur
Vous pouvez visualiser l'intégralité du code de votre site dans l'éditeur. Pour y accéder, cliquez sur </> en haut à droite de l'éditeur.
Le code de votre site est divisé en sections pour permettre un réglage précis de votre site.
Pour plus d'informations sur le mode développeur, voir mode développeur.
FAQ et Résolution de problèmes
Si vous avez cassé votre site avec du code personnalisé, vous pouvez le réparer en :
- Restaurant une sauvegarde
- Corrigeant manuellement le code
- Accédant à une autre partie de la page
Quelles sont les bonnes directives de codage personnalisé ?
Voici quelques lignes directrices :
- Créez une sauvegarde
- Utilisez une page de test
- Créez une sauvegarde
Pour plus d'informations, consultez les directives relatives au code personnalisé.