L'éditeur est flexible dans le sens où il vous permet de modifier le code existant ou d'ajouter le vôtre. Ainsi, vous pouvez à la fois élargir le champ de fonctionnalité de la plateforme et bénéficier de fonctionnalités supplémentaires. Vous pouvez par exemple ajouter un widget calendrier personnalisé, ou même un formulaire de contact personnalisé tiers qui vous permettra d'accepter les paiements sur votre site.
Cet article aborde trois méthodes différentes pour l'ajout de code personnalisé à votre site.
Widget HTML
Le HTML est la méthode la plus simple pour ajouter du code à votre site.
Dans le panneau de gauche, cliquez sur Widgets et faites glisser le widget dans une colonne ou une ligne de votre site, puis collez-y votre code.
Modification de code personnalisé
Après avoir ajouté votre code personnalisé via le HTML, cliquez sur le dans votre éditeur pour modifier votre code.
Il arrive cependant qu'en raison de la nature du code, il soit impossible de le faire aussi facilement. Dans ce cas, vous pouvez sélectionner le conteneur pour voir si vous pouvez le modifier en entier (code inclus).
Modification de code inline
Pour modifier le code de n'importe quel élément sur votre site :
- Effectuez un clic droit à l'endroit où vous souhaitez modifier le code, puis cliquez sur Modifier HTML/CSS pour afficher le code de tout ce qui se trouve dans votre éditeur.
- L'éditeur de code affichera le code que vous êtes en train de modifier. Ensuite, cliquez sur Documentation pour lire cette dernière avant de modifier le code.
Bien que vous puissiez modifier les CSS dans le mode développeur, il est déconseillé d'ajouter de nouveaux sélecteurs dans ce menu. Vous pouvez sans problème ajouter ici de nouvelles règles aux sélecteurs. Si vous voulez créer de nouveaux sélecteurs CSS, veuillez le faire en mode développeur.
Mode développeur
Vous pouvez afficher le code de l'ensemble de votre site au sein de l'éditeur. Pour accéder au code, cliquez sur </> en haut à droite de votre éditeur.
Le code de votre site est divisé en sections pour permettre des ajustements précis.
Pour en savoir plus sur le mode développeur, consultez l'article Mode développeur.
FAQ et dépannage
Si vous avez détraqué votre site avec un code personnalisé, vous pouvez le réparer de différentes façons :
- Restauration d'une sauvegarde
- Réparation manuelle du code
- Accès à une autre partie de la page
Pour un guide de dépannage complet sur le code personnalisé, consultez l'article Comment résoudre les problèmes concernant un code personnalisé ?
Quels sont les conseils à suivre pour un codage personnalisé ?
Voici certaines instructions :
- Créer une sauvegarde
- Utilisation d'une page de test
- Créer une sauvegarde
Pour en savoir plus, consultez l'article Guide de codage personnalisé.