{"id":3594,"date":"2020-08-19T15:41:49","date_gmt":"2020-08-19T13:41:49","guid":{"rendered":"https:\/\/www.combell.com\/fr\/help\/?post_type=ht_kb&p=3594"},"modified":"2020-09-09T15:14:42","modified_gmt":"2020-09-09T13:14:42","slug":"mode-developpeur","status":"publish","type":"ht_kb","link":"https:\/\/www.combell.com\/fr\/help\/kb\/mode-developpeur\/","title":{"rendered":"Mode d\u00e9veloppeur"},"content":{"rendered":"
\n
\n
\n
\n

Le mode d\u00e9veloppeur vous permet de modifier le HTML et le CSS de votre site Web. L’ajout d’un code personnalis\u00e9 permet une personnalisation avanc\u00e9e qui n’est pas possible avec l’\u00e9diteur glisser-d\u00e9poser. Cependant, ce processus ne doit \u00eatre r\u00e9alis\u00e9 que par des utilisateurs avanc\u00e9s ayant une connaissance approfondie du code de d\u00e9veloppement Web.<\/p>\n \t\t

\r\n \t\t\t \t\t\t \t\t\t\t

\r\n \t\t\t\t\tAvertissement : Uniquement disponible sur SiteBuilder Ultimate ! \t\t\t\t<\/p>\r\n \t\t\t \t\t\t\r\n \t\t<\/div>\r\n \t\t\n

\n
\t\t
\r\n \t\t\t \t\t\t \t\t\t\t

\r\n \t\t\t\t\tRemarque: Le code personnalis\u00e9 qui est cens\u00e9 appara\u00eetre sur le site doit \u00eatre ajout\u00e9 \u00e0 l’aide d’un widget\u00a0HTML. Si ce n’est pas le cas, le code personnalis\u00e9 doit g\u00e9n\u00e9ralement \u00eatre plac\u00e9 dans l’en-t\u00eate. En g\u00e9n\u00e9ral, il est toujours mieux de suivre d’abord les instructions fournies par le scripteur du code avant de l’ajouter sur votre site. \t\t\t\t<\/p>\r\n \t\t\t \t\t\t\r\n \t\t<\/div>\r\n \t\t<\/div>\n

<\/div>\n<\/div>\n

Pour acc\u00e9der au mode d\u00e9veloppeur\u00a0:<\/strong><\/p>\n

    \n
  1. Cliquez sur le bouton \u00ab\u00a0Mode d\u00e9veloppeur\u00a0\u00bb dans la barre de navigation.
    \nVous pouvez \u00e9galement effectuer un clic droit sur un\u00a0widget<\/span> et s\u00e9lectionner \u00ab\u00a0Modifier HTML\/CSS\u00a0\u00bb, puis cliquer sur \u00ab\u00a0Mode D\u00e9v.\u00a0\u00bb en bas \u00e0 gauche.<\/li>\n
  2. Poursuivez ensuite avec vos modifications. Utilisez les boutons \u00ab\u00a0Enregistrer\u00a0\u00bb et \u00ab\u00a0Aper\u00e7u\u00a0\u00bb pour voir un aper\u00e7u de votre travail.<\/li>\n
  3. Utilisez la fonction \u00ab\u00a0Obtenir l’URL de l’image\u00a0\u00bb pour obtenir l’URL d’une image existante ou transf\u00e9rez une nouvelle image dans le mode d\u00e9veloppeur pour pouvoir la placer directement dans le HTML.<\/li>\n<\/ol>\n

    Remarques<\/h2>\n
      \n
    • Veillez \u00e0 rester dans les colonnes. Nos sites Web adaptatifs s’appuient sur une\u00a0structure ligne-colonne. Cela signifie que chaque ligne contient une colonne, qui contient elle-m\u00eame le contenu. Lorsque vous ajoutez ou modifiez votre propre HTML, assurez-vous qu’il est \u00e0 l’int\u00e9rieur d’une colonne.<\/li>\n
    • Laissez les classes en place. L’\u00e9diteur d\u00e9pend des diff\u00e9rentes classes qui sont ajout\u00e9es aux \u00e9l\u00e9ments. Si une classe existe d\u00e9j\u00e0 (elle commence g\u00e9n\u00e9ralement par \u00ab\u00a0dm\u00a0\u00bb), laissez-la en place. Si vous supprimez des classes, le site peut ne pas avoir le m\u00eame aspect que sur l’aper\u00e7u.<\/li>\n
    • Jetons un \u0153il aux dimensions des classes. Les colonnes ont une valeur de taille qui est ajout\u00e9e comme classe, par exemple, large-6 ou small-12. Cette valeur d\u00e9termine la taille des colonnes \u00e0 l’int\u00e9rieur de cette ligne. Vous devrez les laisser en place, car elles constituent le c\u0153ur du dimensionnement de la ligne sur diff\u00e9rents appareils.<\/li>\n
    • \u00c9vitez de modifier les extensions si possible. Dans le HTML, vous verrez les param\u00e8tres fictifs d’\u00e9l\u00e9ments qui sont d\u00e9j\u00e0 sur la page. Si vous pouvez, \u00e9vitez de les modifier, en particulier les donn\u00e9es et valeurs qui s’y trouvent. Leur modification peut rompre ces \u00e9l\u00e9ments une fois que vous revenez \u00e0 SiteBuilder.<\/li>\n
    • Une sauvegarde de votre site est automatiquement r\u00e9alis\u00e9e lorsque vous entrez en mode d\u00e9veloppeur. Ne saisissez du code que si vous comprenez son effet, et effectuez des sauvegardes r\u00e9guli\u00e8res.\u00a0Nous ne pouvons pas r\u00e9soudre les probl\u00e8mes de code personnalis\u00e9<\/b>.<\/li>\n<\/ul>\n

      Erreurs<\/h2>\n
        \n
      • DUPLICATE_ID<\/i>. Tous les \u00e9l\u00e9ments doivent comporter un identifiant unique<\/li>\n
      • INVALID_ELEMENT_LOCATION<\/i>. Tous les \u00e9l\u00e9ments doivent se trouver dans une colonne qui doit elle-m\u00eame figurer dans une ligne<\/li>\n
      • BAD_PROPORTION<\/i>. Le total des colonnes dans une ligne doit s’\u00e9lever \u00e0 12<\/li>\n
      • INVALID_CLASS_FOR_ELEMENT<\/i>. Une classe de SiteBuilder a \u00e9t\u00e9 ajout\u00e9e \u00e0 un \u00e9l\u00e9ment non valide<\/li>\n<\/ul>\n<\/div>\n<\/div>\n
        <\/div>\n<\/div>\n<\/section>\n