{"id":148399,"date":"2025-06-11T16:07:44","date_gmt":"2025-06-11T13:07:44","guid":{"rendered":"https:\/\/elementor.com\/help\/classes-dans-elementor\/"},"modified":"2025-06-11T16:07:44","modified_gmt":"2025-06-11T13:07:44","slug":"classes-dans-elementor","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/fr\/classes-dans-elementor\/","title":{"rendered":"Classes dans Elementor"},"content":{"rendered":"\n<p>L&rsquo;\u00e9diteur Elementor est con\u00e7u pour aider les cr\u00e9ateurs web \u00e0 travailler rapidement et efficacement. Dans cette optique, l&rsquo;\u00e9diteur adopte les principes du Design Atomique. Ce syst\u00e8me est bas\u00e9 sur l&rsquo;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<p>En plus, l&rsquo;utilisation appropri\u00e9e des classes peut \u00e9galement am\u00e9liorer les performances de votre site web.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Introducing Editor V4 Alpha! Classes, States, fully responsive style controls, single divs &amp; more!\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/q1pColXTiRI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Cr\u00e9er une classe<\/h2>\n\n\n\n<p>La cr\u00e9ation de classes se fait automatiquement. Vous le faites chaque fois que vous ajoutez un <a href=\"https:\/\/elementor.com\/help\/add-elements-to-a-page\/\">\u00e9l\u00e9ment au canevas<\/a>. Lorsque vous ajoutez un \u00e9l\u00e9ment au canevas, les options de l&rsquo;\u00e9l\u00e9ment apparaissent dans le panneau de gauche.   <br><img decoding=\"async\" class=\"wp-image-57131\" style=\"width: 150px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/1-the-local-class.png\" alt=\"\"><\/p>\n\n\n\n<p>En haut de l&rsquo;onglet <strong>Style<\/strong>, vous verrez le champ <strong>Classe<\/strong> avec la classe <strong>local<\/strong> d\u00e9j\u00e0 remplie. Vous pouvez maintenant ajouter de nouvelles classes \u00e0 l&rsquo;\u00e9l\u00e9ment en suivant ce processus : <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Saisissez un nom de classe dans la zone de texte.<br>Un menu d\u00e9roulant appara\u00eet.<br><img decoding=\"async\" class=\"wp-image-57132\" style=\"width: 180px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/Create-a-new-class.png\" alt=\"\"><\/li>\n\n\n\n<li>S\u00e9lectionnez le nom de classe sous <strong>Cr\u00e9er une nouvelle classe<\/strong>.&nbsp;<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Modifier une classe<\/h2>\n\n\n\n<p>Apr\u00e8s avoir cr\u00e9\u00e9 une classe, vous devez la modifier pour \u00e9tablir ses propri\u00e9t\u00e9s.<\/p>\n\n\n\n<p><strong>Pour modifier une classe<\/strong> :&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Cr\u00e9ez la classe.<br><img decoding=\"async\" class=\"wp-image-57133\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/image-21.png\" alt=\"\"><\/li>\n\n\n\n<li>V\u00e9rifiez le champ des classes CSS. La classe que vous modifiez sera rose s&rsquo;il s&rsquo;agit d&rsquo;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<h2 class=\"wp-block-heading\">Qu&rsquo;est-ce qu&rsquo;une classe ?<\/h2>\n\n\n\n<p>Une classe est un ensemble de caract\u00e9ristiques de style partag\u00e9es. Par exemple, si vous construisez un site web et que vous souhaitez que le texte standard utilise la police Arial de taille 12 points, vous pouvez cr\u00e9er une classe appel\u00e9e <strong>Texte principal<\/strong> avec ces caract\u00e9ristiques. Ainsi, chaque \u00e9l\u00e9ment avec la classe <strong>Texte principal<\/strong> utilisera Arial 12 points comme police.  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">La classe locale<\/h3>\n\n\n\n<p>Dans Elementor, chaque \u00e9l\u00e9ment poss\u00e8de au moins une classe &#8211; la classe <strong>local<\/strong>. Cette classe d\u00e9finit l&rsquo;\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 <strong>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 <strong>local<\/strong> et un autre widget Texte qui utilise Calibri dans sa classe <strong>local<\/strong>.   &nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Hi\u00e9rarchie des classes<\/h3>\n\n\n\n<p>L&rsquo;autre point important concernant les classes est qu&rsquo;elles fonctionnent par hi\u00e9rarchies. Si les classes se contredisent, l&rsquo;\u00e9diteur sait quelles caract\u00e9ristiques ont la priorit\u00e9. Par exemple, si un \u00e9l\u00e9ment contient deux classes, l&rsquo;une qui d\u00e9finit la police en Arial et l&rsquo;autre qui la d\u00e9finit en Calibri, l&rsquo;\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 <strong>local<\/strong> d\u00e9finit la police en New Times Roman, l&rsquo;\u00e9l\u00e9ment utilisera la police New Times Roman.     <\/p>\n\n\n\n<p>Conseil : Il est pr\u00e9f\u00e9rable de construire vos classes de mani\u00e8re \u00e0 avoir le moins de conflits possible. Ces conflits peuvent non seulement vous faire perdre du temps, mais aussi ralentir votre site. &nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Exemple de cr\u00e9ation de classes<\/h2>\n\n\n\n<p>Dans cet exemple, nous allons examiner la cr\u00e9ation d&rsquo;un site web qui comprend plusieurs boutons. Afin de gagner du temps et d&rsquo;am\u00e9liorer les performances, nous allons cr\u00e9er deux classes &#8211; une pour d\u00e9finir les boutons importants et une autre pour d\u00e9finir les boutons secondaires. &nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Cr\u00e9ez une page dans l&rsquo;\u00e9diteur Elementor.<\/li>\n\n\n\n<li>Faites glisser un <strong>widget Bouton<\/strong> sur le canevas.<br><img decoding=\"async\" class=\"wp-image-57135\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/3-The-options-appear-in-the-panel-1.png\" alt=\"\"><br>Les options apparaissent dans le panneau.<br><img decoding=\"async\" class=\"wp-image-57136\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/Click-the-Style-tab.png\" alt=\"\"><\/li>\n\n\n\n<li>Cliquez sur l&rsquo;onglet <strong>Style<\/strong>.<\/li>\n\n\n\n<li>Dans la zone de texte <strong>Classes<\/strong>, \u00e0 c\u00f4t\u00e9 de <strong>local<\/strong>, saisissez <strong>Main_button<\/strong>.<br><img decoding=\"async\" class=\"wp-image-57137\" style=\"width: 180px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/5-creatht-emain-button-class.png\" alt=\"\"><\/li>\n\n\n\n<li>Dans le menu d\u00e9roulant, s\u00e9lectionnez <strong>Cr\u00e9er nouveau \u00ab Bouton principal \u00bb<\/strong>.<br><strong>Main_button<\/strong> appara\u00eet dans la zone de texte <strong>Classes<\/strong>.&nbsp;<br><img decoding=\"async\" class=\"wp-image-57138\" style=\"width: 180px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/6-Main-button-is-in-green.png\" alt=\"\"><br>Notez que le nom de classe <strong>Main_button<\/strong> est en vert. Cela signifie que vous modifiez cette classe. <br><img decoding=\"async\" class=\"wp-image-57139\" style=\"width: 180px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/7-open-the-size-field.png\" alt=\"\"><\/li>\n\n\n\n<li>Ouvrez le champ <strong>Taille<\/strong>.<br><img decoding=\"async\" class=\"wp-image-57140\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/8-Set-the-size.png\" alt=\"\"><\/li>\n\n\n\n<li>Donnez au bouton une largeur de 200 PX et une hauteur de 50 PX.&nbsp;<br><img decoding=\"async\" class=\"wp-image-57141\" style=\"width: 180px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/9-open-background.png\" alt=\"\"><\/li>\n\n\n\n<li>Ouvrez le champ <strong>Arri\u00e8re-plan<\/strong>.<br><img decoding=\"async\" class=\"wp-image-57142\" style=\"width: 580px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/10-Choose-a-background-color.png\" alt=\"\"><\/li>\n\n\n\n<li>S\u00e9lectionnez une couleur pour le bouton. Pour plus de d\u00e9tails, voir <a href=\"https:\/\/elementor.com\/help\/style-tab-background\/\">Onglet Style &#8211; Arri\u00e8re-plan<\/a>. &nbsp;<br>Maintenant, cr\u00e9ons une classe pour les boutons secondaires.<\/li>\n\n\n\n<li>Dans la zone de texte <strong>Classes CSS<\/strong>, supprimez <strong>Bouton principal<\/strong>.<br><img decoding=\"async\" class=\"wp-image-57143\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/11-delete-main-button-class.png\" alt=\"\"><br>Notez que le bouton revient \u00e0 ses param\u00e8tres par d\u00e9faut.<\/li>\n\n\n\n<li>Dans la zone de texte <strong>Classes<\/strong>, saisissez <strong>Bouton_secondaire<\/strong>.<br><img decoding=\"async\" class=\"wp-image-57144\" style=\"width: 180px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/12-create-secondary-button.png\" alt=\"\"><\/li>\n\n\n\n<li>Dans le menu d\u00e9roulant, s\u00e9lectionnez <strong>Cr\u00e9er \u00ab Bouton secondaire \u00bb<\/strong>.<br>Notez que le nom de classe est en vert, ce qui signifie que vous modifiez la classe.<br><img decoding=\"async\" class=\"wp-image-57145\" style=\"width: 180px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/13-Open-the-size-field-for-secondary.png\" alt=\"\"><\/li>\n\n\n\n<li>Ouvrez le champ <strong>Taille<\/strong>.<br><img decoding=\"async\" class=\"wp-image-57153\" style=\"width: 580px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/14-Set-the-secondary-size-2.png\" alt=\"\"><\/li>\n\n\n\n<li>Donnez au bouton une largeur de 100 PX et une hauteur de 50 PX.<br><img decoding=\"async\" class=\"wp-image-57148\" style=\"width: 180px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/15-open-typography.png\" alt=\"\">&nbsp;<\/li>\n\n\n\n<li>&nbsp;Ouvrez le champ <strong>Typographie<\/strong>.<br><img decoding=\"async\" class=\"wp-image-57150\" style=\"width: 580px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/16-change-the-typography-1.png\" alt=\"\"><\/li>\n\n\n\n<li>D\u00e9finissez la <strong>taille de police<\/strong> \u00e0 12.&nbsp;<br><img decoding=\"async\" class=\"wp-image-57151\" style=\"width: 180px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/15-open-secondary-button.png\" alt=\"\"><\/li>\n\n\n\n<li>Ouvrez le champ <strong>Arri\u00e8re-plan<\/strong>.<br><img decoding=\"async\" class=\"wp-image-57152\" style=\"width: 580px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/18-change-background-secondary.png\" alt=\"\"><\/li>\n\n\n\n<li>S\u00e9lectionnez une couleur pour l&rsquo;arri\u00e8re-plan. Assurez-vous qu&rsquo;elle soit diff\u00e9rente de l&rsquo;arri\u00e8re-plan du <strong>Bouton principal<\/strong>.<br>Maintenant, testons les r\u00e9sultats. <br><img decoding=\"async\" class=\"wp-image-57154\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/Add-a-button-element-to-canvas.png\" alt=\"\"><\/li>\n\n\n\n<li>Ajoutez un nouvel \u00e9l\u00e9ment Bouton au canevas.<\/li>\n\n\n\n<li>Ouvrez l&rsquo;onglet <strong>Style<\/strong>.<\/li>\n\n\n\n<li>Cliquez sur la zone des classes CSS et s\u00e9lectionnez <strong>Bouton principal<\/strong> dans le menu d\u00e9roulant.<\/li>\n<\/ol>\n\n\n\n<p>Le bouton devrait prendre les caract\u00e9ristiques de la classe Bouton principal.<\/p>\n\n\n\n<ol start=\"23\" class=\"wp-block-list\">\n<li>Cliquez sur la zone des classes CSS et s\u00e9lectionnez <strong>Bouton secondaire<\/strong> dans le menu d\u00e9roulant.<\/li>\n<\/ol>\n\n\n\n<p>Le bouton aura la plupart des caract\u00e9ristiques de la classe <strong>Bouton principal<\/strong>. C&rsquo;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&rsquo;est parce que nous n&rsquo;avons jamais d\u00e9fini la typographie du <strong>Bouton principal<\/strong>, donc la classe <strong>Bouton secondaire<\/strong> d\u00e9termine le style de police.   &nbsp;<\/p>\n\n\n\n<ol start=\"24\" class=\"wp-block-list\">\n<li>Dans la zone des classes CSS, cliquez sur les trois points \u00e0 c\u00f4t\u00e9 de <strong>Bouton secondaire<\/strong>.&nbsp;<\/li>\n\n\n\n<li>S\u00e9lectionnez <strong>Supprimer<\/strong> dans le menu d\u00e9roulant.<\/li>\n<\/ol>\n\n\n\n<p>La zone Classes CSS ne devrait maintenant contenir que les classes <strong>local<\/strong> et <strong>Bouton principal<\/strong>.&nbsp;<\/p>\n\n\n\n<p>Maintenant, disons que nous voulons personnaliser ce bouton particulier pour qu&rsquo;il ressemble \u00e0 un bouton principal mais avec une fonctionnalit\u00e9 suppl\u00e9mentaire &#8211; il change de couleur lorsque les visiteurs le survolent.&nbsp;<\/p>\n\n\n\n<ol start=\"26\" class=\"wp-block-list\">\n<li>Cliquez sur les trois points \u00e0 c\u00f4t\u00e9 de la classe <strong>local<\/strong>.<\/li>\n<\/ol>\n\n\n\n<p>En modifiant la classe <strong>local<\/strong>, nous pouvons changer le style de ce bouton sans modifier les autres boutons avec la classe <strong>Bouton principal<\/strong>.<\/p>\n\n\n\n<ol start=\"27\" class=\"wp-block-list\">\n<li>S\u00e9lectionnez <strong>Survol<\/strong> dans le menu d\u00e9roulant.<\/li>\n<\/ol>\n\n\n\n<p>Survol est ce qu&rsquo;on appelle un \u00e9tat.&nbsp; Lorsque vous le s\u00e9lectionnez, vous d\u00e9terminez l&rsquo;apparence du bouton lorsque les visiteurs le survolent avec la souris.&nbsp;<\/p>\n\n\n\n<ol start=\"28\" class=\"wp-block-list\">\n<li>Ouvrez le champ Arri\u00e8re-plan.<\/li>\n\n\n\n<li>S\u00e9lectionnez une couleur d&rsquo;arri\u00e8re-plan diff\u00e9rente.<\/li>\n<\/ol>\n\n\n\n<p>Remarquez que lorsque vous d\u00e9placez le curseur sur le bouton, il change de couleur.&nbsp;<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>L&rsquo;\u00e9diteur Elementor est con\u00e7u pour aider les cr\u00e9ateurs web \u00e0 travailler rapidement et efficacement. Dans cette optique, l&rsquo;\u00e9diteur adopte les principes du Design Atomique. Ce syst\u00e8me est bas\u00e9 sur l&rsquo;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&rsquo;utilisation appropri\u00e9e [&hellip;]<\/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":[1592],"tags":[1694],"class_list":["post-148399","post","type-post","status-publish","format-standard","hentry","category-v4-editor-fr","tag-v4-fr"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Classes dans Elementor | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Classes dans Elementor in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; 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\/classes-dans-elementor\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Classes dans Elementor | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Classes dans Elementor in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/fr\/classes-dans-elementor\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2025-06-11T13:07:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/03\/Click-the-Replace-URL-tab.png\" \/>\n\t<meta property=\"og:image:width\" content=\"878\" \/>\n\t<meta property=\"og:image:height\" content=\"699\" \/>\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\/classes-dans-elementor\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/fr\/classes-dans-elementor\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/fr\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"Classes dans Elementor\",\"datePublished\":\"2025-06-11T13:07:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/fr\/classes-dans-elementor\/\"},\"wordCount\":1190,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/fr\/classes-dans-elementor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/1-the-local-class.png\",\"keywords\":[\"V4\"],\"articleSection\":[\"Editor V4\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/fr\/classes-dans-elementor\/\",\"url\":\"https:\/\/elementor.com\/help\/fr\/classes-dans-elementor\/\",\"name\":\"Classes dans Elementor | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/fr\/classes-dans-elementor\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/fr\/classes-dans-elementor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/1-the-local-class.png\",\"datePublished\":\"2025-06-11T13:07:44+00:00\",\"description\":\"Learn everything about Classes dans Elementor in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/fr\/classes-dans-elementor\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/fr\/classes-dans-elementor\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/elementor.com\/help\/fr\/classes-dans-elementor\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/1-the-local-class.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/1-the-local-class.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/fr\/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\":\"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":"Classes dans Elementor | Elementor","description":"Learn everything about 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\/classes-dans-elementor\/","og_locale":"fr_FR","og_type":"article","og_title":"Classes dans Elementor | Elementor","og_description":"Learn everything about Classes dans Elementor in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/fr\/classes-dans-elementor\/","og_site_name":"Help","article_published_time":"2025-06-11T13:07:44+00:00","og_image":[{"width":878,"height":699,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/03\/Click-the-Replace-URL-tab.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\/classes-dans-elementor\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/fr\/classes-dans-elementor\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/fr\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"Classes dans Elementor","datePublished":"2025-06-11T13:07:44+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/fr\/classes-dans-elementor\/"},"wordCount":1190,"publisher":{"@id":"https:\/\/elementor.com\/help\/fr\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/fr\/classes-dans-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/1-the-local-class.png","keywords":["V4"],"articleSection":["Editor V4"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/fr\/classes-dans-elementor\/","url":"https:\/\/elementor.com\/help\/fr\/classes-dans-elementor\/","name":"Classes dans Elementor | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/fr\/classes-dans-elementor\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/fr\/classes-dans-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/1-the-local-class.png","datePublished":"2025-06-11T13:07:44+00:00","description":"Learn everything about Classes dans Elementor in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/fr\/classes-dans-elementor\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/fr\/classes-dans-elementor\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/elementor.com\/help\/fr\/classes-dans-elementor\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/1-the-local-class.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/1-the-local-class.png"},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/fr\/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":"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\/148399","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=148399"}],"version-history":[{"count":0,"href":"https:\/\/elementor.com\/help\/fr\/wp-json\/wp\/v2\/posts\/148399\/revisions"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/fr\/wp-json\/wp\/v2\/media?parent=148399"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/fr\/wp-json\/wp\/v2\/categories?post=148399"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/fr\/wp-json\/wp\/v2\/tags?post=148399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}