Visual Composer Website Builder vs. Elementor; Aus Entwicklersicht

Elementor & Visual Composer

Visual Composer Website Builder vs. Elementor; aus der Sicht eines WordPress-Webseitenentwicklers

Der Visual Composer Website Builder und der Elementor PageBuilder sind großartige, moderne Plugins für die Gestaltung einer WordPress-Webseite und deren Inhalt. Sie bieten fast die gleichen Funktionen und funktionieren auf sehr ähnliche Weise. So können Benutzer die Struktur und das Layout von WordPress-Seiten und -Postings entwerfen, ohne dass sie die Funktion und die Codierung in irgend einer Art und Weise verstehen müssen.

Elementor wurde im Jahr 2016 veröffentlicht und verfügt über mehr als 2 Millionen aktive Installationen, während der Visual Composer Website Builder (ab hier VCWB ) im Jahr 2017 veröffentlicht wurde und über mehr als 100.000 aktive Installationen verfügt. Beide Plugins bieten großartige UX-, Interaktions- und superschnelle Leistung. 

Elementor & Visual Composer
Elementor & Visual Composer

Schauen wir uns an, wie Entwickler diese beiden Produkte als Teil eines WordPress-Themas verwenden können.

1. Lizenz

Sowohl VCWB als auch Elementor sind als kostenlose und Premium-Version erhältlich. Die Theme-Integration ist nur mit den kostenlosen Versionen möglich. Sie können die Premium-Versionen nicht zu Ihrem Thema hinzufügen oder weiterverkaufen – es gibt keine sogenannte “Lagerlizenz” -, auch wenn Sie eine Entwicklerlizenz erworben haben (was mehrere Lizenzen für Agenturen ermöglicht). Sie können Benutzer jedoch jederzeit zu einem Upgrade ermutigen, wenn Sie der Meinung sind, dass diese von den erweiterten Funktionen profitieren würden.

Die kostenlose Version von Elementor wird WordPress.org gehostet, sodass Sie sie nicht in Ihr Theme-Pack aufnehmen müssen. Die kostenlose Version von Visual Composer Website Builder ist jedoch auf WordPress.org nicht verfügbar. Sie müssen entweder die kostenlose Version herunterladen und in Ihr Theme-Pack aufnehmen oder den Download-Link mit dem TGM-Plugin-Aktivator verwenden.

TGM Plugin Activation
Durch die Aktivierung des TGM-Plugins können neue Theme-Käufer empfohlene Plugins direkt herunterladen

Die Premium-Versionen enthalten in beiden Fällen Header- und Footer-Builder sowie Template-Systeme. Sie können Funktionen der Pro-Version für Ihre eigenen Projekte verwenden, aber Sie können kein Thema für den Verkauf entwickeln, falls Sie darauf angewiesen sind und damit Geld verdienen möchten. Mit der kostenlosen Version können Ihre Kunden die schnellen Editoren, großartigen Oberflächen, ein paar kostenlose Widgets und Module sowie die Früchte der großartigen Entwickler-APIs genießen (Sie können und sollten Ihr Thema mit benutzerdefinierten Elementen erweitern).

2. Anforderungen

Elementor benötigt nicht mehr als die allgemeinen Anforderungen für WordPress, aber mit Visual Composer Website Builder müssen Sie auch die folgenden technischen Anforderungen erfüllen:

  • Webpack 4.0 oder höher
  • Node 8.0

Und hier fangen die Unterschiede zwischen diesen beiden Produkten an.

3. Entwickler-APIs

Im Gegensatz zu WP Bakery Page Builder werden die Elemente in Visual Composer Website Builder und Elementor nicht mehr auf  der Basis von Shortcodes benutzt.  Ein Element wird als unabhängiger Teil des Systems beschrieben. Ein HTML-basierter Block, der Medien und dynamische Inhalte ausgeben kann.

In Visual Composer Website Builder arbeitet der Editor mit Elementen als React-Komponenten. Diese Komponenten müssen mit Webpack erstellt und per API in die Warteschlange gestellt werden. Jedes Element verfügt über ein Vorschaubild, ein Miniaturbild, eine Kategorie und eine reaktionsbasierte Komponente. Der beste Weg, diese Elementstruktur zu verstehen, ist das Klonen des VCWB Boilerplate-Repository auf GitHub.  Jedes Element umfasst einen Ordner mit JavaScript-, JSON-, PHP-, CSS- und Mediendateien. Das VCWB-Elementsystem ist etwas kompliziert und Sie sollten mit React vertraut sein, um es besser zu verstehen.

Das Erstellen eines benutzerdefinierten Elementor-Widgets unterscheidet sich nicht wesentlich vom Erstellen eines nativen WordPress-Widgets. Erstellen Sie zunächst eine Klasse, die die Widget_Base Klasse erweitert, und füllen Sie alle erforderlichen Methoden aus

Wordpress Einführung

WORDPRESS
Einführung in die Erstellung Ihrer ersten WordPress-Webseite

Jörg Rothhardt

Dieser Ansatz ist jedem WordPress-Entwickler vertraut, und ich persönlich finde es viel einfacher, neue Elemente für Elementor zu erstellen als für VCWB.

Fazit

Im Folgenden finden Sie eine kurze tabellarische Bewertung dieser beiden Plugins aus Entwicklersicht, die zum Zeitpunkt der Veröffentlichung aktuell war:

Gegenüberstellung Elementor - Visual Composer

Hier hast du es; meine subjektive Einschätzung, basierend auf meiner Erfahrung als Entwickler mit diesen beiden WordPress Page Builder Plugins.

Sie fragen sich vielleicht, warum ich diese beiden Plugins verglichen habe, da Elementor der Marktführer ist und viel mehr aktive Installationen hat. Nun, ich glaube, dass jedes großartige Produkt großartige Konkurrenten haben sollte. VCWB verwendet neue Technologien, die bei der Entwicklung von Themen sehr beliebt sein können. Es hat ein sehr fortgeschrittenes und leistungsfähiges Starter-Thema ohne Einschränkungen . Die Entwickler von VCWB haben uns bereits ein großartiges Produkt in Form von WPBakery Page Builder zur Verfügung gestellt. Ich glaube fest an ihre professionelle Strategie.

Auf der anderen Seite ist Elementor ein sehr beliebtes Produkt, das sich durch hervorragende Leistung auszeichnet und sehr einfach zu verarbeiten ist. Elementor hat auch ein Starter-Theme, das die Styling-Umgebung in WordPress zurücksetzt. Als Entwickler sehe ich jetzt, dass Elementor der fortschrittlichere und mehr genutzte Builder für Webseiten ist, und ich empfehle dringend, mit diesem Plugin Webseiten zu entwickeln. Behalten Sie jedoch den Visual Composer Website Builder im Auge!

Kompatible Designs auf Themeforest

Im Jahr 2018 wuchsen die Elementor-kompatiblen Themen auf Themeforest von 90 auf 350. Derzeit sind es über 450.

Bitte denken Sie immer daran

Informationen nützen nur dem, der Sie auch bekommt.

Ihr Jörg Rothhardt

Jörg Rothhardt

  • 035435 / 519868
  • jrothhardtde@gmail.com
  • Schrakauer Str. 22, 03205 Calau

Das Unternehmen

  • WordPress
  • Design
  • Elementor
  • Energiekosten Optimieren
  • Volks Alarmanlage

Rechtliches und mehr

Unser Newsletter

Wie Du in Elementor Vorlagen einsetzt

Wie Du in Elementor Vorlagen einsetzt

Wie Vorlagen von Elementor Dir helfen

neue Suche in Bibliothek
© Elementor.com

Um Dir bei der Gestaltung Deiner Webseite zu helfen, ist des kostenlose WordPress-Plugin Elementor Pagebuilder eine große Hilfe. Es ermöglicht Dir dank fast 100 gratis Vorlagen, einfach und schnell eine für Dich passende Webseite zu gestalten. Und das sind die 7 wichtigsten Punkte die Du beachten musst:

  • Seite oder Beitrag erstellen
  • Vorlage auswählen
  • Achtung auf PRO
  • Seite oder Beitrag Texte und Bilder abändern
  • Bilderrechte beachten (Abmahngefahr)
  • Seite oder Beitrag speichern
  • Seite oder Beitrag eventuell als eigene Vorlage speichern

Darum lautet meine klare Empfehlung für Dich. Nutze die Vorlagen von Elementor und zwar je nach Möglichkeit. Und ja die ElementorPRO-Vorlagen bieten Dir noch mehr Möglichkeiten. Genauer gesagt 21 zusätzliche Widgets-Elemente. Wie beispielsweise Formulare und Slider, Beiträge einfügen, Preislisten, Preistabellen etc. 

Eine weitere wichtige Tatsache ist, dass Du die vorhandenen Bilder entweder durch eigene Bilder ersetzen solltest oder zumindest die vorhandenen Bilder auf die Nutzung hin überprüfen solltest. Ob Du die Berechtigung zur Nutzung hast und welche Angaben Du diesbezüglich machen musst. Dazu gibt es zum Beispiel die Webseite: https://www.tineye.com/ , damit kannst Du die Herkunft von Bildern überprüfen. Besonders praktisch ist, dass Du das über den Browser machen kannst. Denn es gibt für Chrome, FireFox, Opera und deren Ableger eine solche Erweiterung und dann kannst Du das Bild per rechtem Mausklick in Augenschein nehmen.

Dieser wohl gemeinte Rat ist für Deutschland wichtig und stellt keine Rechtsberatung dar, da ich kein Anwalt bin und dementsprechend keine verbindliche Rechtsauskunft geben darf!

Ich hoffe, Du hast jetzt , dank des kleinen Tipps, wieder einen kleinen Schritt zur Entwicklung Deiner eignen Webseite gemacht. Falls Du weitere Fragen hast schreib unten in den Kommentar und ich werde versuchen Dir zu antworten.

Beste Grüße aus Calau

Jörg Rothhardt

Weitere Infos zu Elementor gibt es auf diesem Beitrag.

Elementor 1.9.0 ist gestartet

Neuerungen zu Elementor 1.9.0

Einführung in Elementor 1.9: Mit Autosave nie das Momentum verlieren

Ich freue mich auf die Einführung von Elementor 1.9, das mit Autosave und einigen anderen UI-Funktionen ausgestattet ist, um Ihren Workflow zu optimieren.

Neuerungen zu Elementor 1.9.0
Video anzeigen?

Wenn du eingebettete Videos auf dieser Seiten sehen möchtest, werden personenbezogene Daten (IP-Adresse) an den Betreiber des Videoportals gesendet. Daher ist es möglich, dass der Videoanbieter deine Zugriffe speichert und dein Verhalten analysieren kann.

Wenn du den Link hier unten anklickst, wird ein Cookie auf deinem Computer gesetzt, sodass die Website weiß, dass du der Anzeige von eingebetteten Videos in deinem Browser zugestimmt hast. Dieses Cookie speichert keine personenbezogenen Daten, es erkennt lediglich, dass eine Einwilligung für die Anzeige der Videos in deinem Browser erfolgt ist.

Erfahre mehr über diesen Aspekt der Datenschutzeinstellungen auf dieser Seite: Datenschutzerklärung

Videos anzeigen

Alternativ kannst du auch diesen Link benutzen, der dich direkt zum Video auf die Website des Videoanbieters bringt: https://www.youtube.com/watch?v=tOJAIryh7CE&feature=youtu.be

Hey, was zum Teufel ist das für ein Mist! hast du mit meinem”Speichern”-Knopf gemacht?”

ein verwirrter Benutzer

Das hat ein verwirrter Benutzer geschrieben und ich hab das auch gedacht.

Ich weiß, Interface-Änderungen nicht zu erhalten, kann ein schwer zu schluckender Frosch sein.

Es mag schwierig sein, sich an die Änderungen zu gewöhnen, aber ich garantiere Ihnen, dass Sie sich ein paar Stunden nach der Benutzung in die neue Version verlieben werden!

Die heutige neue Elementor-Version 1.9 bringt solche Änderungen mit sich. Dies ist das erste Mal seit über eineinhalb Jahren, dass unser Panel ein größeres Update bekommt.

Wir nehmen diese Änderungen vor, weil die Fähigkeiten von Elementor ständig wachsen und die Schnittstelle mit diesem Wachstum Schritt halten muss. Um dies zu erreichen, müssen wir die Kernelemente ständig erneuern und verbessern, damit Kreative und Designer immer einen Schritt voraus sind.

Wir hören nie auf, innovative Funktionen hinzuzufügen, während wir sicherstellen, dass alles reibungslos für alle Benutzer läuft, nicht nur für die aktuelle Version, sondern auch für zukünftige Versionen von Elementor.

Jede Änderung wurde akribisch aus allen Blickwinkeln betrachtet und auf der Grundlage des Feedbacks unserer Benutzer und unserer eigenen Vision hinzugefügt.

Es dauerte drei Monate, bis wir die beste Lösung auf den Markt gebracht hatten. Nach umfangreichen Tests durch unser Team und die Beta-Testergruppe wurde die Version 1.9 veröffentlicht.

Wir beginnen mit der brandneuen Autosave-Funktion.

Einführung von Autosave

In der Vergangenheit haben wir zwei leistungsstarke Funktionen hinzugefügt, die sich mit der Sicherung Ihrer Arbeit befassen: Revision History zum Speichern einer Revision bei jedem Speichern der Seite und Redo / Undo zum schnellen Rückgängigmachen von Fehlern.

Jetzt fügen wir eine Funktion hinzu, die Ihren Workflow kugelsicher macht und dafür sorgt, dass Ihre Arbeit immer geschützt ist. Mit der neuen Autosave-Funktion wird jede Änderung, die Sie vornehmen, automatisch und automatisch gespeichert!

Auf diese Weise müssen Sie NIEMALS erneut auf Speichern drücken!

Mit der neuen Autosave-Funktion wird jede Änderung, die Sie vornehmen, automatisch und automatisch gespeichert!

Um diese Funktion zu testen:

  • Gehen Sie zu Elementor und nehmen Sie einige Änderungen an Ihrer Seite vor.
  • Warten Sie ein paar Sekunden und stellen Sie fest, dass die Seite automatisch gespeichert wird.
  • Öffnen Sie nun die Speichertaste rechts neben dem Fußbereich, um die Meldung zu sehen:”Zuletzt bearbeitet am 4. Januar, 23:26 Uhr von Autorenname”. (Siehe graues Bild unten)
  • Sie können unter Historie > Revisionen den Datensatz des Autospeichers einsehen.
history-autosave

Nicht nur Autosave.... Auto-Entwurf ist genauso gut!

Jeder Beitrag sollte perfekt aussehen, richtig?

Erinnern Sie sich, als Sie mitten in der Bearbeitung eines Artikels waren und die Besucher die Änderungen sahen, bevor Sie fertig waren?

Nicht mehr! Nun haben Sie einen neuen Status’Entwurf’ für veröffentlichte Beiträge.

Mit dieser Funktion können Sie Ihre Seiten weiter bearbeiten, ohne sich Sorgen machen zu müssen, dass Ihre Besucher (oder Google) Ihre unvollendete Arbeit sehen. Das macht Ihren Arbeitsablauf flexibler, denn Sie können Ihre veröffentlichten Artikel noch einmal durchsehen und sie ohne Angst auf dem neuen Spielplatz”Entwurf” bearbeiten.

Veröffentlichen Sie nur, wenn Sie bereit sind, zu veröffentlichen.
Stellen Sie sich dieses Szenario vor:
Sie bearbeiten eine bereits veröffentlichte Seite. Plötzlich bekommst du einen dringenden Anruf. Sie müssen Ihren Schreibtisch verlassen, aber die Änderungen, die Sie vorgenommen haben, sind noch nicht fertig und können nicht veröffentlicht werden.

Was machen Sie beruflich? Veröffentlichen Sie Ihre unvollständigen Änderungen oder verwerfen Sie sie komplett? Genau hier – unser neues Feature’Publish / Draft’ kommt Ihnen zu Hilfe!

Anstatt nur eine einzige veröffentlichte Live-Version zur Bearbeitung zu haben, haben Sie jetzt zwei Versionen: die veröffentlichte Version, die Ihre Besucher sehen, und eine weitere NEUE Entwurfsversion, an der Sie arbeiten können.

Entwurf-Modus

Von nun an, wenn Sie eine bereits veröffentlichte Seite bearbeiten, werden Sie tatsächlich an dem Entwurf arbeiten. NUR wenn Sie bereit sind, die Änderungen zu veröffentlichen, klicken Sie auf”Veröffentlichen”, um die Änderungen in der Live-Version der Website zum Laufen zu bringen.

Jetzt heißt die Schaltfläche ‘Veröffentlichen / Aktualisieren’ statt ‘Speichern’ Schaltfläche
Die neuen Autosave- und Auto-draft-Funktionen machten den alten Save-Button von Elementor überflüssig. Wir wollten Ihren bisherigen Design-Workflow beibehalten und gleichzeitig verbessern.

Aus diesem Grund haben wir “Speichern” durch “Veröffentlichen” auf neuen Seiten und “Aktualisieren” auf bestehenden Seiten ersetzt. Sie können Seiten direkt aus dem Hauptfenster veröffentlichen oder die Speicheroptionen öffnen, um die Seite als Entwurf oder als Vorlage zu speichern.

Die neuen Schaltflächen ähneln den WordPress-Veröffentlichungsschaltflächen und bieten Ihnen ein einheitlicheres Erscheinungsbild. In WordPress klicken Sie zuerst auf Veröffentlichen und von da an auf Aktualisieren, um Änderungen am veröffentlichten Beitrag vorzunehmen.

Redesigned Footer Panel & Panel Menu

neues-Menü-panel

Um mit unseren Verbesserungen an der Benutzeroberfläche fortzufahren, haben wir unser Fußbereich und das Panel-Menü neu strukturiert.

Das Menü-Panel, das sich über das linke Hamburger-Menü-Symbol befindet, enthält nun nur noch allgemeine Standardeinstellungen (Standardfarben und -schriften, Farbauswahl, globale und Dashboard-Einstellungen). Wir haben andere Einstellungen übernommen, um die Navigation in Elementor zu erleichtern.

In diesem Panel befindet sich auch die Schaltfläche”Verlassen zum Dashboard”. Diese Position oben links entspricht der Position, an der in den meisten Programmen (z.B. Photoshop) der Verlassen-Button angezeigt wird.

Die Fußzeile unten links verweist nun auf die Dokument-Einstellungen. Auf diese Weise werden alle Ihre Dokumenteinstellungen getrennt und sind leichter zugänglich. Dies wird sich als nützlicher erweisen, wenn wir unseren Theme Builder freigeben und Elementor für andere Dokumente als Seiten öffnen.

Schließlich hat die Fußzeile jetzt eine Schaltfläche Vorschau der Änderungen, mit der Sie Ihren Entwurf sehen können, bevor Sie Ihre Änderungen veröffentlichen.

Schauen Sie sich den neuen Look für die Fußzeile an:

Totale Umgestaltung der Bibliothek

Wir haben nun die Template Bibliothek (Library) von Elementor aktualisiert, so dass es jetzt wesentlich einfacher ist, zu den Templates in Bezug auf Funktionalität und Benutzeroberfläche zu navigieren und diese zu sortieren.

Die Elementor Template Bibliothek (Library) ist seit unserem Launch stetig gewachsen und enthält mittlerweile über 130 verschiedene, atemberaubende Templates, mit deren Hilfe Sie eine Vielzahl von Seiten (Landing Pages, Über mich Seiten, Homepages, etc…) in verschiedenen Branchen (Immobilien, Restaurant…) erstellen können.

Da wir immer mehr Vorlagen hinzufügen, ist es immer schwieriger geworden, eine Vorlage für einen bestimmten Zweck oder Bedarf zu finden.

Hier hilft die neue Vorlagenbibliothek, die Such- und Sortierfunktionen bietet.

neue Suche in Bibliothek

Bibliothekssuche

Sie haben jetzt ein Suchfeld für Vorlagen, so dass Sie die richtige Vorlage schneller als je zuvor finden können.
Wir haben jedem Template relevante Tags hinzugefügt, so dass Sie auch nach einer bestimmten Kategorie wie z.B.”Sport” oder”Essen” suchen können. So können Sie jetzt nach Seite, Name, Stichwort oder Zweck suchen.

library-sort-filter

Bibliothekssortier Filter

Mit unserem brandneuen Filtersystem können Sie nach verschiedenen Filtern sortieren:

Neue / alte Vorlagen
Beliebte Vorlage (die am häufigsten heruntergeladenen Vorlagen in der Bibliothek)
Trendige Templates (die meist heruntergeladenen Templates der letzten Tage)
Diese Filter helfen Ihnen, die führenden Templates zu finden, so dass Sie unser Community-Wissen nutzen können und die”Weisheit der Menge” nutzen können, um das richtige Layout auszuwählen.

meine Favoriten

Bibliothek Favoriten

Das Herzsymbol neben jeder Vorlage ermöglicht es Ihnen, jede Vorlage im Register”Meine Favoriten” zu speichern, um einen einfachen Zugriff auf Ihre beliebtesten Vorlagen zu gewährleisten. Auf diese Weise müssen Sie nicht durch die Vorlagen blättern oder eine Suche durchführen, um Vorlagen zu finden, die Sie häufig verwenden.

“Finde die richtige Elementor-Vorlage schneller als je zuvor.”

Das neue Elementor Beitrags Widget

Was ist jetzt ganz neu in Elementor PRO?

Neu ist seit heute “Das neue Beitrags Widget” ist seit heute in der neuen Version 10.2 von Elementor Pro integriert. Was bietet nun das Beitrags Widget für zusätzliche Funktionen? 

Zu nennen sind 5 zusätzliche Elemente o. Widgets, die unter dem Punkt “Themen Elements” in dem Seiten-Widget zusammen gefasst sind und in Zukunft Teil des mit Ungeduld erwarteten Elementor Theme Builder sein werden.

Dadurch wirst du bald imstande sein zusätzlich Seiten und Elementen auch Header, Footer, Blogbeiträge und weiteres mit Elementor zu realisieren. Das aber nur am Rande erwähnt.

Jetzt stelle ich dir die ersten, der neuen Widgets hier vor. Und 2 davon habe ich schon auf dieser Seite in dem Beitrag unterhalb eingebaut. Da ist zum einen die AutorenBox, welche du hier siehst und zum anderen gibt es darunter noch die Beitragsnavigation. Dort kann sich der Leser bequem durch die Beiträge klicken. 

Als weiter Punkte, die man im Moment hinzufügen kann, sind die Widgets: “WordPress Kommentare”, die”Yoast Breadcrumps” und das “Suchen Widget” zu nennen.

Unter den Breadcrumps (Brotkrümeln) versteht man eine Navigationsleiste, welche dir bzw. Dem Leser anzeigt, wo er sich gerade befindet. Oberhalb der Überschrift in diesem Beitrag habe ich das Widget eingebaut.

Ich hoffe dir gefällt der Artikel und du hast wieder einmal mehr von den Vorzügen des Elementor PageBuilders erfahren. 

Gerne höre ich von dir und beantworte gerne deine Fragen dazu.

Elementor themen-Elements,

Elementor PageBuilder

Elementor.com Page-Builder
Elementor.com Page-Builder

Schneller als die Meisten

Kein Drag & Drop mehr. Mit Elementor können Sie auf dem Frontend mit sofortigen Echtzeit-Ergebnissen arbeiten

Gratis & Open Source

Elementor ist der erste vollständig kostenlose und Open-Source-Frontend-Webseitengenerator, der vollen Zugriff auf alle Designfunktionen bietet, die Sie benötigen könnten.

Einfach zu benutzen

Jede Steuerung wurde sorgfältig ausgewählt, um die beste Benutzerhilfen zu bieten und ermöglicht es Ihnen so, mit Rekordgeschwindigkeiten neue Webseiten zu entwerfen

Keinen Code schreiben

Erreichen Sie High-End-Designs ohne Code schreiben zu können. Der resultierende Seitencode ist für jedes Gerät und jeden Bildschirm kompakt und optimiert

Mit jedem Theme. Jede Seite.

Verwenden Sie Elementor mit Ihrem Lieblings- oder angepassten Thema. Ändern Sie Themen und behalten Sie alle Ihre Designs. Zielseiten, Homepages, Beiträge, Portfolios, Produkte. Elementor kann zum Entwerfen einer beliebigen Seite oder eines benutzerdefinierten Beitragstyps verwendet werden.

Perfekte Pixel

Komplette Anpassung über das gesamte Layout

Sektionen in Breite und Höhe

Gehen Sie über die bisher schlichten und universellen Seitenentwürfe hinaus, indem Sie mehr Kontrolle über die unterschiedlichen Sektionen haben werden. Die einzelnen Seitenbereiche von Elementor bilden die fundamentale Architektur der Seite und ermöglichen es Ihnen, eine Design zu erreichen, die bisher ausschließlich für benutzerdefinierte Websites mit hohen Kosten reserviert war.

Größe der Spalten ändern

Mit der Größe der Spalten zu arbeiten war nie einfacher. Ergreifen Sie eine der Ecken und ziehen Sie sie, bis das Spaltenlayout genau richtig ist. Sie können auch in den Standardeinstellungen auswählen und der Reihe einfach weitere Spalten hinzufügen. Mit Elementor haben Sie die vollständige Kontrolle über die Höhe und Breite Ihrer Spalten.

Position von Spalten und Inhalt

Mit Elementor können Sie festlegen, ob die Spalte am oberen, mittleren und unteren Rand eines Abschnitts positioniert oder auf den gesamten Abschnitt ausgedehnt werden soll. Sie können den Inhalt auch auf dieselbe Weise innerhalb der Spalte positionieren. Diese einzigartige Funktion gibt Ihnen die Freiheit, ein Design zu erstellen, das viel individueller ist.

Einstellung von Innen & Außenabstand

Legen Sie den inneren und äußeren Rand für Abschnitte, Spalten und Widgets mithilfe von px, EM oder in % fest. Diese Funktion ist einzigartig für Elementor. Ohne die Verwendung von % oder EM kann die von Ihnen gewählte Größe der Überschrift in Mobilgeräten zu riesig aussehen. Mit unseren dynamischen Größeneinstellungen können Sie die verschiedenen Skalierungsmöglichkeiten voll ausnutzen.

Spaltenlabstand

Ändern Sie den Abstand zwischen den Spalten, damit Ihr Design gut zur Geltung kommt. Indem Sie den Abstand auf einmal ändern, können Sie verschiedene Spaltenlayouts ausprobieren und dabei visuell entscheiden, welche die beste Anpassung ist. Diese Einstellung ist erstaunlich einfach anzupassen, macht aber einen großen Unterschied im Endergebnis.

© Bilder & Texte stammen von Elementor und übersetzt von Jörg Rothhardt