{"id":148641,"date":"2025-05-19T15:53:36","date_gmt":"2025-05-19T12:53:36","guid":{"rendered":"https:\/\/elementor.com\/help\/les-classes-dans-elementor\/"},"modified":"2025-05-19T15:53:36","modified_gmt":"2025-05-19T12:53:36","slug":"les-classes-dans-elementor","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/fr\/les-classes-dans-elementor\/","title":{"rendered":"Les classes dans Elementor"},"content":{"rendered":"\n

L’\u00e9diteur Elementor est con\u00e7u pour aider les cr\u00e9ateurs web \u00e0 travailler rapidement et efficacement. Dans cette optique, l’\u00e9diteur adopte les principes du Design Atomique. Ce syst\u00e8me est bas\u00e9 sur l’id\u00e9e de cr\u00e9er des \u00e9l\u00e9ments petits et r\u00e9utilisables. Dans Elementor, ces \u00e9l\u00e9ments sont appel\u00e9s classes. Cela correspond au vocabulaire utilis\u00e9 par CSS. <\/p>\n\n\n\n

En plus, l’utilisation appropri\u00e9e des classes peut \u00e9galement am\u00e9liorer les performances de votre site web. <\/p>\n\n\n\n

Cr\u00e9er une classe<\/h2>\n\n\n\n

La cr\u00e9ation de classes se fait automatiquement. Vous le faites chaque fois que vous ajoutez un \u00e9l\u00e9ment au canevas<\/a>. Lorsque vous ajoutez un \u00e9l\u00e9ment au canevas, les options de l’\u00e9l\u00e9ment apparaissent dans le panneau de gauche. En haut de l’onglet Style<\/strong>, vous verrez le champ Classe<\/strong> avec la classe locale<\/strong> d\u00e9j\u00e0 remplie. Vous pouvez maintenant ajouter de nouvelles classes \u00e0 l’\u00e9l\u00e9ment en suivant ce processus : <\/p>\n\n\n\n

    \n
  1. Saisissez un nom de classe dans la zone de texte.
    Un menu d\u00e9roulant appara\u00eet.
    \"\"<\/li>\n\n\n\n
  2. S\u00e9lectionnez le nom de la classe sous Ajouter une nouvelle classe globale<\/strong>. <\/li>\n<\/ol>\n\n\n\n

    Modifier une classe<\/h2>\n\n\n\n

    Apr\u00e8s avoir cr\u00e9\u00e9 une classe, vous devez la modifier pour \u00e9tablir ses propri\u00e9t\u00e9s.<\/p>\n\n\n\n

    Pour modifier une classe<\/strong> : <\/p>\n\n\n\n

      \n
    1. Cr\u00e9ez la classe.
      \"\"<\/li>\n\n\n\n
    2. V\u00e9rifiez le champ des classes CSS. La classe que vous modifiez sera rose s’il s’agit d’une classe locale. Sinon, elle sera verte. Lorsque la classe est rose ou verte, vous \u00eates en train de la modifier. <\/li>\n<\/ol>\n\n\n\n

      Qu’est-ce qu’une classe ?<\/h2>\n\n\n\n

      Une classe est essentiellement un ensemble de caract\u00e9ristiques de style partag\u00e9es. Par exemple, si vous cr\u00e9ez un site web et que vous souhaitez que le texte standard sur tout le site utilise la police Arial de 12 points, vous pouvez cr\u00e9er une classe appel\u00e9e Texte principal<\/strong> avec ces caract\u00e9ristiques. Ainsi, chaque \u00e9l\u00e9ment ayant la classe Texte principal<\/strong> utilisera Arial 12 points comme police.      <\/p>\n\n\n\n

      La classe locale<\/h3>\n\n\n\n

      Dans Elementor, chaque \u00e9l\u00e9ment poss\u00e8de au moins une classe – la classe local<\/strong>. Cette classe d\u00e9finit l’\u00e9l\u00e9ment particulier sur lequel vous travaillez. Il est important de noter que m\u00eame si tous les \u00e9l\u00e9ments ont une classe locale, la classe local<\/strong> peut \u00eatre diff\u00e9rente pour chaque \u00e9l\u00e9ment. Par exemple, vous pouvez avoir un widget Texte qui utilise la police Arial dans sa classe local<\/strong> et un autre widget Texte qui utilise Calibri dans sa classe local<\/strong>.  
      \"\"<\/p>\n\n\n\n

      Hi\u00e9rarchie des classes<\/h3>\n\n\n\n

      L’autre point important concernant les classes est qu’elles fonctionnent par hi\u00e9rarchies. Si les classes se contredisent, l’\u00e9diteur sait quelles caract\u00e9ristiques ont la priorit\u00e9. Par exemple, si un \u00e9l\u00e9ment contient deux classes, l’une qui d\u00e9finit la police en Arial et l’autre qui la d\u00e9finit en Calibri, l’\u00e9diteur doit d\u00e9terminer laquelle a la priorit\u00e9. Cette priorit\u00e9 est d\u00e9finie dans le gestionnaire de classes. Cependant, la classe locale a toujours la priorit\u00e9 la plus \u00e9lev\u00e9e. Ainsi, dans le cas ci-dessus, si la classe local<\/strong> d\u00e9finit la police en New Times Roman, l’\u00e9l\u00e9ment utilisera la police New Times Roman. <\/p>\n\n\n\n

      [callout type=\u00a0\u00bbtip\u00a0\u00bb]Il est pr\u00e9f\u00e9rable de construire vos classes de mani\u00e8re \u00e0 avoir le moins possible de conflits. Ces conflits peuvent non seulement vous faire perdre du temps, mais ils peuvent \u00e9galement ralentir votre site.  [\/callout]<\/p>\n\n\n\n

      Exemple de cr\u00e9ation de classes<\/h2>\n\n\n\n

      Dans cet exemple, nous allons examiner la cr\u00e9ation d’un site web qui comprendra plusieurs boutons. Afin de gagner du temps et d’am\u00e9liorer les performances, nous allons cr\u00e9er deux classes – une pour d\u00e9finir les boutons importants et une autre pour d\u00e9finir les boutons secondaires.  <\/p>\n\n\n\n

        \n
      1. Cr\u00e9ez une page dans l’\u00e9diteur Elementor.<\/li>\n\n\n\n
      2. Faites glisser un widget Bouton<\/strong> sur le canevas.
        \"\"
        Les options apparaissent dans le panneau.
        \"\"<\/li>\n\n\n\n
      3. Dans le panneau, cliquez sur l’onglet Style<\/strong>.
        \"\"<\/li>\n\n\n\n
      4. Dans la zone de texte Classes<\/strong>, \u00e0 c\u00f4t\u00e9 de local<\/strong>, saisissez Main_button<\/strong>.<\/li>\n\n\n\n
      5. Dans le menu d\u00e9roulant, s\u00e9lectionnez Cr\u00e9er nouveau \u00ab Main_button \u00bb<\/strong>.
        Bouton principal<\/strong> appara\u00eet dans la zone de texte Classes<\/strong>. 
        \"\"
        Notez que le texte Main_button<\/strong> est en vert. Cela signifie que vous modifiez cette classe.
        \"\"<\/li>\n\n\n\n
      6. Ouvrez le champ Taille<\/strong>.
        \"\"<\/li>\n\n\n\n
      7. Donnez au bouton une largeur de 200 PX et une hauteur de 50 PX. 
        \"\"<\/li>\n\n\n\n
      8. Ouvrez le champ Arri\u00e8re-plan<\/strong>.
        \"\"<\/li>\n\n\n\n
      9. S\u00e9lectionnez une couleur pour le bouton. Pour plus de d\u00e9tails, consultez Onglet Style – Arri\u00e8re-plan<\/a>.
        Maintenant, cr\u00e9ons une classe pour les boutons secondaires.
        \"\"<\/li>\n\n\n\n
      10. Dans la zone de texte Classes<\/strong>, supprimez Main_button<\/strong>.
        Notez que le bouton revient \u00e0 ses param\u00e8tres par d\u00e9faut.
        \"\"<\/li>\n\n\n\n
      11. Dans la zone de texte Classes<\/strong>, saisissez Bouton_secondaire<\/strong>.<\/li>\n\n\n\n
      12. Dans le menu d\u00e9roulant, s\u00e9lectionnez Cr\u00e9er nouveau \u00ab Secondary_button \u00bb<\/strong>.
        Notez que le texte est en vert, ce qui signifie que vous modifiez la classe.
        \"\"<\/li>\n\n\n\n
      13. Ouvrez le champ Taille<\/strong>.
        \"\"<\/li>\n\n\n\n
      14. Donnez au bouton une largeur de 100 PX et une hauteur de 50 PX. 
        \"\"<\/li>\n\n\n\n
      15.  Ouvrez le champ Typographie<\/strong>.
        \"\"<\/li>\n\n\n\n
      16. D\u00e9finissez la taille de police<\/strong> \u00e0 12. <\/li>\n\n\n\n
      17. Ouvrez le champ Arri\u00e8re-plan<\/strong>.
        \"\"<\/li>\n\n\n\n
      18. S\u00e9lectionnez une couleur pour l’arri\u00e8re-plan. Assurez-vous qu’elle soit diff\u00e9rente de l’arri\u00e8re-plan de Main_button<\/strong>.
        Maintenant, testez les r\u00e9sultats. <\/li>\n\n\n\n
      19. Ajoutez un nouvel \u00e9l\u00e9ment Bouton au canevas.<\/li>\n\n\n\n
      20. Ouvrez l’onglet Style<\/strong>.
        \"\"<\/li>\n\n\n\n
      21. Cliquez sur la zone de texte Classes<\/strong> et s\u00e9lectionnez Main_button<\/strong> dans le menu d\u00e9roulant.
        \"\"
        Le bouton devrait prendre les caract\u00e9ristiques de la classe Main_button.
        \"\"<\/li>\n\n\n\n
      22. Cliquez sur la zone Classes<\/strong> et s\u00e9lectionnez Bouton secondaire<\/strong> dans le menu d\u00e9roulant.
        Le bouton aura la plupart des caract\u00e9ristiques de la classe Bouton principal<\/strong>. C’est parce que la classe Bouton principal est plus haute dans la hi\u00e9rarchie des classes. Cependant, la police du bouton prend le style de la classe Bouton secondaire. C’est parce que nous n’avons jamais d\u00e9fini la typographie du Bouton principal<\/strong>, donc la classe Bouton secondaire<\/strong> d\u00e9termine le style de la police.  
        \"\"<\/li>\n\n\n\n
      23. Dans la zone Classes<\/strong>, cliquez sur les trois points \u00e0 c\u00f4t\u00e9 de Secondary_button<\/strong>. <\/li>\n\n\n\n
      24. S\u00e9lectionnez Supprimer<\/strong> dans le menu d\u00e9roulant.
        La zone Classes CSS ne devrait maintenant contenir que les classes locale<\/strong> et Main_button<\/strong>. Remarquez que la taille de la police revient \u00e0 la taille par d\u00e9faut car la classe Secondary_button n’est plus l\u00e0.
        Maintenant, disons que nous voulons personnaliser ce bouton pour qu’il ressemble \u00e0 un bouton principal mais avec une fonctionnalit\u00e9 suppl\u00e9mentaire – il change de couleur lorsque les visiteurs le survolent. 
        \"\"<\/li>\n\n\n\n
      25. Cliquez sur les trois points \u00e0 c\u00f4t\u00e9 de la classe locale<\/strong> et s\u00e9lectionnez Survol dans le menu d\u00e9roulant.
        En modifiant la classe locale<\/strong>, nous pouvons changer le style de ce bouton sans modifier les autres boutons avec la classe Bouton principal<\/strong>.
        \"\"
        Le survol est ce qu’on appelle un \u00e9tat. Lorsque vous le s\u00e9lectionnez, vous d\u00e9terminez l’apparence du bouton lorsque les visiteurs le survolent avec la souris. Pour plus de d\u00e9tails, voir         \u00c9tats des \u00e9l\u00e9ments<\/a>.
        \"\"<\/li>\n\n\n\n
      26. Ouvrez le champ Arri\u00e8re-plan<\/strong>.
        \"\"<\/li>\n\n\n\n
      27. S\u00e9lectionnez une couleur d’arri\u00e8re-plan diff\u00e9rente.
        \"\"
        Remarquez que lorsque vous d\u00e9placez le curseur sur le bouton, il change de couleur. <\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

        L’\u00e9diteur Elementor est con\u00e7u pour aider les cr\u00e9ateurs web \u00e0 travailler rapidement et efficacement. Dans cette optique, l’\u00e9diteur adopte les principes du Design Atomique. Ce syst\u00e8me est bas\u00e9 sur l’id\u00e9e de cr\u00e9er des \u00e9l\u00e9ments petits et r\u00e9utilisables. Dans Elementor, ces \u00e9l\u00e9ments sont appel\u00e9s classes. Cela correspond au vocabulaire utilis\u00e9 par CSS. En plus, l’utilisation appropri\u00e9e […]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":[],"footnotes":""},"categories":[1608],"tags":[1694],"class_list":["post-148641","post","type-post","status-publish","format-standard","hentry","category-features-fr","tag-v4-fr"],"acf":[],"yoast_head":"\nLes classes dans Elementor | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Les classes dans Elementor in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/fr\/les-classes-dans-elementor\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Les classes dans Elementor | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Les classes dans Elementor in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/fr\/les-classes-dans-elementor\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2025-05-19T12:53:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/1-create-a-new-class-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1468\" \/>\n\t<meta property=\"og:image:height\" content=\"748\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Cliff Churgin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cliff Churgin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/fr\/les-classes-dans-elementor\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/fr\/les-classes-dans-elementor\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/fr\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"Les classes dans Elementor\",\"datePublished\":\"2025-05-19T12:53:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/fr\/les-classes-dans-elementor\/\"},\"wordCount\":1218,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/fr\/les-classes-dans-elementor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/1-create-a-new-class-1.png\",\"keywords\":[\"V4\"],\"articleSection\":[\"Features\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/fr\/les-classes-dans-elementor\/\",\"url\":\"https:\/\/elementor.com\/help\/fr\/les-classes-dans-elementor\/\",\"name\":\"Les classes dans Elementor | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/fr\/les-classes-dans-elementor\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/fr\/les-classes-dans-elementor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/1-create-a-new-class-1.png\",\"datePublished\":\"2025-05-19T12:53:36+00:00\",\"description\":\"Learn everything about Les classes dans Elementor in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/fr\/les-classes-dans-elementor\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/fr\/les-classes-dans-elementor\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/elementor.com\/help\/fr\/les-classes-dans-elementor\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/1-create-a-new-class-1.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/1-create-a-new-class-1.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/fr\/les-classes-dans-elementor\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Non cat\u00e9goris\u00e9\",\"item\":\"https:\/\/elementor.com\/help\/fr\/non-categorise\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Les classes dans Elementor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/fr\/#website\",\"url\":\"https:\/\/elementor.com\/help\/fr\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/fr\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/elementor.com\/help\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/fr\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/fr\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\",\"name\":\"Cliff Churgin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/elementor.com\/help\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"caption\":\"Cliff Churgin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Les classes dans Elementor | Elementor","description":"Learn everything about Les classes dans Elementor in this article from Elementor's Knowledge Base. Get Elementor tips & more.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/help\/fr\/les-classes-dans-elementor\/","og_locale":"fr_FR","og_type":"article","og_title":"Les classes dans Elementor | Elementor","og_description":"Learn everything about Les classes dans Elementor in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/fr\/les-classes-dans-elementor\/","og_site_name":"Help","article_published_time":"2025-05-19T12:53:36+00:00","og_image":[{"width":1468,"height":748,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/1-create-a-new-class-1.png","type":"image\/png"}],"author":"Cliff Churgin","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Cliff Churgin","Dur\u00e9e de lecture estim\u00e9e":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/fr\/les-classes-dans-elementor\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/fr\/les-classes-dans-elementor\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/fr\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"Les classes dans Elementor","datePublished":"2025-05-19T12:53:36+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/fr\/les-classes-dans-elementor\/"},"wordCount":1218,"publisher":{"@id":"https:\/\/elementor.com\/help\/fr\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/fr\/les-classes-dans-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/1-create-a-new-class-1.png","keywords":["V4"],"articleSection":["Features"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/fr\/les-classes-dans-elementor\/","url":"https:\/\/elementor.com\/help\/fr\/les-classes-dans-elementor\/","name":"Les classes dans Elementor | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/fr\/les-classes-dans-elementor\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/fr\/les-classes-dans-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/1-create-a-new-class-1.png","datePublished":"2025-05-19T12:53:36+00:00","description":"Learn everything about Les classes dans Elementor in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/fr\/les-classes-dans-elementor\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/fr\/les-classes-dans-elementor\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/elementor.com\/help\/fr\/les-classes-dans-elementor\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/1-create-a-new-class-1.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/1-create-a-new-class-1.png"},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/fr\/les-classes-dans-elementor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/fr\/"},{"@type":"ListItem","position":2,"name":"Non cat\u00e9goris\u00e9","item":"https:\/\/elementor.com\/help\/fr\/non-categorise\/"},{"@type":"ListItem","position":3,"name":"Les classes dans Elementor"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/fr\/#website","url":"https:\/\/elementor.com\/help\/fr\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/fr\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/elementor.com\/help\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/fr\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/fr\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3","name":"Cliff Churgin","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/elementor.com\/help\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","caption":"Cliff Churgin"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/fr\/wp-json\/wp\/v2\/posts\/148641","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/fr\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/fr\/wp-json\/wp\/v2\/comments?post=148641"}],"version-history":[{"count":0,"href":"https:\/\/elementor.com\/help\/fr\/wp-json\/wp\/v2\/posts\/148641\/revisions"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/fr\/wp-json\/wp\/v2\/media?parent=148641"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/fr\/wp-json\/wp\/v2\/categories?post=148641"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/fr\/wp-json\/wp\/v2\/tags?post=148641"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}