{"id":148600,"date":"2025-05-19T15:53:36","date_gmt":"2025-05-19T12:53:36","guid":{"rendered":"https:\/\/elementor.com\/help\/klassen-in-elementor-2\/"},"modified":"2025-05-19T15:53:36","modified_gmt":"2025-05-19T12:53:36","slug":"klassen-in-elementor-2","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/de\/klassen-in-elementor-2\/","title":{"rendered":"Klassen in Elementor"},"content":{"rendered":"\n

Der Elementor Editor wurde entwickelt, um Web-Erstellern zu helfen, schnell und effizient zu arbeiten. Als Teil dieser Mission \u00fcbernimmt der Editor die Prinzipien des Atomic Design. Dieses System basiert auf der Idee, kleine, wiederverwendbare Elemente zu erstellen. In Elementor werden diese Elemente Klassen genannt. Dies steht im Einklang mit dem von CSS verwendeten Vokabular. <\/p>\n\n\n\n

Als zus\u00e4tzlichen Vorteil kann die richtige Verwendung von Klassen auch die Leistung Ihrer Website verbessern. <\/p>\n\n\n\n

Eine Klasse erstellen<\/h2>\n\n\n\n

Klassen werden automatisch erstellt. Das geschieht jedes Mal, wenn Sie ein Element zur Arbeitsfl\u00e4che<\/a> hinzuf\u00fcgen. Wenn Sie ein Element zur Arbeitsfl\u00e4che hinzuf\u00fcgen, erscheinen die Elementoptionen im linken Bereich. Oben im Tab Stil<\/strong> sehen Sie das Feld Klasse<\/strong>, in dem die Klasse local<\/strong> bereits ausgef\u00fcllt ist. Sie k\u00f6nnen dem Element nun neue Klassen hinzuf\u00fcgen, indem Sie diesen Prozess befolgen: <\/p>\n\n\n\n

    \n
  1. Geben Sie einen Klassennamen in das Textfeld ein.
    Ein Dropdown-Men\u00fc erscheint.
    \"\"<\/li>\n\n\n\n
  2. W\u00e4hlen Sie den Klassennamen unter Neue globale Klasse hinzuf\u00fcgen<\/strong>. <\/li>\n<\/ol>\n\n\n\n

    Eine Klasse bearbeiten<\/h2>\n\n\n\n

    Nachdem Sie eine Klasse erstellt haben, m\u00fcssen Sie diese bearbeiten, um ihre Eigenschaften festzulegen.<\/p>\n\n\n\n

    So bearbeiten Sie eine Klasse<\/strong>: <\/p>\n\n\n\n

      \n
    1. Erstellen Sie die Klasse.
      \"\"<\/li>\n\n\n\n
    2. \u00dcberpr\u00fcfen Sie das CSS-Klassenfeld. Die Klasse, die Sie bearbeiten, ist rosa, wenn es sich um eine lokale Klasse handelt. Andernfalls ist sie gr\u00fcn. Wenn die Klasse rosa oder gr\u00fcn ist, bearbeiten Sie diese Klasse. <\/li>\n<\/ol>\n\n\n\n

      Was ist eine Klasse?<\/h2>\n\n\n\n

      Eine Klasse ist im Grunde eine Sammlung gemeinsamer Stilmerkmale. Wenn Sie zum Beispiel eine Website erstellen und m\u00f6chten, dass der Standardtext auf der gesamten Website die Schriftart Arial 12 Punkt verwendet, k\u00f6nnen Sie eine Klasse namens Haupttext<\/strong> mit diesen Merkmalen erstellen. Auf diese Weise w\u00fcrde jedes Element, das die Klasse Haupttext<\/strong> hatte, Arial 12 Punkt als Schriftart verwenden.      <\/p>\n\n\n\n

      Die lokale Klasse<\/h3>\n\n\n\n

      In Elementor hat jedes Element mindestens eine Klasse \u2013 die lokale<\/strong> Klasse. Diese Klasse definiert das jeweilige Element, mit dem Sie arbeiten. Es ist wichtig zu beachten, dass, obwohl alle Elemente eine lokale Klasse haben, die lokale<\/strong> Klasse f\u00fcr jedes Element unterschiedlich sein kann. Zum Beispiel k\u00f6nnen Sie ein Text-Widget haben, das die Schriftart Arial in seiner lokalen<\/strong> Klasse verwendet, und ein anderes Text-Widget, das Calibri in seiner lokalen<\/strong> Klasse verwendet.  
      \"\"<\/p>\n\n\n\n

      Klassenhierarchie<\/h3>\n\n\n\n

      Das andere Wichtige, das man \u00fcber Klassen wissen sollte, ist, dass sie nach Hierarchien funktionieren. Wenn sich Klassen widersprechen, wei\u00df der Editor, welche Merkmale Priorit\u00e4t haben. Wenn ein Element beispielsweise zwei Klassen enth\u00e4lt, eine, die die Schriftart auf Arial setzt, und eine andere, die die Klasse auf Calibri setzt, muss der Editor bestimmen, welche Priorit\u00e4t hat. Diese Priorit\u00e4t wird im Klassenmanager festgelegt. Die lokale Klasse hat jedoch immer die h\u00f6chste Priorit\u00e4t. Im obigen Fall w\u00fcrde das Element also die Schriftart New Times Roman verwenden, wenn die lokale<\/strong> Klasse die Schriftart auf New Time Roman gesetzt h\u00e4tte. <\/p>\n\n\n\n

      [callout type=“tip“]Es ist am besten, Ihre Klassen so aufzubauen, dass es so wenige dieser Konflikte wie m\u00f6glich gibt. Diese Konflikte k\u00f6nnen nicht nur Ihre Zeit verschwenden, sondern auch Ihre Website verlangsamen.  [\/callout]<\/p>\n\n\n\n

      Beispiel f\u00fcr den Aufbau von Klassen<\/h2>\n\n\n\n

      In diesem Beispiel werden wir uns den Aufbau einer Website ansehen, die mehrere Schaltfl\u00e4chen enthalten wird. Um Zeit zu sparen und die Leistung zu steigern, erstellen wir zwei Klassen \u2013 eine zur Definition wichtiger Schaltfl\u00e4chen und eine weitere zur Definition sekund\u00e4rer Schaltfl\u00e4chen.  <\/p>\n\n\n\n

        \n
      1. Erstellen Sie eine Seite im Elementor Editor.<\/li>\n\n\n\n
      2. Ziehen Sie ein Schaltfl\u00e4chen-Widget<\/strong> auf die Arbeitsfl\u00e4che.
        \"\"
        Die Optionen erscheinen im Bedienfeld.
        \"\"<\/li>\n\n\n\n
      3. Klicken Sie im Bereich auf den Tab Stil<\/strong>.
        \"\"<\/li>\n\n\n\n
      4. Geben Sie im Textfeld Klassen<\/strong>, neben lokal<\/strong>, Main_button<\/strong> ein.<\/li>\n\n\n\n
      5. W\u00e4hlen Sie im Dropdown-Men\u00fc Neu erstellen \u201eMain_button\u201c<\/strong>.
        Hauptschaltfl\u00e4che<\/strong> erscheint im Textfeld Klassen<\/strong>. 
        \"\"
        Beachten Sie, dass der Text Main_button<\/strong> gr\u00fcn ist. Das bedeutet, dass Sie diese Klasse bearbeiten.
        \"\"<\/li>\n\n\n\n
      6. \u00d6ffnen Sie das Gr\u00f6\u00dfe<\/strong>-Feld.
        \"\"<\/li>\n\n\n\n
      7. Geben Sie der Schaltfl\u00e4che eine Breite von 200 PX und eine H\u00f6he von 50 PX. 
        \"\"<\/li>\n\n\n\n
      8. \u00d6ffnen Sie das Feld Hintergrund<\/strong>.
        \"\"<\/li>\n\n\n\n
      9. W\u00e4hlen Sie eine Farbe f\u00fcr die Schaltfl\u00e4che. Details finden Sie unter Tab Stil \u2013 Hintergrund<\/a>.
        Nun erstellen wir eine Klasse f\u00fcr sekund\u00e4re Schaltfl\u00e4chen.
        \"\"<\/li>\n\n\n\n
      10. L\u00f6schen Sie im Textfeld Klassen<\/strong> Main_button<\/strong>.
        Beachten Sie, dass die Schaltfl\u00e4che zu ihren Standardeinstellungen zur\u00fcckkehrt.
        \"\"<\/li>\n\n\n\n
      11. Geben Sie im Textfeld Klassen<\/strong> Secondary_button<\/strong> ein.<\/li>\n\n\n\n
      12. W\u00e4hlen Sie im Dropdown-Men\u00fc Neu erstellen \u201eSecondary_button\u201c<\/strong>.
        Beachten Sie, dass der Text gr\u00fcn ist, was bedeutet, dass Sie die Klasse bearbeiten.
        \"\"<\/li>\n\n\n\n
      13. \u00d6ffnen Sie das Gr\u00f6\u00dfe<\/strong>-Feld.
        \"\"<\/li>\n\n\n\n
      14. Geben Sie der Schaltfl\u00e4che eine Breite von 100 PX und eine H\u00f6he von 50 PX. 
        \"\"<\/li>\n\n\n\n
      15.  \u00d6ffnen Sie das Feld Typografie<\/strong>.
        \"\"<\/li>\n\n\n\n
      16. Stellen Sie die Schriftgr\u00f6\u00dfe<\/strong> auf 12 ein. <\/li>\n\n\n\n
      17. \u00d6ffnen Sie das Feld Hintergrund<\/strong>.
        \"\"<\/li>\n\n\n\n
      18. W\u00e4hlen Sie eine Farbe f\u00fcr den Hintergrund. Stellen Sie sicher, dass sie sich vom Hintergrund von Main_button<\/strong> unterscheidet.
        Testen Sie nun die Ergebnisse. <\/li>\n\n\n\n
      19. F\u00fcgen Sie ein neues Schaltfl\u00e4chen-Element zur Arbeitsfl\u00e4che hinzu.<\/li>\n\n\n\n
      20. \u00d6ffnen Sie den Tab Stil<\/strong>.
        \"\"<\/li>\n\n\n\n
      21. Klicken Sie auf das Textfeld Klassen<\/strong> und w\u00e4hlen Sie Main_button <\/strong>aus dem Dropdown-Men\u00fc.
        \"\"
        Die Schaltfl\u00e4che sollte die Eigenschaften der Klasse Main_button annehmen.
        \"\"<\/li>\n\n\n\n
      22. Klicken Sie auf das Feld Klassen<\/strong> und w\u00e4hlen Sie Sekund\u00e4re Schaltfl\u00e4che <\/strong>aus dem Dropdown-Men\u00fc.
        Die Schaltfl\u00e4che wird die meisten Eigenschaften der Klasse Hauptschaltfl\u00e4che<\/strong> haben. Das liegt daran, dass die Klasse Hauptschaltfl\u00e4che in der Klassenhierarchie h\u00f6her steht. Die Schriftart auf der Schaltfl\u00e4che nimmt jedoch den Stil der Klasse Sekund\u00e4re Schaltfl\u00e4che an. Das liegt daran, dass wir die Typografie der Hauptschaltfl\u00e4che<\/strong> nie definiert haben, sodass die Klasse Sekund\u00e4re Schaltfl\u00e4che<\/strong> den Schriftstil bestimmt.  
        \"\"<\/li>\n\n\n\n
      23. Klicken Sie im Feld Klassen<\/strong> auf die drei Punkte neben Secondary_button<\/strong>. <\/li>\n\n\n\n
      24. W\u00e4hlen Sie Entfernen<\/strong> aus dem Dropdown-Men\u00fc.
        Das CSS Klassenfeld sollte nun nur noch die Klassen local<\/strong> und Main_button<\/strong> enthalten. Beachten Sie, dass die Schriftgr\u00f6\u00dfe auf die Standardgr\u00f6\u00dfe zur\u00fcckkehrt, da die Klasse Secondary_button nicht mehr vorhanden ist.
        Nehmen wir nun an, wir m\u00f6chten diese eine Schaltfl\u00e4che so anpassen, dass sie wie eine Hauptschaltfl\u00e4che aussieht, aber eine zus\u00e4tzliche Funktion hat \u2013 sie \u00e4ndert die Farbe, wenn Besucher mit der Maus dar\u00fcberfahren. 
        \"\"<\/li>\n\n\n\n
      25. Klicken Sie auf die drei Punkte neben der Klasse local<\/strong> und w\u00e4hlen Sie Hover aus dem Dropdown-Men\u00fc.
        Durch Bearbeiten der Klasse local<\/strong> k\u00f6nnen wir den Stil dieser Schaltfl\u00e4che \u00e4ndern, ohne andere Schaltfl\u00e4chen mit der Klasse Hauptschaltfl\u00e4che<\/strong> zu \u00e4ndern.
        \"\"
        Hover ist ein sogenannter Zustand. Wenn Sie ihn ausw\u00e4hlen, bestimmen Sie, wie die Schaltfl\u00e4che aussieht, wenn Besucher mit der Maus dar\u00fcberfahren. Details finden Sie unter         Elementzust\u00e4nde<\/a>.
        \"\"<\/li>\n\n\n\n
      26. \u00d6ffnen Sie das Feld Hintergrund<\/strong>.
        \"\"<\/li>\n\n\n\n
      27. W\u00e4hlen Sie eine andere Hintergrundfarbe.
        \"\"
        Beachten Sie, dass sich die Farbe der Schaltfl\u00e4che \u00e4ndert, wenn Sie den Mauszeiger dar\u00fcber bewegen. <\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

        Der Elementor Editor wurde entwickelt, um Web-Erstellern zu helfen, schnell und effizient zu arbeiten. Als Teil dieser Mission \u00fcbernimmt der Editor die Prinzipien des Atomic Design. Dieses System basiert auf der Idee, kleine, wiederverwendbare Elemente zu erstellen. In Elementor werden diese Elemente Klassen genannt. Dies steht im Einklang mit dem von CSS verwendeten Vokabular. Als […]<\/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":[1605],"tags":[1696],"class_list":["post-148600","post","type-post","status-publish","format-standard","hentry","category-features-de","tag-v4-de"],"acf":[],"yoast_head":"\nKlassen in Elementor | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Klassen in 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\/de\/klassen-in-elementor-2\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\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's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/de\/klassen-in-elementor-2\/\" \/>\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=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cliff Churgin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"6\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/de\/klassen-in-elementor-2\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/de\/klassen-in-elementor-2\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/de\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"Klassen in Elementor\",\"datePublished\":\"2025-05-19T12:53:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/de\/klassen-in-elementor-2\/\"},\"wordCount\":1133,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/de\/klassen-in-elementor-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/1-create-a-new-class-1.png\",\"keywords\":[\"V4\"],\"articleSection\":[\"Features\"],\"inLanguage\":\"de\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/de\/klassen-in-elementor-2\/\",\"url\":\"https:\/\/elementor.com\/help\/de\/klassen-in-elementor-2\/\",\"name\":\"Klassen in Elementor | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/de\/klassen-in-elementor-2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/de\/klassen-in-elementor-2\/#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 Klassen in Elementor in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/de\/klassen-in-elementor-2\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/de\/klassen-in-elementor-2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/elementor.com\/help\/de\/klassen-in-elementor-2\/#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\/de\/klassen-in-elementor-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Nicht kategorisiert\",\"item\":\"https:\/\/elementor.com\/help\/de\/nicht-kategorisiert\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Klassen in Elementor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/de\/#website\",\"url\":\"https:\/\/elementor.com\/help\/de\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/de\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/elementor.com\/help\/de\/#\/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\/de\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/de\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\",\"name\":\"Cliff Churgin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/elementor.com\/help\/de\/#\/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\/de\/klassen-in-elementor-2\/","og_locale":"de_DE","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\/de\/klassen-in-elementor-2\/","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":{"Verfasst von":"Cliff Churgin","Gesch\u00e4tzte Lesezeit":"6\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/de\/klassen-in-elementor-2\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/de\/klassen-in-elementor-2\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/de\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"Klassen in Elementor","datePublished":"2025-05-19T12:53:36+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/de\/klassen-in-elementor-2\/"},"wordCount":1133,"publisher":{"@id":"https:\/\/elementor.com\/help\/de\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/de\/klassen-in-elementor-2\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/1-create-a-new-class-1.png","keywords":["V4"],"articleSection":["Features"],"inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/de\/klassen-in-elementor-2\/","url":"https:\/\/elementor.com\/help\/de\/klassen-in-elementor-2\/","name":"Klassen in Elementor | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/de\/klassen-in-elementor-2\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/de\/klassen-in-elementor-2\/#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 Klassen in Elementor in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/de\/klassen-in-elementor-2\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/de\/klassen-in-elementor-2\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/elementor.com\/help\/de\/klassen-in-elementor-2\/#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\/de\/klassen-in-elementor-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/de\/"},{"@type":"ListItem","position":2,"name":"Nicht kategorisiert","item":"https:\/\/elementor.com\/help\/de\/nicht-kategorisiert\/"},{"@type":"ListItem","position":3,"name":"Klassen in Elementor"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/de\/#website","url":"https:\/\/elementor.com\/help\/de\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/de\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/elementor.com\/help\/de\/#\/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\/de\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/de\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3","name":"Cliff Churgin","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/elementor.com\/help\/de\/#\/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\/de\/wp-json\/wp\/v2\/posts\/148600","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/de\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/de\/wp-json\/wp\/v2\/comments?post=148600"}],"version-history":[{"count":0,"href":"https:\/\/elementor.com\/help\/de\/wp-json\/wp\/v2\/posts\/148600\/revisions"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/de\/wp-json\/wp\/v2\/media?parent=148600"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/de\/wp-json\/wp\/v2\/categories?post=148600"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/de\/wp-json\/wp\/v2\/tags?post=148600"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}