{"id":148401,"date":"2025-06-11T16:07:44","date_gmt":"2025-06-11T13:07:44","guid":{"rendered":"https:\/\/elementor.com\/help\/klassen-in-elementor\/"},"modified":"2025-06-11T16:07:44","modified_gmt":"2025-06-11T13:07:44","slug":"klassen-in-elementor","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/nl\/klassen-in-elementor\/","title":{"rendered":"Klassen in Elementor"},"content":{"rendered":"\n<p>De Elementor Editor is ontworpen om webcreators te helpen snel en effici\u00ebnt te werken. Als onderdeel van die missie hanteert de Editor de principes van Atomic Design. Dit systeem is gebaseerd op het idee van het cre\u00ebren van kleine, herbruikbare elementen. In Elementor worden deze elementen klassen genoemd. Dit sluit aan bij de terminologie die door CSS wordt gebruikt.    <\/p>\n\n\n\n<p>Als extra voordeel kan het juiste gebruik van klassen ook de prestaties van je website verbeteren.&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\">Een klasse aanmaken<\/h2>\n\n\n\n<p>Het aanmaken van klassen gebeurt automatisch. Je doet dit elke keer dat je een <a href=\"https:\/\/elementor.com\/help\/add-elements-to-a-page\/\">element aan het canvas toevoegt<\/a>. Wanneer je een element aan het canvas toevoegt, verschijnen de elementopties in het linkerpaneel.   <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>Bovenaan het tabblad <strong>Stijl<\/strong> zie je het veld <strong>Klasse<\/strong> met de klasse <strong>lokaal<\/strong> al ingevuld. Je kunt nu nieuwe klassen aan het element toevoegen door dit proces te volgen: <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Voer een klassenaam in het tekstvak in.<br>Er verschijnt een dropdownmenu.<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>Selecteer de klassenaam onder <strong>Nieuwe klasse aanmaken<\/strong>.&nbsp;<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Een klasse bewerken<\/h2>\n\n\n\n<p>Nadat je een klasse hebt aangemaakt, moet je deze bewerken om de eigenschappen vast te stellen.<\/p>\n\n\n\n<p><strong>Om een klasse te bewerken<\/strong>:&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Maak de klasse aan.<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>Controleer het CSS klassenveld. De klasse die je bewerkt is roze als het een lokale klasse is. Anders is deze groen. Wanneer de klasse roze of groen is, bewerk je die klasse.   <\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Wat is een klasse?<\/h2>\n\n\n\n<p>Een klasse is een verzameling van gedeelde stijlkenmerken. Als je bijvoorbeeld een website bouwt en je wilt dat de standaardtekst op de site Arial 12 punts lettertype gebruikt, kun je een klasse genaamd <strong>Hoofdtekst<\/strong> aanmaken met deze kenmerken. Op die manier zou elk element met de klasse <strong>Hoofdtekst<\/strong> Arial 12 punts als lettertype gebruiken.  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">De lokale klasse<\/h3>\n\n\n\n<p>In Elementor heeft elk element ten minste \u00e9\u00e9n klasse &#8211; de <strong>lokale<\/strong> klasse. Deze klasse definieert het specifieke element waarmee je werkt. Het is belangrijk om te weten dat hoewel alle elementen een lokale klasse hebben, de <strong>lokale<\/strong> klasse voor elk element anders kan zijn. Je kunt bijvoorbeeld \u00e9\u00e9n Tekst widget hebben die Arial lettertype gebruikt in zijn <strong>lokale<\/strong> klasse en een andere Tekst widget die Calibri gebruikt in zijn <strong>lokale<\/strong> klasse.   &nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Klassenhi\u00ebrarchie<\/h3>\n\n\n\n<p>Het andere belangrijke punt over klassen is dat ze werken volgens hi\u00ebrarchie\u00ebn. Als klassen elkaar tegenspreken, weet de Editor welke kenmerken prioriteit hebben. Als een element bijvoorbeeld twee klassen bevat, \u00e9\u00e9n die het lettertype op Arial instelt en een andere die de klasse op Calibri instelt, moet de editor bepalen welke prioriteit krijgt. Deze prioriteit wordt ingesteld in de klassenbeheerder. De lokale klasse heeft echter altijd de hoogste prioriteit. Dus in het bovenstaande geval, als de <strong>lokale<\/strong> klasse het lettertype op New Times Roman zou instellen, zou het element New Times Roman lettertype gebruiken.     <\/p>\n\n\n\n<p>Tip: Het is het beste om je klassen zo te bouwen dat er zo min mogelijk conflicten zijn. Deze conflicten kunnen niet alleen je tijd verspillen, ze kunnen ook je site vertragen. &nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Voorbeeld van het bouwen van klassen<\/h2>\n\n\n\n<p>In dit voorbeeld kijken we naar het bouwen van een website die verschillende knoppen bevat. Om tijd te besparen en de prestaties te verbeteren, maken we twee klassen aan &#8211; \u00e9\u00e9n om belangrijke knoppen te defini\u00ebren en een andere om secundaire knoppen te defini\u00ebren. &nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Maak een pagina aan in de Elementor Editor.<\/li>\n\n\n\n<li>Sleep een <strong>Knop widget<\/strong> naar het canvas.<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>De opties verschijnen in het paneel.<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>Klik op het tabblad <strong>Stijl<\/strong>.<\/li>\n\n\n\n<li>Voer in het tekstvak <strong>Klassen<\/strong>, naast <strong>lokaal<\/strong>, <strong>Main_button<\/strong> in.<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>Selecteer in het dropdownmenu <strong>Nieuwe \u201cHoofdknop\u201d aanmaken<\/strong>.<br><strong>Main_button<\/strong> verschijnt in het tekstvak <strong>Klassen<\/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>Merk op dat de klassenaam <strong>Main_button<\/strong> groen is. Dat betekent dat je die klasse bewerkt. <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>Open het veld <strong>Afmeting<\/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>Geef de knop een breedte van 200 PX en een hoogte van 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>Open het veld <strong>Achtergrond<\/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>Selecteer een kleur voor de knop. Voor details, zie <a href=\"https:\/\/elementor.com\/help\/style-tab-background\/\">Stijl tabblad &#8211; Achtergrond<\/a>. &nbsp;<br>Laten we nu een klasse aanmaken voor secundaire knoppen.<\/li>\n\n\n\n<li>Verwijder in het tekstvak <strong>CSS Klassen<\/strong> <strong>Hoofdknop<\/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>Merk op dat de knop terugkeert naar de standaardinstellingen.<\/li>\n\n\n\n<li>Voer in het tekstvak <strong>Klassen<\/strong> <strong>Secundaire_knop<\/strong> in.<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>Selecteer in het dropdownmenu <strong>\u201cSecundaire knop\u201d aanmaken<\/strong>.<br>Merk op dat de klassenaam groen is, wat betekent dat je de klasse bewerkt.<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>Open het veld <strong>Afmeting<\/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>Geef de knop een breedte van 100 PX en een hoogte van 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;Open het veld <strong>Typografie<\/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>Stel de <strong>lettergrootte<\/strong> in op 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>Open het veld <strong>Achtergrond<\/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>Selecteer een kleur voor de achtergrond. Zorg ervoor dat deze anders is dan de achtergrond van de <strong>Hoofdknop<\/strong>.<br>Laten we nu de resultaten testen. <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>Voeg een nieuw Knop element toe aan het canvas.<\/li>\n\n\n\n<li>Open het tabblad <strong>Stijl<\/strong>.<\/li>\n\n\n\n<li>Klik op het CSS klassenvak en selecteer <strong>Hoofdknop<\/strong> uit het dropdownmenu.<\/li>\n<\/ol>\n\n\n\n<p>De knop zou de kenmerken van de Hoofdknop klasse moeten aannemen.<\/p>\n\n\n\n<ol start=\"23\" class=\"wp-block-list\">\n<li>Klik op het CSS klassenvak en selecteer <strong>Secundaire knop<\/strong> uit het dropdownmenu.<\/li>\n<\/ol>\n\n\n\n<p>De knop zal de meeste kenmerken van de <strong>Hoofdknop<\/strong> klasse hebben. Dat komt omdat de Hoofdknop klasse hoger staat in de klassenhi\u00ebrarchie. Het lettertype op de knop neemt echter de stijl van de Secundaire knop klasse aan. Dat komt omdat we nooit de typografie van de <strong>Hoofdknop<\/strong> hebben gedefinieerd, dus de <strong>Secundaire knop<\/strong> klasse bepaalt de letterstijl.   &nbsp;<\/p>\n\n\n\n<ol start=\"24\" class=\"wp-block-list\">\n<li>Klik in het CSS klassenvak op de drie puntjes naast <strong>Secundaire knop<\/strong>.&nbsp;<\/li>\n\n\n\n<li>Selecteer <strong>Verwijderen<\/strong> uit het dropdownmenu.<\/li>\n<\/ol>\n\n\n\n<p>Het CSS Klassenvak zou nu alleen de <strong>lokale<\/strong> en <strong>Hoofdknop<\/strong> klassen moeten bevatten.&nbsp;<\/p>\n\n\n\n<p>Laten we nu zeggen dat we deze ene knop willen aanpassen zodat deze eruitziet als een hoofdknop maar \u00e9\u00e9n extra functie heeft &#8211; deze verandert van kleur wanneer bezoekers er overheen bewegen.&nbsp;<\/p>\n\n\n\n<ol start=\"26\" class=\"wp-block-list\">\n<li>Klik op de drie puntjes naast de <strong>lokale<\/strong> klasse.<\/li>\n<\/ol>\n\n\n\n<p>Door de <strong>lokale<\/strong> klasse te bewerken, kunnen we de stijl van deze knop veranderen zonder andere knoppen met de <strong>Hoofdknop<\/strong> klasse te veranderen.<\/p>\n\n\n\n<ol start=\"27\" class=\"wp-block-list\">\n<li>Selecteer <strong>Hover<\/strong> uit het dropdownmenu.<\/li>\n<\/ol>\n\n\n\n<p>Hover is wat een status wordt genoemd.&nbsp; Wanneer je het selecteert, bepaal je hoe de knop eruit zal zien wanneer bezoekers er met de muis overheen gaan.&nbsp;<\/p>\n\n\n\n<ol start=\"28\" class=\"wp-block-list\">\n<li>Open het veld Achtergrond.<\/li>\n\n\n\n<li>Selecteer een andere achtergrondkleur.<\/li>\n<\/ol>\n\n\n\n<p>Merk op dat wanneer je de cursor over de knop beweegt, deze van kleur verandert.&nbsp;<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>De Elementor Editor is ontworpen om webcreators te helpen snel en effici\u00ebnt te werken. Als onderdeel van die missie hanteert de Editor de principes van Atomic Design. Dit systeem is gebaseerd op het idee van het cre\u00ebren van kleine, herbruikbare elementen. In Elementor worden deze elementen klassen genoemd. Dit sluit aan bij de terminologie die [&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":[1594],"tags":[1695],"class_list":["post-148401","post","type-post","status-publish","format-standard","hentry","category-v4-editor-nl","tag-v4-nl"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Klassen in Elementor | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Klassen in 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\/nl\/klassen-in-elementor\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Klassen in Elementor | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Klassen in 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\/nl\/klassen-in-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=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cliff Churgin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/klassen-in-elementor\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/klassen-in-elementor\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"Klassen in Elementor\",\"datePublished\":\"2025-06-11T13:07:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/klassen-in-elementor\/\"},\"wordCount\":1029,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/klassen-in-elementor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/1-the-local-class.png\",\"keywords\":[\"V4\"],\"articleSection\":[\"Editor V4\"],\"inLanguage\":\"nl-NL\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/klassen-in-elementor\/\",\"url\":\"https:\/\/elementor.com\/help\/nl\/klassen-in-elementor\/\",\"name\":\"Klassen in Elementor | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/klassen-in-elementor\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/klassen-in-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 Klassen in Elementor in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/klassen-in-elementor\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/nl\/klassen-in-elementor\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/klassen-in-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\/nl\/klassen-in-elementor\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ongecategoriseerd\",\"item\":\"https:\/\/elementor.com\/help\/nl\/ongecategoriseerd\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Klassen in Elementor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/#website\",\"url\":\"https:\/\/elementor.com\/help\/nl\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/#\/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\/nl\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\",\"name\":\"Cliff Churgin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/#\/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":"Klassen in Elementor | Elementor","description":"Learn everything about Klassen in 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\/nl\/klassen-in-elementor\/","og_locale":"nl_NL","og_type":"article","og_title":"Klassen in Elementor | Elementor","og_description":"Learn everything about Klassen in Elementor in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/nl\/klassen-in-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":{"Geschreven door":"Cliff Churgin","Geschatte leestijd":"5 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/nl\/klassen-in-elementor\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/nl\/klassen-in-elementor\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/nl\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"Klassen in Elementor","datePublished":"2025-06-11T13:07:44+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/nl\/klassen-in-elementor\/"},"wordCount":1029,"publisher":{"@id":"https:\/\/elementor.com\/help\/nl\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/nl\/klassen-in-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/1-the-local-class.png","keywords":["V4"],"articleSection":["Editor V4"],"inLanguage":"nl-NL"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/nl\/klassen-in-elementor\/","url":"https:\/\/elementor.com\/help\/nl\/klassen-in-elementor\/","name":"Klassen in Elementor | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/nl\/klassen-in-elementor\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/nl\/klassen-in-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 Klassen in Elementor in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/nl\/klassen-in-elementor\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/nl\/klassen-in-elementor\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/help\/nl\/klassen-in-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\/nl\/klassen-in-elementor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/nl\/"},{"@type":"ListItem","position":2,"name":"Ongecategoriseerd","item":"https:\/\/elementor.com\/help\/nl\/ongecategoriseerd\/"},{"@type":"ListItem","position":3,"name":"Klassen in Elementor"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/nl\/#website","url":"https:\/\/elementor.com\/help\/nl\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/nl\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/help\/nl\/#\/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\/nl\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/nl\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3","name":"Cliff Churgin","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/help\/nl\/#\/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\/nl\/wp-json\/wp\/v2\/posts\/148401","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/comments?post=148401"}],"version-history":[{"count":0,"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/posts\/148401\/revisions"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/media?parent=148401"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/categories?post=148401"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/tags?post=148401"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}