Was Elementor zum am weitesten verbreiteten WordPress-Seitenersteller macht
Elementor hat sich von einem einfachen Drag-and-Drop-Seitenersteller zu einer vollständigen Website-Erstellungsplattform entwickelt, die auf über 16 Millionen Websites verwendet wird. Sein visueller Bearbeitungsansatz ermöglicht es Ihnen, Seiten in Echtzeit zu gestalten, ohne Code zu schreiben, während der Theme Builder diese Kontrolle auf Kopfzeilen, Fußzeilen, Einzelbeitragsvorlagen, Archivseiten und WooCommerce-Produktlayouts ausdehnt.
Ob Sie ein Portfolio, eine Unternehmenswebsite, einen Online-Shop oder einen Blog erstellen, Elementor bietet die Werkzeuge, um professionelle Designs zu erstellen, ohne auf einen Entwickler angewiesen zu sein. Dieser Leitfaden behandelt alles von den Grundlagen der Benutzeroberfläche bis hin zu fortgeschrittenen Techniken für dynamische Inhalte, Leistungsoptimierung und das wachsende Add-On-Ökosystem.
Die Elementor-Oberfläche verstehen
Elementor ersetzt den Standard-WordPress-Editor durch einen Live-Visual-Editor. Wenn Sie auf "Mit Elementor bearbeiten" klicken, wird die Seite in einer geteilten Ansicht geladen: Ihre Inhaltsfläche auf der rechten Seite und das Elementor-Panel auf der linken Seite.
Wichtige Elemente der Benutzeroberfläche
- Linkes Panel: Enthält Widgets, Einstellungen, Navigation und den Schalter für den responsiven Modus. Widgets sind nach Kategorien organisiert (Basis, Pro, Allgemein, Seite, WooCommerce)
- Leinwand: Ihre Live-Seitenvorschau, in der Sie Elemente ziehen, ablegen und anordnen. Klicken Sie auf ein Element, um es direkt zu bearbeiten
- Abschnitt-/Spaltenstruktur: Seiten werden mit Abschnitten (vollbreite Reihen) erstellt, die Spalten enthalten, die Widgets halten. Elementor 3.6+ führte Container (Flexbox) als modernere Alternative zum Abschnitt-/Spaltenmodell ein
- Navigator: Eine Baumansicht Ihrer Seitenstruktur, die für die Verwaltung komplexer Layouts mit verschachtelten Elementen unerlässlich ist
- Responsiver Modus: Wechseln Sie zwischen Desktop-, Tablet- und Mobilansichten. Die meisten Einstellungen können pro Breakpoint angepasst werden
- Historienpanel: Rückgängig/Wiederherstellen mit einer vollständigen Versionshistorie. Sie können zu jedem vorherigen gespeicherten Zustand zurückkehren
Flexbox-Container vs. Abschnitte
Das neuere Container-Element von Elementor verwendet das CSS Flexbox-Layout und ersetzt das ältere Abschnitt-/Spaltensystem. Container erzeugen saubereren HTML-Code mit weniger Wrapper-Divs, was zu leichteren Seiten führt. Sie bieten auch flexiblere Layout-Optionen, einschließlich Reihen- und Spaltenrichtung, Umbruch, Ausrichtung und Abstandskontrollen, die mit dem alten System nicht möglich waren. Neue Projekte sollten ausschließlich Container verwenden. Aktivieren Sie sie in Elementor → Einstellungen → Funktionen.
Übersicht über die Widget-Bibliothek
Die Widget-Bibliothek von Elementor ist in Kategorien organisiert. Die kostenlose Version umfasst etwa 40 Widgets, während Elementor Pro über 50 zusätzliche Widgets und Funktionen hinzufügt.
| Kategorie | Kostenlose Widgets | Pro Widgets |
|---|---|---|
| Basis | Überschrift, Bild, Texteditor, Video, Schaltfläche, Trennlinie, Abstandshalter, Google Maps | — |
| Allgemein | Symbol, Bildbox, Symbolbox, Sternebewertung, Zähler, Fortschrittsbalken, Testimonial, Tabs, Akkordeon, Umschalter, Warnung | — |
| Pro | — | Beiträge, Portfolio, Folien, Galerie, Formular, Preistabelle, Preisliste, Flip-Box, Call to Action, Medienkarussell, Testimonial-Karussell, Countdown, Teilen-Buttons, Blockzitat, Vorlage |
| Themenelemente | — | Site-Logo, Seitentitel, Seitentitel, Beitragstitel, Beitragsinhalt, Beitragsauszug, Beitragsbild, Autorenbox, Beitragsnavigation, Beitragskommentare, Suchformular, Sitemap |
| WooCommerce | — | Produkte, Produktkategorien, Produkt in den Warenkorb, Produktpreis, Produktbewertung, Produktbestand, Produktbilder, Produktmeta, Kasse, Warenkorb, Mein Konto, Menü-Warenkorb |
| WordPress | Sidebar, Kategorien, Seiten, Kalender, Suche, Tag-Cloud, Navigationsmenü, Audio, Archive, RSS | — |
Vorlagensystem
Vorlagen sind vorgefertigte Layouts, die Sie speichern, wiederverwenden und auf Ihrer Website teilen können. Das Vorlagensystem von Elementor funktioniert auf mehreren Ebenen.
Vorlagentypen
- Seitenvorlagen: Vollständige Seitendesigns, die Sie importieren und anpassen können
- Abschnittsvorlagen: Einzelne Abschnitte (Held, Funktionen, Preise, FAQ), die Sie kombinieren können, um Seiten zu erstellen
- Globale Widgets: Ein einmal konfiguriertes Widget, das auf jeder Seite identisch erscheint, wo es verwendet wird. Bearbeiten Sie das globale Widget, und alle Instanzen werden gleichzeitig aktualisiert – ideal für CTAs, Banner und Kontaktinformationen
- Theme Builder-Vorlagen (Pro): Steuern Sie das Design Ihres gesamten Themas, einschließlich Kopfzeilen, Fußzeilen, Einzelbeiträgen, Archivseiten und Suchergebnissen
Elementor enthält eine Vorlagenbibliothek mit Hunderten von professionell gestalteten Vorlagen. Sie können auch jeden Abschnitt oder jede Seite als Vorlage speichern, um sie wiederzuverwenden, und Vorlagen als JSON-Dateien exportieren, um sie zwischen Websites zu teilen.
Theme Builder: Vollständige Kontrolle über die Website
Der Theme Builder ist arguably die wertvollste Funktion von Elementor Pro. Er ermöglicht es Ihnen, jeden Teil Ihres WordPress-Themes visuell zu gestalten, ohne PHP-Vorlagendateien zu berühren. Greifen Sie darauf zu über Elementor → Theme Builder.
Vorlagenbereiche
- Kopfzeile: Gestalten Sie eine benutzerdefinierte Kopfzeile mit Ihrem Logo, Navigationsmenü, Suche, Warenkorb-Icon und anderen Elementen. Erstellen Sie mehrere Kopfzeilen mit Anzeigebedingungen (z. B. eine andere Kopfzeile für den Blog vs. den Shop)
- Fußzeile: Benutzerdefinierte Fußzeile mit Spalten, Widgets, Newsletter-Anmeldung, sozialen Links und Copyright-Text
- Einzelbeitrag: Steuern Sie das Layout einzelner Blogbeiträge, einschließlich Titel, Beitragsbild, Inhalt, Autorenbiografie, Kommentare und verwandte Beiträge
- Einzelne Seite: Standardvorlage für Seiten, die nicht mit Elementor bearbeitet wurden
- Archiv: Gestalten Sie Kategorieseiten, Tag-Seiten, Autorenarchive, Datumsarchive und Suchergebnisse
- Produkt (WooCommerce): Benutzerdefiniertes Layout für Einzelproduktseiten mit vollständiger Kontrolle über die Produktbildgalerie, Titel, Preis, In den Warenkorb-Schaltfläche, Tabs und verwandte Produkte
- Produktarchiv: Benutzerdefinierte Shop-Seiten- und Produktkategorie-Seitenlayouts
- 404-Seite: Gestalten Sie ein benutzerdefiniertes "Seite nicht gefunden"-Erlebnis
Entsperren Sie den Theme Builder, Popup Builder und 50+ Pro Widgets
Elementor Pro gibt Ihnen die vollständige Designkontrolle über Ihre gesamte WordPress-Website mit professionellen Widgets, dynamischen Inhalten und WooCommerce Builder.
Elementor Pro erhalten →Popup Builder
Elementor Pro umfasst einen voll ausgestatteten Popup-Builder, der die Notwendigkeit für eigenständige Popup-Plugins beseitigt. Sie können Popups visuell mit derselben Drag-and-Drop-Oberfläche erstellen und sie basierend auf verschiedenen Benutzerinteraktionen auslösen.
Popup-Auslöser
- Beim Laden der Seite: Erscheint, wenn die Seite geladen wird (mit optionaler Verzögerung)
- Beim Scrollen: Wird ausgelöst, nachdem ein Prozentsatz der Seite gescrollt wurde oder wenn
- Bei Klick: Erscheint, wenn ein Besucher auf einen Button, Link oder ein anderes Element klickt
- Nach Inaktivität: Wird angezeigt, wenn der Besucher eine festgelegte Zeit inaktiv war
- Bei Exit-Absicht: Erkennt, wenn der Cursor sich in Richtung des Schließen-Buttons des Browsers bewegt (nur Desktop)
Häufige Anwendungsfälle für Popups sind Anmeldungen für E-Mail-Newsletter, Werbeankündigungen, Anmelde-/Registrierungsformulare, Cookie-Zustimmungsbenachrichtigungen und Altersverifikationsschranken. Verwenden Sie Anzeige-Bedingungen, um unterschiedliche Popups auf verschiedenen Seiten anzuzeigen, und setzen Sie Frequenzregeln, um Besucher nicht mit demselben Popup zu belästigen.
WooCommerce Builder
Der WooCommerce Builder ermöglicht es Ihnen, benutzerdefinierte Produktseiten, Shop-Seiten, Warenkorb-, Checkout- und Mein-Konto-Seiten visuell zu gestalten. Dies ist besonders wertvoll, da die Standardvorlagen von WooCommerce funktional, aber grundlegend sind.
Was Sie anpassen können
- Layout der Einzelproduktseite (Produktbilder, Titel, Preis, Beschreibung, Bewertungen neu anordnen)
- Rasterlayouts und Filterung für Produktarchive/Shop-Seiten
- Design der Warenkorbseite mit Cross-Sell-Produkt-Empfehlungen
- Checkout-Seitenlayout optimiert für Konversionen
- Mein Konto-Seite mit benutzerdefinierten Dashboard-Widgets
- Danke-Seite mit Upsell-Möglichkeiten
Form Builder
Elementor Pro enthält ein Formular-Builder-Widget, das Kontaktformulare, Registrierungsformulare, Newsletter-Anmeldungen und mehrstufige Formulare verarbeitet. Formulare integrieren sich mit E-Mail-Marketing-Diensten (Mailchimp, ActiveCampaign, GetResponse, ConvertKit, Drip), CRMs und benutzerdefinierten Webhooks. Formularübermittlungen können automatisierte Aktionen auslösen, wie das Versenden von E-Mails, das Hinzufügen von Abonnenten zu Listen oder das Posten von Daten an externe APIs.
Dynamische Inhalte
Dynamische Inhalte verbinden Elementor-Widgets mit Ihren WordPress-Daten. Anstatt statischen Text in ein Überschrift-Widget einzugeben, können Sie den Seitentitel, den Wert eines benutzerdefinierten Feldes oder andere dynamische Daten abrufen. Dies ist die Grundlage für die Erstellung von vorlagenbasierten Designs, die automatisch befüllt werden.
Dynamische Quellen
- Beitrags- und Seitenfelder (Titel, Auszug, Inhalt, Beitragsbild, Datum, Autor)
- Benutzerdefinierte Felder (ACF, Pods, JetEngine, Meta Box, Toolset)
- Site-Informationen (Seitentitel, Tagline, Logo)
- Benutzerdaten (Anzeigename, E-Mail, Avatar, Rolle)
- WooCommerce-Produktdaten (Preis, SKU, Lagerstatus, Verkaufsabzeichen)
- Archivinformationen (Begriffname, Beschreibung, Anzahl)
Benutzerdefiniertes CSS und erweiterte Stile
Während die visuellen Steuerungen von Elementor die meisten Styling-Bedürfnisse abdecken, ermöglicht Ihnen benutzerdefiniertes CSS (Pro-Funktion), CSS-Regeln zu jedem Widget, Abschnitt oder jeder Spalte hinzuzufügen. Dies ist nützlich für Animationen, Pseudo-Elemente und Stile, die über die visuelle Oberfläche nicht verfügbar sind.
Verwenden Sie das selector-Schlüsselwort als Platzhalter für den CSS-Selektor des Elements. Zum Beispiel: selector .elementor-heading-title { text-shadow: 2px 2px 4px rgba(0,0,0,0.3); }
Responsive Bearbeitung
Elementor bietet für die meisten Einstellungen Steuerungen pro Breakpoint. Klicken Sie auf das Gerätesymbol neben einer Einstellung, um responsive Optionen anzuzeigen. Sie können unterschiedliche Werte für Desktop, Tablet und Mobilgeräte für Eigenschaften wie Schriftgröße, Padding, Margin, Spaltenbreite, Sichtbarkeit und Layout-Richtung festlegen.
Responsive Tipps
- Gestalten Sie zuerst für Desktop, passen Sie dann Tablet und Mobil an
- Verwenden Sie die Option "Auf Desktop/Tablet/Mobil ausblenden", um unterschiedliche Layouts pro Gerät anzuzeigen
- Setzen Sie Schriftgrößen in relativen Einheiten (em/rem) oder verwenden Sie die responsive Schriftgrößenskalierung von Elementor
- Testen Sie auf echten Geräten, nicht nur in der responsiven Vorschau — die Darstellung auf echten Geräten kann abweichen
- Benutzerdefinierte Breakpoints (Pro) ermöglichen es Ihnen, eigene Gerätebreiten über die standardmäßigen drei hinaus zu definieren
Elementor Free vs. Pro: Funktionsvergleich
| Funktion | Free | Pro |
|---|---|---|
| Widgets | ~40 grundlegende Widgets | ~100 Widgets insgesamt |
| Vorlagen | Begrenzte Bibliothek | Vollständige Vorlagenbibliothek (300+) |
| Themen-Builder | Nein | Kopfzeile, Fußzeile, Einzelansicht, Archiv |
| Popup-Builder | Nein | Vollständiger Popup-Builder mit Triggern |
| WooCommerce-Builder | Nein | Produkt, Shop, Warenkorb, Checkout |
| Formular-Builder | Nein | Formulare mit Integrationen |
| Dynamische Inhalte | Nein | Vollständige dynamische Tags |
| Benutzerdefiniertes CSS | Nein | Benutzerdefiniertes CSS pro Element |
| Benutzerdefinierte Schriftarten | Nein | Benutzerdefinierte Schriftarten hochladen |
| Globale Widgets | Nein | Erstellen Sie wiederverwendbare globale Widgets |
| Bewegungseffekte | Nein | Scroll-Effekte, Maus-Effekte |
| Benutzerdefinierte Breakpoints | Nein | Definieren Sie benutzerdefinierte Gerätebreiten |
| Rollen-Manager | Nein | Steuern Sie den Bearbeitungszugriff nach Rolle |
| Support | Community-Foren | Premium-Support |
| Elementor AI | Begrenzt | Vollständige KI-Inhalts- und Bildgenerierung |
Für einen detaillierten Vergleich von Elementor mit anderen Page-Buildern siehe unsere Vergleich der Page-Builder und Elementor vs. Gutenberg Artikel.
Leistungsoptimierung für Elementor-Seiten
Elementor generiert zusätzliches HTML, CSS und JavaScript, das die Ladezeiten der Seite beeinträchtigen kann, wenn es nicht richtig verwaltet wird. Hier sind spezifische Optimierungsstrategien für Elementor-Seiten.
| Optimierung | Auswirkung | Wie man es umsetzt |
|---|---|---|
| Verwenden Sie Container anstelle von Abschnitten | Hoch — weniger DOM-Elemente, kleineres HTML | Elementor → Einstellungen → Funktionen → Flexbox-Container |
| Bilder optimieren | Hoch — Dateigrößen um 60-80% reduzieren | Verwenden Sie das WebP-Format, Lazy Loading, responsive Bilder |
| Widget-Anzahl reduzieren | Mittel — weniger Elemente = weniger CSS/JS | Kombinieren Sie Text in weniger Widgets, vermeiden Sie leere Platzhalter |
| Globale CSS minimieren | Mittel — kleineres Stylesheet | Elementor → Einstellungen → Stil → Standard-Generische Schriftarten |
| Verwenden Sie ein Caching-Plugin | Hoch — servieren Sie zwischengespeicherte HTML-Seiten | WP Rocket, LiteSpeed Cache oder W3 Total Cache |
| Google Fonts optimieren | Mittel — Render-Blocking reduzieren | Elementor → Einstellungen → Erweitert → Google Fonts laden |
| Ungenutztes CSS bereinigen | Mittel — Stile für ungenutzte Widgets entfernen | Elementor → Einstellungen → Leistung → Verbesserte CSS-Ladung |
| Ungenutzte Widgets deaktivieren | Niedrig-Mittel — verhindert das Laden von ungenutztem JS/CSS | Verwenden Sie den integrierten Widget-Manager von Elementor oder Element Pack lite |
Für einen umfassenden Leitfaden zur WordPress-Leistung, einschließlich serverseitiger Optimierungen, siehe unseren Leitfaden zur WordPress-Geschwindigkeitsoptimierung.
Add-Ons-Ökosystem
Ein florierendes Ökosystem von Drittanbieter-Add-Ons erweitert Elementor mit zusätzlichen Widgets, Funktionen und Integrationen. Beliebte Add-Ons sind:
- Essential Addons for Elementor: 90+ Widgets einschließlich Datentabellen, Preistabellen, Inhaltszeitleisten, fortgeschrittenen Akkordeons und filterbaren Galerien
- Happy Addons Pro: 110+ Widgets mit Cross-Domain Copy-Paste, vordefinierten Designs und erweiterten Funktionen wie Bildvergleich und Partikeleffekten
- JetEngine: Dynamisches Inhaltsframework mit benutzerdefinierten Beitragstypen, benutzerdefinierten Feldern, Abfrage-Builder und dynamischen Listen
- PowerPack: 80+ Widgets, darunter erweiterte Menüs, WooCommerce-Widgets, Anzeigebedingungen und Inhaltschutz
- Jetelements: Zusätzliche Widgets, die sich auf Designelemente wie Parallax, Partikel und animierten Text konzentrieren
Elementor AI
Elementor AI, 2023 eingeführt und 2025-2026 erheblich erweitert, integriert künstliche Intelligenz direkt in den Editor. Sie können Textinhalte generieren, Bilder erstellen und bearbeiten, benutzerdefinierten CSS-Code generieren und Layoutvorschläge erhalten, ohne die Elementor-Oberfläche zu verlassen. KI ist besonders nützlich, um erste Texte für Abschnitte zu generieren, Platzhalterbilder während des Designs zu erstellen und benutzerdefinierten CSS für Effekte zu schreiben, die über die visuelle Oberfläche nicht verfügbar sind. Pro-Nutzer erhalten erweiterte KI-Funktionen, einschließlich höherer Nutzungslimits und Zugang zu fortgeschrittenen Modellen.
Workflow-Tipps für schnelleres Design
- Beginnen Sie mit einer Vorlage: Auch wenn Sie umfangreiche Anpassungen planen, ist es schneller, mit einer Vorlage zu beginnen, als von Grund auf neu zu starten
- Erstellen Sie ein Designsystem: Definieren Sie Ihre globalen Farben, Schriftarten und Schaltflächenstile, bevor Sie Seiten erstellen. Die globalen Einstellungen von Elementor ermöglichen es Ihnen, diese siteweit festzulegen
- Verwenden Sie globale Widgets: Für Elemente, die auf mehreren Seiten wiederholt werden (CTAs, Newsletter-Formulare, Kontaktinformationen), erstellen Sie einmal ein globales Widget
- Kopieren und Einfügen von Stilen: Klicken Sie mit der rechten Maustaste auf ein Element, um seinen Stil zu kopieren, und fügen Sie ihn dann auf ein anderes Element ein
- Tastenkombinationen: Ctrl+Z (rückgängig), Ctrl+S (speichern), Ctrl+Shift+M (responsive Modus), Ctrl+I (Navigator)
- Verwenden Sie den Finder: Ctrl+E öffnet eine schnelle Suche, um zu jeder Seite, Vorlage oder Einstellung zu springen
- Häufig speichern: Elementor speichert automatisch, aber manuelle Speicherungen stellen sicher, dass Ihre Arbeit erhalten bleibt
Erweitern Sie Elementor mit 90+ professionellen Widgets
Essential Addons für Elementor Pro fügt Daten-Tabellen, Preis-Tabellen, Inhalts-Zeitlinien, filterbare Galerien und Dutzende weitere Widgets zu Ihrem Toolkit hinzu.
Holen Sie sich Essential Addons Pro →Für weitere Details siehe die offizielle Dokumentation: Elementor Hilfezentrum, Elementor Entwicklerdokumente.
Häufig gestellte Fragen
Verlangsamt Elementor meine Website?
Elementor fügt Frontend-Code (HTML, CSS und JS) hinzu, der das Seitengewicht erhöhen kann. Mit der richtigen Optimierung – Verwendung von Containern, Minimierung der Widget-Anzahl, Aktivierung des verbesserten CSS-Ladens und Verwendung eines Caching-Plugins – können Elementor-Seiten schnelle Ladezeiten erreichen. Viele stark frequentierte Seiten, die Elementor verwenden, erzielen gute Ergebnisse bei den Core Web Vitals. Der Schlüssel liegt in disziplinierten Baupraktiken, anstatt das Tool vollständig zu vermeiden.
Kann ich Elementor mit jedem WordPress-Theme verwenden?
Elementor funktioniert mit den meisten WordPress-Themes. Einige Themes bieten jedoch eine tiefere Elementor-Integration mit Header-/Footer-Kompatibilität, konsistentem Styling und speziellen Elementor-Widgets. Themes wie Astra, GeneratePress, OceanWP und Hello (Elementors eigenes Theme) sind speziell für Elementor optimiert und bieten die reibungsloseste Erfahrung.
Was ist der Unterschied zwischen Elementor Free und Pro?
Elementor Free bietet den grundlegenden visuellen Editor mit etwa 40 Widgets, grundlegenden Vorlagen und responsiven Steuerungen. Elementor Pro fügt 50+ zusätzliche Widgets, Theme Builder, Popup Builder, WooCommerce Builder, Form Builder, dynamische Inhalte, benutzerdefiniertes CSS, globale Widgets, Bewegungseffekte und Premium-Support hinzu. Für Geschäftseiten ist Pro eine praktische Notwendigkeit.
Kann ich Elementor für WooCommerce-Shops verwenden?
Ja. Der WooCommerce Builder von Elementor Pro ermöglicht es Ihnen, benutzerdefinierte Produktseiten, Shop-Archive, Warenkorb-, Checkout- und Kontoseiten visuell zu gestalten. Sie erhalten WooCommerce-spezifische Widgets zum Anzeigen von Produkten, Kategorien, Warenkorb-Buttons und Produktdetails. Dies gibt Ihnen viel mehr Designkontrolle als die Standardvorlagen von WooCommerce bieten.
Wie schneidet Elementor im Vergleich zu Gutenberg im Jahr 2026 ab?
Gutenberg (der WordPress Block Editor) hat sich erheblich verbessert, konzentriert sich jedoch weiterhin hauptsächlich auf die Inhaltsbearbeitung. Elementor bietet eine umfassendere Design-Erfahrung mit erweiterten Layout-Steuerungen, einer größeren Widget-Bibliothek und Funktionen wie Theme Builder und Popup Builder, die Gutenberg noch nicht erreicht. Gutenberg ist jedoch leichter, lädt schneller und verbessert sich mit jeder WordPress-Version. Für einen detaillierten Vergleich lesen Sie unseren Artikel über Elementor vs. Gutenberg.
Wie migriere ich von einem anderen Page Builder zu Elementor?
Die Migration von einem anderen Page Builder zu Elementor erfordert das Neuaufbauen von Seiten, da Page Builder proprietäre Shortcodes und Datenstrukturen verwenden, die nicht austauschbar sind. Sie können jedoch den WordPress-Inhalt (Text, Bilder, Links) verwenden und Layouts in Elementor neu erstellen. Einige Plugins bieten eine teilweise Migration von bestimmten Baukästen an, aber manuelles Neuaufbauen liefert sauberere Ergebnisse. Planen Sie eine schrittweise Migration, indem Sie Seiten einzeln umwandeln.
Was sind Elementor-Container und sollte ich sie verwenden?
Container sind Elementors modernes Layout-System, das auf CSS Flexbox basiert. Sie ersetzen das ältere Abschnitt-/Spaltenmodell durch ein einzelnes, flexibles Element, das sowohl als Abschnitt als auch als Spalte fungieren kann. Container erzeugen saubereres HTML, weniger DOM-Elemente und flexiblere Layouts. Alle neuen Projekte sollten ausschließlich Container verwenden. Bestehende Seiten können schrittweise migrieren, indem sie Abschnitte als Container neu aufbauen.
Kann ich mit Elementor eine mehrsprachige Seite erstellen?
Ja. Elementor ist mit den wichtigsten Übersetzungs-Plugins kompatibel, darunter WPML, Polylang und TranslatePress. WPML bietet die tiefste Integration mit einem speziellen Elementor-Übersetzungseditor. Sie erstellen Ihre Seite einmal in der Standardsprache und übersetzen sie dann in andere Sprachen. Die Vorlagen des Theme Builders können separate Übersetzungen für jede Sprache haben.
Wie füge ich benutzerdefinierte Schriftarten zu Elementor hinzu?
Elementor Pro enthält eine Funktion für benutzerdefinierte Schriftarten unter Elementor → Benutzerdefinierte Schriftarten. Laden Sie Ihre Schriftartdateien hoch (WOFF2 wird für die Web-Performance empfohlen) und sie werden im Schriftarten-Dropdown im gesamten Editor verfügbar. Für Elementor Free können Sie ein Plugin wie Custom Fonts verwenden oder @font-face-Deklarationen über die functions.php Ihres Themes oder ein benutzerdefiniertes CSS-Plugin hinzufügen.
Ist Elementor Pro den Preis wert?
Für jeden, der eine Geschäftswebsite, Kundenwebsites oder einen Online-Shop erstellt, amortisiert sich Elementor Pro schnell durch Zeitersparnis und reduzierten Bedarf an zusätzlichen Plugins. Der Theme Builder allein ersetzt die Notwendigkeit eines Premium-Themes, der Popup Builder ersetzt ein Popup-Plugin und der Form Builder ersetzt ein Formular-Plugin. Bei 59 $ pro Jahr für eine einzelne Seite ist das Wertangebot für professionelle Nutzung stark.
