Was genau ist der Elementor Page Builder?

Was genau ist der Elementor Page Builder

Was genau ist der Elementor Page Builder?

Hier muss ich zunächst erklären, was genau ein Page Builder ist. Hast du jemals mit LEGO gespielt? Ich bin mir sicher, du hast oder du hast zumindest davon gehört – wer hat das nicht? 🙂 Ein Page Builder (auf deutsch: Seitenersteller) ist wie eine Kiste mit LEGO-Bauteilen, mit denen du einen beliebigen Typus Webseiten erstellen kannst.


Wenn du das klassische WordPress-Dashboard verwendest und das Ergebnis während der Arbeit an einer Seite nicht sehen kannst, musst du auf die Schaltfläche „Vorschau“ klicken, um zu sehen, wie die Seite aussieht. Page Builder wurden daher entwickelt, um dies zu überwinden. Sie bieten dir die Möglichkeit, die Änderungen so zu sehen, wie du sie vornimmst. Die gesamte Bearbeitung des Erscheinungsbilds deines Artikels erfolgt im Drag-and-Drop-Modus mit vorhanden Elementen, den sogenannten Widgets. Vereinfacht ausgedrückt, erstellst du die Seite oder den Beitrag aus diesen Elementen und passt sie dann an, um eine beeindruckend aussehende Seite zu erstellen.

Es gibt jetzt zahlreiche verschiedene Page Builder: BeaverBuilder, Novi Builder, Visual Composer und wie bereits erwähnt, sogar WordPress hat jetzt einen eigenen nativen Builder namens Gutenberg. Du könntest jetzt vielleicht sagen: „Hey, wenn WordPress bereits einen Page Builder hat, warum etwas anderes installieren?“ Das ist eine faire Frage, und hier ist meine etwas voreingenommene Antwort…

Ich liebe es einfach, Elementor zu benutzen, und das ist alles!

Ich habe Elementor bereits verwendet, bevor das WordPress-Team Gutenberg startete und ich ziehe es vor, den Elementor Page Builder auf den meisten meiner Websites weiter zu verwenden. Es gibt Dutzende von nützlichen Add-Ons auf dem Elementor-Marktplatz, deren Installation die verfügbaren Optionen erheblich erweitert. Sie können natürlich auch andere Page Builder ausprobieren, was ich gelegentlich auch tue. Da ich jedoch persönlich ein Fan von Elementor bin, werde ich dies als Beispiel für die Vorteile von Page Buildern verwenden.

Warum ich Elementor mehr als andere Page Builder liebe

Ja, ich habe mich an Elementor gewöhnt, aber das ist nicht der einzige Grund, warum ich ihn mag. Es hat eine Reihe von guten Vorteilen:

  • Er ist kostenlos: Es gibt eine kostenpflichtige Version von Elementor Pro, die ihre Vorteile hat, aber das Kern-Plugin ist völlig kostenlos. Du kannst es ohne weitere Add-Ons herunterladen, installieren und verwenden und es verfügt dennoch über eine enorme Funktionalität. Besonders wichtig für Anfänger, die kein großes Budget haben!
  • Einfache Bedienung: Die Benutzeroberfläche ist einfach, die Verwendung der Widgets ist leicht verständlich und die Benutzeroberfläche sehr benutzerfreundlich.
  • Gut dokumentiert: Anfänger machen immer Fehler, es ist normal und wenn Sie einige Probleme haben, können Sie die Lösung in der Anleitung finden.
  • Es ist ein Plugin, kein Thema: Einige Page Builder sind selbst ein Thema, von dem du vielleicht denkst, dass es in mancher Hinsicht ein Plus ist. Wenn Sie jedoch jemals zu einem neuen Thema wechseln möchtest, kannst du das nicht!
  • Es gibt jede Menge Tutorials: Es gibt Dutzende von Video-Tutorials zur Verwendung von Elementor. Fast jedes Widget verfügt über einen Artikel mit Anleitungen. Beispiel: Hier ist ein Video, das den Prozess der Installation der Elementor-Vorlage beschreibt. Zwar nur auf englisch aber leicht verständlich:
Wie man Elementor installiert
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?mWJhkn_e3oM

Das sind die Vorteile für Anfänger, erfahrene Webentwickler wissen, dass es in Elementor noch andere Profis gibt. Wenn du interessiert bist – lies diesen Artikel , es gibt viele Bewertungen von verschiedenen Personen.
Jetzt habe ich Dir erklärt, warum ich Elementor Page Builder für großartig halte. Kommen wir zu weiteren praktischen Beispielen. Ich gehe davon aus, dass du das Elementor-Plugin bereits installiert hast und es betriebsbereit ist. Ich werde den Prozess der Erstellung einer Seite und eines Beitrages durchlaufen. Wenn du dem folgst, wist wissen, wie du so etwas mit Elementor veröffentlichst, bevor du es verinnerlicht hast.

Also fangen wir an.

Die Verwendung von Elementor in WordPress

  • Installiere das Elementor-Plugin
  • Installiere ein separates Thema, wenn du eine besonderes verwenden willst
  • Füge mit Elementor eine neue Seite hinzu
  • Verwende ein Widget-Element oder füge eine Vorlage hinzu
  • Erstelle Abschnitte nach Bedarf
  • Erfahre, wie du Elementor-Widgets verwenden kannst
  • Bearbeite Hintergrundbilder nach Ihren Wünschen
  • Ändere die Schriftarten nach Bedarf
  • Vorgang für Beiträge wiederholen

So erstelle eine Seite mit Elementor

Öffne dein WordPress-Verwaltungs-Dashboard und gehe zu Seiten -> Neu hinzufügen.

Klicke anschließend auf die Schaltfläche „Mit Elementor bearbeiten“ und du wirst zum Elementor-Anpassungsfenster weitergeleitet.

Jetzt hast du zwei Möglichkeiten. Die erste besteht darin, die Seite von Grund auf neu zu erstellen. Dies bedeutet, dass du verschiedene Elemente per Drag & Drop in den Seitenarbeitsbereich ziehen. Der zweite ist viel einfacher, also zeige ich dir diesen Weg …
In der Mitte des Arbeitsbereichs siehst du zwei Schaltflächen. Klicke auf die graue Schaltfläche „Vorlage hinzufügen“.

Vorlage hinzufügen

Die jetzt geöffnete Bibliothek enthält viele Seitenvorlagen, von denen viele kostenlos verwendet werden können. Elementor-Vorlagen sind nicht dasselbe wie Themes. Ein Thema ist eine Reihe von vorgefertigten Seiten, die alle in einem soliden Design gestaltet sind, während eine Vorlage eine Sammlung von LEGO-Stücken (Elementen auch Widgets genannt) ist. Vorlagen sind im Grunde genommen eine Seite, die aus zahlreichen Elementen besteht.

Wähle die gewünschte Seite aus und klicke auf die Schaltfläche „Einfügen“. Ich habe die Produkt-Homepage ausgewählt, um dir zu zeigen, wie sie aussieht. Die Seite, die du geladen hast, wirkt sich nicht auf die Kopf- und Fußzeile deiner Website aus – sie füllt nur den „Body“ mit Demo-Inhalten. Wie du siehst, wird die eingefügte Seite mit benutzerdefinierten Standardelementen kombiniert und du kannst sie nach Belieben ändern.

Muster Produkt-Homepage

Um die Anpassung zu starten, musst du auf das Element klicken, das du ändern möchtest. Im Feld links wird ein Menü geöffnet. Dieses Menü hat drei Registerkarten: „Inhalt“, „Stil“ und „Erweitert“.
Auf der Registerkarte „Inhalt“ kannst du ändern, was in diesem Element angezeigt wird – Text, Bild, Link oder etwas anderes. Hier kannst du den gesamten Inhalt ganz ohne Styling anpassen.

Inhalt-Tab

Auf der Registerkarte „Stil“ findest du die Tools, mit denen du das Erscheinungsbild deines Inhalts ändern kannst. Farben, Schriftarten, Hintergründe, Ausrichtungen, Ränder und Ränder. Die Benutzeroberfläche ist einfach, daher wirst du sicher verstehen wollen, wie man sie verwendet, nachdem du ein paar Minuten herumgespielt hast.

Produktseite anpassen-Stil

Die Registerkarte „Erweitert“ enthält verschiedene Zusatzfunktionen wie den Hintergrund des gesamten Elements oder die Eingangsanimation. Du wirst es nicht oft brauchen, aber du solltest dir trotzdem die Funktionen hier schauen, wenn du sie mal brauchst.

Erweitert-Tab

Mit Elementor Page Builder wird das Erstellen von Seiten so einfach und interessant wie das Spielen eines Videospiels. Du wählst die Vorlage mit passender Struktur aus, wendest sie an und passt sie dann an das Design des von dir verwendeten Themas an (oder nicht, es liegt ganz bei dir, wie deine Site aussehen soll, aber ich empfehle, sich mindestens an eine festgelegte Farbe zu halten). Nach dem Erstellen einer Seite kannst du diese Seite als Vorlage speichern und für alle anderen Teile deiner Webseite verwenden.

So erstellst du einen Beitrag mit Elementor

Wenn es um die Erstellung neuer Beiträge geht, kannst du nicht einfach den oben beschriebenen Prozess ausführen. Versuchen wir also, einen Beitrag von Grund auf zu erstellen, und sehen wir uns einige andere Funktionen an.

Woraus besteht ein Beitrag? Normalerweise besteht es aus dem Titel, dem angezeigten Bild, den Metadaten, dem Text, den Schaltflächen zum Teilen und den Kommentaren. In deinem Fall können sich auch einige Unterschiede ergeben. Wenn du also der Meinung bist, dass du weitere Schaltflächen oder Listen hinzufügen musst, solltest du dies einfach machen.

Hier erstelle ich einen sehr einfachen Beitrag, damit du sehen kannst, wie alle grundlegenden Funktionen gelingen. Ich werde damit beginnen, alle genannten Elemente auf dem Arbeitsfeld abzulegen (einige davon sind bereits vorhanden). Keine Sorge, wenn du irgendwann die Position eines Elements ändern möchten, ist dies kein Problem.

Beitrag 1

Es ist Zeit, alles schöner aussehen zu lassen. Drücke auf das Titelelement und lege die Details des gewünschten Erscheinungsbilds fest. In meinem Fall kann ich die Schriftart, Ausrichtung und Größe des Titels ändern.

Beitrag-Titel

Jetzt legen wir das Bild fest. Klicke auf das Bildelement, wähle das Bild aus und lege die Ränder fest.

Bild eingefügt

Ich habe auch den Text des Beitrags zum Textabschnitt hinzugefügt und die Schriftart und Größe der Buchstaben geändert. Die Schaltflächen und der Kommentarbereich sind in Ordnung, daher habe ich sie unverändert gelassen.

Als Vorlage speichern

Super! Eine einfache Beitragsseite ist fertig. Um es als Vorlage für die weitere Verwendung zu speichern, musst du die kleine Pfeiltaste unten neben dem Speichern Button drücken und eine Speicheroption auswählen.

Beitrag Schrift verändert

Fazit

Es gibt eine Menge anderer Funktionen, die Elementor Ihnen anbieten kann. Wenn Sie jedoch die Grundlagen von Elementor Page Builder beherrschen, steht Ihnen eine umfangreiche und praktische Toolbox zur Verfügung. Elementor Page Builder ist ein großartiges Tool, mit dessen Hilfe Sie ein noch besseres Blog erstellen können, als Sie es bereits getan haben.

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

9 Beste Drag and Drop WordPress Page Builder im Vergleich (2019)

9 Beste Drag and Drop WordPress Page Builder im Vergleich (2019)

Die 9 besten Drag and Drop WordPress Page Builder im Vergleich (2019)

Sie suchen nach einer einfachen Möglichkeit, Ihre WordPress-Webseite einfach zu erstellen und anzupassen? An dieser Stelle kommen Drag & Drop-Page Builder-Plugins für WordPress zum Einsatz.

Die WordPress Page Builder ermöglichen es Ihnen, Ihr Website-Layout zu erstellen, zu bearbeiten und anzupassen, ohne irgendwelchen Code schreiben zu  müssen, noch Code zu verstehen. In diesem Artikel werden ich Ihnen, die derzeit 8 besten Drag&Drop-Page-Builder für WordPress vorstellen und vergleichen.

Warum sollen oder wollen Sie einen Drag & Drop Page Builder für WordPress eigentlich verwenden?

Wenn Sie einen WordPress-Blog starten wollen, fällt es den meisten Anfängern schwer, ihr WordPress-Seitenlayout anzupassen.

Da auch zahlreiche WordPress-Themen, insbesondere die Premium-Themen mit unterschiedlichen Seitenlayouts ausgestattet sind, sind die meisten von ihnen für jeden, der keinen Code kennt (HTML / CSS), extrem schwer anzupassen.

Aus diesem Grund stellen mir Benutzer oft Fragen wie: „Wie können wir WordPress leichter mit Drag & Drop gestalten?“ oder „Gibt es nicht einen einfachen Drag & Drop-Page Builder für WordPress?“

Wenn ich mit Leuten spreche, die von Blogger, Jimdoo, Weebly oder Wix zu WordPress wechseln, ist ihre häufigste Antwort: „Ich wünschte, WordPress hätte einen Drag&Drop-Page Builder“.

Nun, es gibt zahlreiche großartige Drag & Drop-Plugins für die Seitengestaltung von WordPress-Webseiten. Diese gestatten es Ihnen,  in WordPress völlig individuelle und einzigartige  Webseiten-Designs zu erstellen, ohne eine einzige Zeile Code schreiben zu  müssen.

Da es so viele verschiedene WordPress Page Builder Plugins auf dem Markt gibt, haben ich mich entschlossen, die besten Page Builder-Plugins für WordPress zu vergleichen und zu bewerten, sodaß Sie die richtige Lösung für Ihre Bedürfnisse wählen können.

Unsere Kriterien für den Vergleich dieser WordPress-Page Builder sind: Benutzerfreundlichkeit, Flexibilität, Geschwindigkeit und dia Gestaltung des Design.

Lassen Sie uns gemeinsam einen Blick auf die besten Page Builder für WordPress auf dem Markt werfen.

1. Der Beaver Builder

BeaverBuilder-Page-Builder

Beaver Builder ist ein Drag & Drop Page Builder Plugin für WordPress der  Premium-Klasse. Nach unserer Auffassung zählt es zu den WordPress Page Builder, die zu den, das haben Tests ergeben, schnellsten und Ressourcen schonenden auf dem Markt gehören.

Es ist extrem schnell und wird mit einer integrierten Übersicht geliefert, die Ihnen hilft, sich schnell mit der Benutzeroberfläche vertraut zu machen.

Beaver Builder wird mit einer Live-Drag & Drop-Schnittstelle geliefert. Sie können alle Ihre Änderungen sehen, wenn Sie sie hinzufügen, indem Sie einfach Elemente aus der rechten Seitenleiste auf Ihre Arbeitsfläche ziehen. Sie können auf jedes Element einer Seite klicken, um seine Eigenschaften zu bearbeiten.

Es gibt Module, mit denen Sie vieles hinzufügen können, was Sie brauchen, einschließlich Slider, Karussell, Hintergründe, Inhaltsblöcke, Schaltflächen und noch vieles mehr.

Es kommt auch mit über 30 gut gestalteten Vorlagen für Landingpages, die es Ihnen ganz einfach und rasend schnell ermöglichen, ansprechende Webseiten-Layouts zu erstellen.

Ich stelle fest, dass Beaver Builder sehr anfängerfreundlich ist. 

Sie fragen sich, ob es mit der neuen WordPress-Version kompatibel ist? Ja, das ist es.

Beaver Builder wurde im Rahmen des Gutenberg-Projekts aktualisiert. Es funktioniert also gut mit Ihrem neuen Gutenberg-Editor.

Die Preisgestaltung ist einfach: Ab 99 $ für unbegrenzte Webseiten.

Unsere Note: 2

Fazit: Beaver Builder ist zählt zu den besseren Page Buildern auf dem Markt. Es wird mit vorgefertigten Vorlagen geliefert, die Ihnen den Einstieg erleichtern. Die Möglichkeit, jedes kleine Detail individuell anzupassen, macht es zur perfekten Lösung für WordPress-Anwender. Aber es ist ein kostenpflichtiges Plugin.

divi builderplugin

Divi ist ein Drag & Drop-Design und WordPress Page Builder Plugin. Es ist extrem einfach zu bedienen und wird mit über 20 Layouts/Vorlagen für unterschiedliche Webseitentypen zu Verfügung gestellt.

Genau wie der Beaver Builder ist der Divi Builder ein visueller Drag & Drop Page Builder, ein echter WYSIWYG-Editor (d.h. was Sie sehen, ist auch das, was Sie bekommen).

Sie können direkt auf Ihre Seite in der Echtzeit-Vorschau alle Änderungen durchführen und so bequem mit der Bearbeitung beginnen. Sie müssen also nicht speichern und dauernd auf Vorschau klicken, um Ihr neues Design zu sehen.

Divi wird derzeit mit 46 Inhaltsmodulen geliefert, die Sie per Drag & Drop an jede beliebige Stelle in Ihrem Layout ziehen können. Sie können sie in 3 diversen Abschnittsarten, 20 Zeilentypen anordnen und jedes Element mit seinen erweiterten Designeinstellungen anpassen.

Mit Divi können Sie innerhalb weniger Minuten jede Art von benutzerdefiniertem Seitenlayout erstellen, ganz wie Sie wünschen. Sie können außerdem diese Divi-Layouts dann für die spätere Verwendung auf Ihrer Website speichern. So können Sie ein Layout auch von einer Divi-Installation in eine andere exportieren.

Das Divi Builder Plugin ist um Grunde das Rückgrat des Divi Themes, funktioniert aber ebenso gut mit jedem anderen WordPress Theme.

Das Beste von allem, Divi hat im Grunde genommen, den besten Preis in allen Optionen in dieser Beziehung. Warum? Nun, für den Einzelpreis erhalten Sie das Divi-Thema, das Divi-Pagebuilder-Plugin und alle anderen Elegant Themes-Produkte.

Das bedeutet, dass Sie das Divi-Thema verwenden oder das Divi Builder-Plugin auf einem anderen Theme installieren können.

Preisgestaltung: Ab 89 $ pro Jahr

Achtung: bis 27 März 2019 gilt noch das Spezial-Angebot.

Unsere Note: 2-

Fazit: Divi ist eine großartige Alternative zum Beaver Builder. Es verfügt über einen leistungsstarken Page Builder mit grenzenlosen Gestaltungsmöglichkeiten. Ihre große Anzahl von Inhaltsmodulen ermöglicht es Ihnen, buchstäblich jede Art von Website zu erstellen, die Sie wirklich wollen. Allerdings hat Divi durch seinen Umfang auf den größten Ballast an Code und das wirkt sich auf die Performance der Webseiten aus. Daher nur Note 2-

3. Visual Composer Website-Builder

Visual Composer

Der Visual Composer Website Builder ist ein benutzerfreundlicher WordPress Website Editor, der Ihnen hilft, benutzerdefinierte Website-Layouts schnell zu erstellen.

Es kommt mit einem einfachen Drag & Drop-Builder, Out-of-Box-Inhaltselementen, professionellen Vorlagen und einer Vielzahl von leistungsstarken Funktionen zur Erstellung einer Website.

Ähnlich wie Beaver Builder und Divi bietet es auch ein echtes Frontend-Editier-Erlebnis bei der Gestaltung einer Website. Aber es gibt noch viel mehr, was man mit diesem Plugin machen kann. Im Gegensatz zu anderen Plugins in der Liste können Sie mit dem Visual Composer Website Builder Ihr Logo, Ihre Menüs, Kopf- und Fußzeilen, Seitenleisten usw. bearbeiten.

Aus diesem Grund beschließt das Team, es als Website-Ersteller zu bezeichnen, anstatt nur als Seitenersteller.

Das Plugin verfügt über leistungsstarke Designoptionen, mit denen Sie das Aussehen jedes Elements auf Ihrer Seite anpassen können. Sie haben einfache Optionen, um stilvolle Hintergründe wie Parallaxe, Farbverlauf, Diashow, Karussell, Zoom in/out, Video, etc. hinzuzufügen. Es verfügt auch über flexible Zeilen und Spalten für die Erstellung von Rasterlayouts auf Ihrer Website.

Visual Composer funktioniert gut mit allen WordPress-Themen. Auf diese Weise können Sie Ihre Designs wechseln, ohne eigene Layouts zu verlieren, die Sie mit Visual Composer erstellt haben.

Es beinhaltet auch die Unterstützung für den neuen Gutenberg Editor, Google Fonts und Yoast SEO.

Visual Composer wurde für Profis entwickelt, und es zeigt sich an der Aufmerksamkeit für Details wie die Erinnerung an Ihre Farbauswahlen, die es Ihnen ermöglichen, die gleiche Farbpalette für eine einheitliche Gestaltung im gesamten Design zu verwenden.

Preis: Nur 59 $ für eine Standardlizenz

Unsere Note: 3

Fazit: Der Visual Composer ist ein großartiges Plugin für Anfänger, um eine Website zu starten. Es bietet leistungsstarke Funktionen für die Erstellung von Websites auf einfache Weise. Die Website-Bearbeitung wird mit dem echten Frontend-Drag & Drop-Editor besonders einfach. Jedoch, da ich selbst den Visual Composer gekauft aber kaum genutzt habe, denn er hat mich nicht so zu 100 % überzeugt.

4. WP Bakery Page Builder

Wpbakery Page Builder

Der WPBakery Page Builder ehemals der Visual Composer, aber entspricht der WPBakery Page Builder = dem Visual Composer Page Builder?
Ab Oktober 2017 wurde das Visual Composer Page Builder Plugin für WordPress in WPBakery Page Builder umbenannt. Diese Änderungen haben keinen Einfluss auf weitere Updates des Plugins und Kunden, die in der Vergangenheit den Visual Composer Page Builder gekauft haben, können WPBakery Page Builder-Updates ohne Aufpreis erhalten.

Worin besteht also der Unterschied zwischen WPBakery Page Builder und Visual Composer?
Visual Composer Website Builder und WPBakery Page Builder sind beide unabhängige Produkte. Mit der Begründung, dass nicht einfach der eine durch den anderen ersetzt werden könne (noch haben wir Pläne, später ein Migrationstool zu schreiben).

WPBakery Page Builder kümmert sich um den Inhaltsteil, während der Visual Composer Website Builder ein neues Produkt ist, das darauf abzielt, Lösungen für die Erstellung der gesamten Website anzubieten (z.B. Logo und Menüelemente hinzufügen). Was die Designoptionen betrifft, so bietet der Visual Composer Website Builder viele weitere Funktionen und Bibliotheken. Darüber hinaus verfügt der Website-Builder über den Visual Composer Hub, wo Elemente und Vorlagen der Premiumklasse zum Herunterladen zur Verfügung stehen. In naher Zukunft wird Visual Composer Hub für Drittanbieter offen sein, um ihre Inhalte anzubieten.

Visual Composer Website Builder ist ein völlig neues WordPress Builder Plugin, das unter der Marke Visual Composer veröffentlicht wurde.  Siehe oben. Auf Leistung und Benutzerfreundlichkeit zugeschnitten, kombiniert es die besten Funktionen des Page Builders auf neue Weise mit völlig neuen Ideen, die in WordPress noch nie zu sehen waren.

Der WPBakery Page Builder ist und wird auf wpbakery.com verfügbar sein und wird neue Feature-Updates und kontinuierlichen Support erhalten.

WPBakery Page Builder arbeitet problemlos mit allen korrekt kodierten Themen. Was bedeutet „richtig kodiertes Thema“? Es gibt einen offiziellen WordPress-Kodex, der Regeln festlegt, die bei der Entwicklung Ihres WordPress-Themas zu beachten sind. Wenn Sie Ihr Design nach dem WordPress-Kodex entwickelt haben, dann ist es kein Problem, dort den WPBakery Page Builder zu verwenden.

Preis: 45 $ 

Unsere Note: 3-

Fazit: Der WPBakery Page Builder ist eine Weiterentwicklung und hat sich in dem letzen Jahr doch gemausert, aber man muss abwarten was die Zeit bringt. Darum nur die Note 3-. Da ich selbst beide Produkte genutzt habe, habe sie mich nicht so zu 100 % überzeugt.

Elementor ist ein weiteres sehr mächtiges Drag & Drop-Plugin um mit WordPress Webseiten einfach und schnell zu gestalten.

Es ist ein Live-Plugin für den Page Builder, d.h. Sie können Ihre Änderungen live sehen, während Sie sie mit Elementor bearbeiten. Beginnen Sie einfach zuerst mit der Erstellung von Abschnitten und wählen Sie dabei die Anzahl der Spalten für jeden Abschnitt aus.

Sie können dann  die sogenannten Widgets per Drag & Drop aus dem linken Bereich in Ihren Arbeitsbereich ziehen. Elementor kommt mit zahlreichen Widgets, einschließlich der am häufigsten verwendeten WordPress-Website-Elemente.

Von einfachen Bild- und Text-Widgets bis hin zu erweiterten Akkordeons, Slidern, Testimonials, Symbolen, Social Media, Tabs usw. Jedes Widget hat seine eigenen Einstellungen.

Elementor lässt Sie auch Widgets hinzufügen, die von anderen WordPress-Plugins erstellt wurden.

Sie wollen kein eigenes Layout erstellen?

Elementor wird mit ziemlich vielen gebrauchsfertigen Vorlagen geliefert, die Sie einfach in Ihre Seiten einfügen können. Sie können diese einfach anschauen, darauf zeigen und klicken, um dann darin ein beliebiges Element auf der Seite zu bearbeiten, den Inhalt zu ersetzen und schon sind Sie fertig. Elementor kommt in einer freien Version und einer PRO-Version. Die freie Version kann aber mit sehr vielen kostenlosen weitere Plugins fast zur Pro-Version aufgerüstet werden. Die Webseite ist zum größten Teil mit Elementor erstellt.

Zudem ist Elementor, mit über 2 Millionen Installationen, das am häufigsten genutzte Page BuilderSystem für WordPress.

Preisgestaltung: Ab 49 $  für eine Einzelplatzlizenz.

Unsere Note: 2+

Fazit: Elementor ist ein beliebtes Page Builder Plugin für WordPress. Es ist schnell, einfach zu bedienen und wird mit einer Vielzahl von Modulen / Vorlagen geliefert. Zudem wird Elementor permanent und unglaublich schnell weiterentwickelt. Ich selbst nutze es auf mehr als 40 Webseiten.

6. Brizy Page Builder

Brizy Page Builder

Die Erstellung von WordPress-Seiten sollte schnell und einfach sein. Brizy ist eine neue und innovative Art, WordPress-Seiten visuell zu erstellen. Es werden keine Designer- oder Entwicklerkenntnisse benötigt. Die einzigen Werkzeuge, die Sie benötigen, sind Klicks und Drag & Drop, also im Grunde nur die Maus.

Die HIGHLIGHTS

SMART & ÜBERSICHTLICH
Die meisten Page Builder bieten alle Optionen für ein bestimmtes Element in einer seitlichen Seitenleiste, so dass es oft schwierig ist, sich auf die jeweilige Aufgabe zu konzentrieren. Brizy zeigen nur das, was benötigt wird, Frontpage & Center, sind in der Nähe des Elements, das Sie bearbeiten.

INTUITIVES DRAG & DROP
Das Verschieben von Inhaltselementen, Spalten oder Zeilen ist mit unserer intuitiven Drag & Drop-Funktion ein Kinderspiel. Einfach greifen und an die gewünschte Position ziehen und schon fällt alles dorthin wo es hin muss.

DESIGNELEMENTE
Text, Schaltflächen, Bilder, Symbole, Videos, Karten und vieles mehr sind bereit, um Ihnen zu helfen, Ihr Seitendesign im Handumdrehen zu erstellen.

ÜBER 150 VORGEFERTIGTE BLÖCKE
Blöcke sind vorgefertigte Designs, die Sie zu Ihrer Seite hinzufügen können, bereit, angepasst zu werden. So können Sie in wenigen Minuten die Hauptstruktur Ihrer Seite erstellen und gleichzeitig sicherstellen, dass sie fantastisch aussieht.

ÜBER 4000 ICONS INKLUSIVE
Erhältlich in den Versionen Outline und Glyph, werden da selbst die anspruchsvollsten Anforderungen an Symbole erfüllt. Finden Sie schnell die Symbole, nach denen Sie suchen, indem Sie durch Kategorien filtern oder nach Schlüsselwörtern suchen.

GLOBALES STYLING
Wollten Sie schon immer alle ähnlichen Farben in Ihrer Webseite mit einem einzigen Klick ändern? Mit Brizy können Sie das! Nicht nur das, sondern Sie können auch alle Texte, die die gleichen Eigenschaften haben, in einem Schritt ändern.

TABLET & HANDYFREUNDLICH
Wechseln Sie sofort in den Modus Mobile ANSICHT, wo Sie Änderungen vornehmen können, die nur für diese Art von Geräten gelten. Dies gibt Ihnen die Möglichkeit, Ihr Seitendesign zu differenzieren und für kleinere Bildschirme zu optimieren.

INTELLIGENTER TEXTEDITOR
Klicken und tippen Sie einfach, um alle Texte an Ort und Stelle zu bearbeiten. Durch die Änderung von Farben, Schriften und Ausrichtungen direkt vor Ort können Sie perfekt darstellen, wie das Design am Ende aussehen wird.

BILDER RICHTIG GESTALTET
Übernehmen Sie die volle Kontrolle über Ihre Website-Bilder, indem Sie unsere leistungsstarken und benutzerfreundlichen Optionen nutzen. Hochladen, Fokussieren, Zoomen und Ändern der Größe sind mühelos und in Sekundenschnelle erledigt.

INHALTLICHE ANPASSUNGEN
Nur ein paar Klicks sind nötig, um die Inhalte in Breite, Höhe und Ausrichtung anzupassen. Alles mit intuitiven Optionen, die dort platziert werden, wo sie sein sollten.

SPALTENGRÖßE ÄNDERN
Ändern Sie die Größe der Spalten, indem Sie den dazwischen angezeigten Griff ziehen, wobei die Prozentwerte oben angezeigt werden. Der Inhalt wird automatisch an die neue Größe angepasst.

UNDO / REDO
Machen Sie sich keine Sorgen, wenn Sie einen Fehler machen oder etwas löschen, was Sie nicht hätten tun sollen. Mit Undo können Sie alles zurückbekommen.

AUTOMATISCH in der CLOUD SPEICHERN
Die Fortschritte, die Sie beim Aufbau Ihrer Seite erzielen, werden immer in der Cloud gesichert, so dass Sie Ihre Arbeit nicht verlieren.

Preisgestaltung: kostenlos

Unsere Note: 3+

Fazit: Brizy ist ein interessantes, neues Projekt am Page Builder Firmament. Mit bereits 40.000 Installationen und einer Facebookcommunity kann sich dieser Brizy Page Builder zum neuen Star entwickeln. Ich selbst habe es bei einer Website schon ausprobiert und war sehr positiv überrascht von der Geschwindigkeit bei der Entwicklung. Allerdings muss man die weitere Entwicklung genau beobachten.

7. Oxigen Page Builder

Oxygen Page Builder

Den Oxygen Page Builder habe ich erst vor kurzem kennengelernt und muss ihn erst testen und beobachten. Ich werde dann weiter berichten.

Preisgestaltung: 99 $ Einmalzahlung

Unsere Note: folgt

Fazit: folgt nach Test

8. Thrive Architect Page Builder by Thrive Themes

Thrive Architect Page Builder

Leider teilt Thrive Themes, der Anbieter des Thrive Architect PageBuilder, die Anzahl der aktiven Installationen nicht mit.

Der Thrive Architect Page Builder ist ein wenig komplex in der Anwendung, und neue Benutzer haben des öfteren ihre liebe Not, sich damit auseinander zu setzen. Allerdings musste ich ihn wegen seiner Popularität in unsere Liste aufnehmen, da er inzwischen von einige Affilate Gurus sehr stark promotet wird.

Als Komponenten verfügt der Thrive Architect Page Builder zahlreiche Elemente. Es kommt mit mehreren eigenen Widgets, und Sie können jedes beliebige Widget herunterladen und installieren.

Zudem ist der Thrive Architect Page Builder ein Baustein der Thrive Themes, welche mit zahlreichen einzelnen Bausteine ausgestattet sind. Dis sind die folgenden Bestandteile:

  1. Thrive Architect & Thrive Optimize
  2. Thrive Themes
  3. Thrive Leads
  4. Thrive Quiz Builder
  5. Thrive Ultimatum
  6. Thrive Ovation
  7. Thrive Clever Widgets
  8. Headline Optimizer
  9. Thrive Apprentice
  10. Thrive Comments

Es kommt auch mit einem Redo-Tool, mit dem Sie hin und her wechseln können, um Änderungen, die Sie vorgenommen haben, rückgängig zu machen oder wiederherzustellen. Dies ist ein großer Zeitgewinn, und es gibt Ihnen die Gewissheit, dass Sie Änderungen rückgängig machen und rückgängig machen können.

Das Thrive Architect Page Builder Plugin und alle seine Widgets sind vollständig Gutenberg kompatibel. Es gibt auch zahlreiche Vorlagen insbesondre für Landingpages.

Preisgestaltung: ab 67 $ für eine einzelne Webseite

Unsere Note: 3+

Fazit: Der Thrive Architect Page Builder ist ein sehr ausgereiftes Plugin mit Drag-and-Drop-Schnittstelle zum Erstellen und Anpassen von Landingpages. Allerdings ist der Umfang nicht mit anderen in diesem Vergleich genannten Lösungen vergleichbar. Nur das komplette Paket mit allen 10 einzelnen Produkten verfügt über geringfügig mehr Umfang schlägt aber mit einer monatlichen Gebühr ab 19 $ zu. Ein weiterer negativer Punkt ist, dass die meisten Dokumente und Videos nur in Englisch zur Verfügung stehen und noch wenig in der deutschen Gruppe auf Facebook passiert. Allerdings gibt es einige Kurse, auch auf Deutsch, bei Udemy, die oft zu einem geringen Salär angeboten werden.

9. Page Builder by SiteOrigin

Page Buider by SiteOrigin

Mit mehr als einer Million aktiven Installationen ist der Page Builder von Site Origin ein beliebter kostenloser WordPress Page Builder auf dem Markt. Einer der Hauptgründe für seine Beliebtheit ist der Preis (kostenlos). Es ist als voll funktionsfähiges, kostenloses Plugin erhältlich.

Site Origin Page Builder ist ein wenig kompliziert in der Anwendung, und neue Benutzer haben oft Schwierigkeiten, sich damit vertraut zu machen. Allerdings mussten wir wegen seiner Popularität in unsere Liste aufgenommen werden.

Für Komponenten ermöglicht Ihnen der Site Origin Page Builder die Verwendung von WordPress Widgets. Es kommt mit mehreren eigenen Widgets, und Sie können jedes beliebige Widget herunterladen und installieren.

Sehen Sie sich unsere Liste der 25 nützlichsten WordPress Widgets an, da Sie sie alle mit diesem Page Builder verwenden können.

Es kommt auch mit einem History-Tool, mit dem Sie hin und her wechseln können, um Änderungen, die Sie vorgenommen haben, rückgängig zu machen oder wiederherzustellen. Dies ist ein großer Zeitgewinn, und es gibt Ihnen die Gewissheit, dass Sie Änderungen rückgängig machen und rückgängig machen können.

Das SiteOrigin Plugin und alle seine Widgets sind vollständig Gutenberg kompatibel. Es gibt auch einen neuen SiteOrigin Layoutblock, den Sie als Gutenberg-Block verwenden können.

Preisgestaltung: Kostenlos

Unsere Note: 3-4

Fazit: Site Origin Page Builder ist ein gutes kostenloses Plugin mit Drag-and-Drop-Schnittstelle zum Erstellen und Anpassen von Layouts. Allerdings ist die Live-Editierung nicht mit anderen in diesem Vergleich genannten Lösungen vergleichbar.

Elementor: Landingpage – Vielfalt ohne Ende

Elementor: EASYLandingpage Online-Marketing für Alle!

Elementor: Landingpage Projekt - Übersicht

In den vergangen Tagen habe ich mal einige landingpages im Rahmen eines Projektes erstellt. Diese möchte hiermit mal öffentlich zeigen.

14 Landingpages zur Auswahl

Du siehst in dieser Landingpage Slideshow 14 Landingpages unterschiedlicher Ausprägung, die aber für weitere Gelegenheiten abgewandelt werden können, so dass es eigentlich unzählige Varianten geben könnte. Allein den Hintergrund zu wechseln, Die Headline abzuändern, die Farbe der Headline anzupassen (mehr als 1.6 Mill. Farben). Headline animiert zu gestalten. Die Texte, die Bilder, Videos, Buch-Cover, Podcasts, etc., etc. pp. 

Darum versuche Deine eigenen landingpages zu kreieren. Kopiere nicht die die landingpages der Gurus! Diese mögen ja optimiert und getestet sein, aber vielleicht sind Sie schon abgelutscht wie ein alter Drops. Klar, Du darfst Dir Anregungen holen. Keine Frage!

Und falls Du noch weitere Fragen hast, hole Dir mein E-Book: „Geheimnisse erfolgreicher Elementor Landingpages!“ Klicke einfach unten auf den Link. 

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: Dein neuer WordPress Page-Builder

WordPress Page-Builder Elementor 800px

Elementor PageBuilder - Dein Design-Tool für Deine WordPress-Webseite

Der noch nicht mal zwei Jahre auf dem Markt existente Elementor PageBuilder, zählt mit seinen, jetzt schon 500.000 Installationen, zum absoluten Shootingstar in diesem Segment. Und ich erzähle Dir jetzt wieder einmal davon.

PageBuilder, die WordPress Design-Baukästen

Die PageBuilder, für WordPress sind im eigentlichen Sinne die Erweiterung der gebräuchlichen  Homepage-Baukästen, die für das WordPress CMS adaptiert und weiter entwickelt wurden. Das WordPress CMS, ist das derzeit weltweit am häufigsten eingesetzte System um Webseiten zu bauen. Und es ist für den normalen Verbraucher entwickelt worden. Das bedeutet, Du mußt jetzt kein Programmierer, Code-Freak, HTML-Junkie oder CSS-Fan mehr sein, um Dir eine tolle Webseite selbst zu gestalten. 

Wie funktioniert nun so ein PageBuilder?

Also, wie schon erwähnt, sind PageBuilder im Grunde genommen die Fortentwicklung der oft allgegenwärtigen Homepage-Baukästen. Wie in diesen klickt man per „Drag and Drop“ das Aussehen der Webseite oder eines Beitrages zusammen ohne große Erfahrungen, in Design oder Code, zu brauchen. 

Allerdings darf man einen PageBuilder nicht mit einem WordPress-Theme verwechseln. Das wird leider sehr oft von Einsteigern verwechselt. Ein Theme ist für das Aussehen der Webseite für den Verbraucher am Bildschirm zuständig und kann inzwischen nur rudimentär mit dem WordPress eigenen Customizer verändert werden. Während der WordPress-PageBuilder die gesamte und flexible Umsetzung von Design, Formgebung und Darstellung aller verschiedenen Teile einer WordPress-Webseite ausmacht. Und das Ganze ohne Webdesign studiert haben zu müssen.

Allerdings und das mag Dich jetzt bestimmt verwundern, brauchst Du derzeit Beides, WordPress-Theme und WordPress PageBuilder, noch… Ich denke in wenigen Wochen wird es da eine weiter positive Entwicklung geben. Allerdings, auch das muss man erwähnen, kannst Du hier mit fast jedem kostenlosen WordPress-Theme starten. Maine Empfehlung aber sind die beiden folgenden kostenlosen WP-Themes. Da wäre zum ersten GeneratePress und zum anderen das Astra-Theme die Du entweder oben über die Links auf Deinen Rechner herunterladen kannst oder Du gehst in Deinem WordPress-Backend über den Menüpnkt Design und hinzufügen und suchst nach den oben genannten Designs. Zu jedem Theme gibt es auch eine PRO-Version, die Du allerdings nicht unbedingt benötigst.

Elementor: Vom Nobody auf 500.000 Installationen in noch nicht einmal 2 Jahren

Im Juni 2016 also, vor jetzt genau 20 Monaten, zum Zeitpunkt dieses Beitrages, begann der kometenhafte Aufstieg des Elementor-PageBuilder und dieser wurde in einer Freien Version dem Netzt zur Verfügung gestellt. Schon das allein ist eher ungewöhnlich. Warum? Weil die wenigen anderen Mitbewerber, keine oder so sehr kastrierte Versionen gratis zur Verfügung stellen. Dies hat natürlich einen positiven Effekt gehabt und dazu geführt das der WordPress Page-Builder von Elementor eine riesige Aufmerksam bekam. Auch wohl deshalb, weil der Hersteller des Plugins die Fa. Pojo Ltd, zusicherte, dass sich an der Free-Version, auf Dauer nichts ändern würde.

Daran hat sich bis heute nichts geändert und was das wirklich tolle war und bis heute ist, Das plugin wird laufend weiter entwickelt und es kommen immer wieder neue Elemente und sogar eigene Themes hinzu. Und die Vielfalt an Funktionen läßt wenige Wünsche offen. Inzwischen offeriert der Hersteller Pojo Ltd auch eine erweiterte Kauf-Version mit Namen Elementor PRO an. Das bedeutet aber nicht, dass nur noch die Pro.Version weiter entwickelt wurde, nein, auch die Kostenlose Version wurde und wird laufend verbessert, erweitert und stabiler gemacht.

Pojo Ltd selbst ist in dem Vertrieb von WordPress – Themen tätig und bietet eigene Profi-Themes an die den Elementor PageBuilder enthalten. Ebenso können andere Themen-Entwickler den WordPress Page-Builder von Elementor in Ihre WordPress-Themes integrieren. Dies gilt aber nur für die gratis Version. Die Elementor PRO Ausgabe ist den privaten WordPress Endrunden vorbehalten.

Elementor: Vom Anbeginn zum Start

Der WordPress Page-Builder von Elementor selbst ist ein Plugin und wird eben wie jedes WP-Plugin installiert. Da dieses Plugin bei WordPress direkt gelistet ist, kannst Du es auch einfach über dein WordPress Backend unter dem Menüpnkt Plugins und Installieren, suchen und direkt und bequem installieren. Die zum jetzigen Zeitpunkt aktuelle, Stand 12. Februar 2018, ist die Version 19.4. 

Ist das WordPress-PageBuilder installiert, findest Du es ganz prominent in Deinem WordPress-Editor, wenn Du einen Beitrag oder eine Seite bearbeiten willst. Du aktivierst es mit einem Klick auf den meist blauen Button mit der Aufschrift: IE Mit Elementor bearbeiten

WordPress Page-Builder Elementor Beitrag bearbeiten
Start des WordPress Page-Builder Elementor Beitrag bearbeiten (Screenshot Jörg Rothhardt)

Der WordPress Page-Builder von Elementor selbst, hat rechts im Hauptmenü die globalen Einstellungen, mit den folgenden Punkten: Meine Bibliothek, Einstellungen (global), Werkzeuge, System Info und bei PRO noch die Lizenz. Unter Bibliothek verwaltest Du die Templates und Deine eigenen gespeicherten Vorlagen, des weiteren kannst Du Vorlagen im- und exportieren. Die System Info zeigen Dir die Parameter Deinen WordPress und unter den Einstellungen verwaltest Du, oh Wunder wichtige, global gültige  Einstellungen.

Elementor: Eine schlüssige und einleuchtende Vorgehensweise bei der Bedienung

Startest Du den WordPress Page-Builder von Elementor über den Button, so gelangst Du, wie unten zu sehen, in ein formatfüllendes Fenster, in dem die eigentliche Bearbeitung stattfindet. Diese erfolgt im sogenannte WYSIWYG-Modus. Das bedeutet übersetzt „was Du siehts ist das was Du bekommst“ und damit ist gemeint, was Du auf dem Bildschirm erstellst, das wird nachher auch so zu sehen sein. (zu allergrößten Teil). So kannst Du jetzt Seiten und Beiträge so individuell erstellen, wie Du es nur von den Illustrierten und Magazinen her kennst.

WordPress Page-Builder Elementor Beitragsbearbeitung
WordPress Page-Builder Elementor Beitragsbearbeitung (Screenshot Jörg Rothhardt)

Du bist jetzt aber nicht der Layouter, Web- oder Printdesigner und dir gehen gerade die Ideen flöten. Kein Problem, auch da ist Elementor Dein guter Helfer. Über die weit mehr als 120 Vorlagen derzeit kannst Du schnell was auswählen und nach deinen persönlichen Wünsche abänderen. Ist das nicht genial einfach?

Elementor-Vorlagen
WordPress Page-Builder Elementor Vorlagen (Screenshot Jörg Rothhardt)

Du möchtest Dich jetzt schon einmal über diese Vorlagen informieren? Kein Problem! Hier hast Du den Zugang zu allen in diesem Moment verfügbaren Templates. Dies findest Du in der Template Library .

Elementor Template Library Übersicht(Screenshot Jörg Rothhardt)

Elementor FREE verfügt neben den üblichen Funktionen, wie Text, Headline, Bilder, Videos, Buttons, Testimonials, über weitere Elemente, die sogenannten Widgets. Es sind in der Freien Version von Elementor derzeit 46 unterschiedliche Elemente, während die PRO-Version mit noch 26 zusätzlichen weiteren Elementen aufwartet. Und der Vollständigkeit halber kannst Du Dir das auf dieser Seite von Elementor noch einmal zu Gemüte führen. Elementor Free vs PRO

Ein anderes Feature ist, wenn Du möchtest das Dein Beitrag oder Deine Seite ohne Header, Footer und Seitenleisten, also ganz leer sein sollte, um beispielsweise eine Landingpage, Opt-In-Seite, Squeezepage oder ähnliches gestalten möchtest, auf der nicht ablenkendes ist, kannst Du Dich, anstatt für die Standard-Ansicht, für das Element „Elementor Canvas“ entscheiden. Das geschieht jedoch auf 2 Arten. Bei einer Seite findest Du den Dialog rechts unter Template 

Auswahl des Seiten- oder Beitragstemplate
ElementorAuswahl des Seiten- oder Beitragstemplate (Screenshot Jörg Rothhardt)

Auch ein weiteres tolles  Merkmal von Elementor ist, das es bereits in vielen Sprachen von der sehr rührigen Community übersetzt wurde. Und es wird viele Leute freuen, es ist auch auf Deutsch verfügbar und diese Übersetzung ist sehr gut gelungen.

Mit den neuesten Versionen wurde der WordPress Page-Builder ELEMENTOR zwar sehr stark überarbeitet, was jedoch auf die Zukunft gesehen, eher ein Vorteil ist. Dabei sind folgende Neuerungen hinzu gekommen. Es gibt jetzt die permanente Speicherung Deiner Arbeit, so dass Du nichts mehr von Deiner aktuellen Arbeit verlieren kannst. Und der zweite Punkt ist die Undo/Redo Funktion hinter der History-Funktion. Das wiederum heißt, Du kannst etwas aus der Vergangenheit korrigieren, falls Du einen Fehler, den Du gemacht hast, bemerkst und zwar ohne alles noch einmal komplett neu machen zu müssen.

Ein weiteres cooles Feature ist die Inline-Editing genannte Funktion. Das bedeutet für Dich, Du kannst alles im Fontend bearbeiten und siehst sofort das Ergebnis in ganzer Pracht. Das gibt Dir noch mehr Gefühl für Aussehen, Form, Farbe und ermutigt Dich vielleicht zu weiteren Experimenten.

Elementor: Was geschieht , wenn Du dieses Plugin entfernst?

Der WordPress Page-Builder von Elementor ist ein Plugin und somit kein Theme, das wie Du oben schon gelesen hast, das elementare Gerüst Deiner WordPress-Webseite darstellt. Somit ist logisch, dass, wenn Du das Plugin abschaltest bzw. deaktivierst alle bisherigen Elemente die Du bearbeitet hast verschwunden sind. Und nein Deine Texte sind noch vorhanden. Nur die sogenannten Formatierungen, die Du vorgenommen hast sind perdu.

Das sind die Vorteile von Elementor gegenüber den meisten Page-Builder, die auf dem Markt so zu finden sind. Dies arbeiten sehr oft mit Shortcodes und das Endergebnis beim deaktivieren kann WordPress nicht mehr interpretieren, liefert nur noch Datenmüll und verwüstet Deine mühsam erarbeiteten Inhalte. Oder die Shortcodes sind noch zu sehen aber die Inhalte sind im Nirwana.

Du siehst also, Elementor ist vorbildlich anders. Klar büßt Du Dein Layout ein, wenn Du das Elementor-Plugin deaktivierst. Jedoch und das ist die gute Nachricht, Deine Inhalte sind und bleiben als reine HTML-Inhalte weiter sichtbar. Sie sind nicht verloren und das ist das Wichtigste für Dich

Mein Fazit: Elementor ist der derzeit ausgereifteste WordPress Page-Builder

Der WordPress Page-Builder von Elementor ist der für mich bequemste Page-Builder. Und somit meine ganz klare Empfehlung für Dich! Besonders wenn Du kein WordPress-Guru, kein studierter Web-Designer, HTML & CSS Code-Freak bist. 

Bist Du jedoch ein normaler Nutzer, willst Dir Deine Webseite aufbauen:

  1. ohne viel Geld auszugeben,
  2. ohne Abhängigkeit von einem Webmaster und
  3. die Freiheit liebst Deine Webseite selbst zu gestalten,
  4. Landingpages zu bauen, so viel Du brauchst
  5. ohne von einem Network oder Sponsor abhängig zu sein.

Wenn das alles auf Dich zutrifft, dann solltest Du Dich jetzt mit Elementor beschäftigen!

Elementor der beste WordPress PageBuilder?

Elementor PageBuilder_ diese 5 Bausteine brauchst Du

Die 5 wichtigsten Bausteine, warum Du unbedingt Elementor brauchst!

Elementor ist ein leistungsfähiger Drag & Drop WordPress Page Builder. Er ist von Grund auf für Geschwindigkeit entwickelt worden und Du wirst sofort merken, wie schnell und reaktionsschnell er ist.

Elementor ist ein Live Page Builder Plugin, was bedeutet, dass Du Deine Seite live sehen kannst, während Du sie mit Elementor bearbeitest. Erstelle einfach Abschnitte und wähle dann die Anzahl der Spalten für jeden der Abschnitt.

Du kannst anschliesend Widgets, so werden die Elemente genannt, per Drag & Drop aus dem linken Fensterbereich in Deinen Arbeitsbereich ziehen. Elementor kommt mit zahlreichen Widgets, einschließlich der am häufigsten verwendeten Elemente der Website.

Von einfachen Bild- und Text-Widgets bis hin zu fortgeschrittenen Akkordeons, Schiebereglern, Testimonials, Icons, Social Media, Tabs, etc. Jedes Widget verfügt über zahlreiche eigene Einstellungen.

Elementor erlaubt es Dir zudem auch, Widgets hinzuzufügen, die von anderen WordPress-Plugins erstellt wurden.

Du willst kein eigenes Layout für Deine WordPress-Webseite erstellen?

Elementor enthält auch viele fertige Vorlagen, die Du ganz einfach in Deine Seiten einfügen kannst. Du kannst bequem und einfach mit der Maus darauf zeigen und klicken, um ein beliebiges Element auf der Seite zu bearbeiten und es durch Deinen eigenen Inhalt zu ersetzen.

Du willst noch mehr Funktionen, Landing-, Salepages, Opt-in-Formulare etc. Also das volle Programm? Das bietet Dir die PRO Version.

Preise: Ab $49 für Einzelplatzlizenzen.

Mein Testurteil – Note: A

Fazit: Hier nochmal die 5 Bausteine im Überblick.

Elementor ist einer der besten Page Builder Plugins auf dem Markt. Er ist:

  1. superschnell,
  2. extrem einfach zu bedienen und
  3. kommt mit unzähligen Modulen und Vorlagen.
  4. Wird laufend weiter entwickelt
  5. Und er ist auf Deutsch!
Elementor PageBuilder_ diese 5 Bausteine brauchst Du

[Echt Krass] Hacking WP und kein Ende

[Echt Krass] Hacking WP und kein Ende

Neues zum WordPress-Hacking

Hacking WP, das ist wohl jedem jetzt klar, WordPress ist logischerweise infolge seiner enormen Verbreitung ein willkommenes Ziel potenzieller Hacker und Betreiber von Botnetzen. Und ist solche eine simple ungesicherte WordPress-Webseite erst einmal in der Hand solcher Verbrecher, wird diese zum Versand von Spam-Mails mißbraucht, oder es wird Malware im Internet gestreut. Und das, ohne das der eigentliche Inhaber der Webseite etwas davon bemerkt. Oft werden die einzelnen Webseiten dann zu weiteren Netzen zusammen geschloßen, damit auch der Hoster nicht vom Spam-Mail-Versand mitbekommt. Diese Hacker und Botnetze werden von Profis betrieben, die genau wissen was sie tun und durch die permanenten Angriffe versuchen, die Schwachstellen eines WordPress-Blogs zu eruieren.

Wie kann das verhindert werden?

Zuerst einmal die schlechte Nachricht. Es gibt keinen 100 % Schutz für Deine WordPress-Seite. Wie weiter oben schon geschrieben, werden wir mit Hacking WP, wohl weiter leben müssen. Denn jede weitere von Laien betrieben WordPress-Webseite unterstützt die Hacker! Jetzt denkst Du bestimmt, was soll das Jetzt, stimmt’s? Richtig, das ist hart, aber die Wahrheit und diese muss ausgesprochen werden. Warum? Weil die meisten Anfänger im Internet glauben, man holt sich einen WordPress-Blog, bei einem der großen Hosting-Anbieter, die mit riesigem Werbeaufwand und kostenlosen Angeboten, die neuen Kunden in ihre Fänge holen und sie dann alleine lassen.

Wie kannst Du so etwas behaupten?

Nun, auch ich habe mal angefangen. Und zwar schon vor mehr als 10 Jahren und beschäftige mich mit dem Thema WordPress seit 2008 und mit WordPress-Sicherheit jetzt seit 2011. 

Auch ich habe viel falsch gemacht und den Anbietern vertraut. Ich will und darf hier keine Namen nennen, aber ich betreibe ca. 50 Webseiten mit WordPress und habe icm laufe der Jahre bestimmt weitere 50 Domains mit WordPress, bei den wohl 10 bekanntesten und größten Hostern betrieben. Das ging von A – Z. Ja, es gibt darunter sowohl Kundenorientiert als auch solche die man besser vergißt. Aber der Fairness halber muss man auch sagen, es kommt auch oft auf die Mitarbeiter im Support an. Diese haben schon Möglichkeiten und können vieles besser machen. Aber ohne ein gewisses Maß an Lernbereitschaft und Zeitaufwand wird es nichts mit der Sicherheit. Oder man nimmt Geld in die Hand und beauftragt einen WordPress-Experten mit der Überwachung seiner WordPress – Webseite. Es kostet immer etwas Zeit oder Geld, wie immer im Leben. Und glaube nicht an die ganzen Werbeversprechen. Egal ob WordPress-Sicherheit oder schnell Reich werden.

Wie kannst Du Dich jetzt schützen?

Aktuell gibt es mehrere Möglichkeiten: 

  1. Geld für einen Expertenservice zu bezahlen.
  2. Profi-WordPress-Plugins zu benutzen – kostet auch regelmäßig Geld
  3. Zeit statt Geld – kostenlose WordPress-Plugins und regelmäßig selbst schauen.

Was sind das für Tools?

Zu Beginn zeige ich dir die verschiedenen grundsätzlich notwendigen Tools

  1. WordPress Backup
  2. WordPress Security-Plugins
  3. WordPress Antispam

Was brauchst Du unbedingt für Tools?

Die wichtigsten grundsätzlich notwendigen Tools sind

  1. WordPress Backup ( UpdraftPlus kostenlos, o. Pro) alternativ (BackupBuddy)
  2. WordPress Security-Plugins ( Wordfence Security, WP Security, Cerber, alle kostenlos oder auch Pro-Versionen verfügbar) alternativ (ithemesSecurity oder ithemes Security Pro)
  3. WordPress Antispam (Antispam Bee zu empfehlen, da es den deutschen Datenschutz Vorschriften entspricht)

Ich empfehle für Dich, wenn Du Starter bist, die kostenlosen Tools. Allerdings erfordern die einige zeit der Einarbeitung und Englisch-Kenntnisse.

Mehr Informationen bekommst Du auch hier.

Hacking WP - Resultate einer Woche auf 2 WordPress-Webseiten

[WP Cerber Security- Weekly report

Du siehst also, nicht jede WordPress-Webseite ist betroffen, aber denke immer daran:

Vorbeugen ist besser als tagelang reparieren!

In Anlehnung an das alte aber wahre Sprichwort. Denn wenn Du einmal tagelang Deinen Computer oder Daten repariert und neu aufgesetzt hast, weißt Du das zu schätzen, denn es ist einfach verlorene Lebenszeit!

Zugriff auf sogenannte WP Rest API beschränken

Zugriff auf sogenannte WP Rest API beschränken

Warum es wichtig ist, den Zugriff auf die WP REST API einzuschränken

Kritischer Fehler erlaubt es nicht autorisierten Besuchern, jeden Beitrag auf Ihrer Website zu bearbeiten.

Hast Du eine WordPress-basierte Website? Herzlichen Glückwunsch! Sie bietet ein großartiges Tool für Hacker vom ersten Tag an. Es ist die WordPress REST API, die standardmäßig aktiviert ist. Die WP REST API erlaubt es, fast alle Aktionen und administrativen Aufgaben auf einer Website aus der Ferne auszuführen. Die WordPress REST API ist standardmäßig ab WordPress Version 4.7.0 aktiviert.

Aber es ist eine noch nicht ganz ausgereifte Technologie und ihr Code enthält derzeit einige Bugs. Deshalb musst Du den Zugriff auf die REST-API mit einem Sicherheitsplugin wie WP Cerber einschränken. Bitte, nehmt es ernst, Leute, denn ich habe schlechte Nachrichten für euch. Kürzlich, gleich nachdem eine neue Version von WordPress 4.7 veröffentlicht wurde, wurde ein kritischer Fehler gefunden. Dieser Fehler erlaubt es nicht autorisierten Besuchern, jeden Beitrag auf Deiner Website zu bearbeiten. Der Fehler wurde von Ryan Dewhurst gefunden und vom WordPress-Team allerdings schon in WordPress 4.7.2 behoben.

Die Vorgängerversion WordPress 4.7.1, die als Sicherheits- und Wartungsrelease angekündigt wurde und acht Fehler behebt. Leider ist der REST-API-Fehler noch nicht ganz behoben. Das lässt Millionen von Websites ungeschützt auf der ganzen Welt zurück. Es ist schwer zu glauben, aber die Aktualisierung von WordPress auf Shared Hostings kann bis zu mehreren Wochen, ja bei einem meiner Hoster gar Monate, dauern. Wie viele Websites wurden bereits gehackt und infiziert? Das weiss niemand genau, da viele Nutzer keine Ahnung haben und ihrem Hoster voll vertrauen. Dieser aber die Verantwortung den Nutzern per Vertrag aufbürdet.

Seitdem die REST-API für jede Website stillschweigend aktiviert wurde, wurden 20 (zwanzig) Fehler entdeckt und behoben. Es ist eine ganze Reihe von Fehlern für die Technologie verantwortlich, die es jedem ermöglicht, administrative Aufgaben auf einer Website im Hintergrund auszuführen.

Das WP Cerber Security Plugin ermöglicht es Dir, den Zugriff auf die REST API vollständig zu blockieren. Egal, wie viele Bugs REST API hat. Um den Schutz zu aktivieren, gehe einfach auf die Registerkarte“Härten“ auf der Plugin-Administrationsseite und aktivieren Sie die Option „Zugriff auf die WordPress REST-API blockieren“. Optional kannst Du den Zugriff auf die REST-API für Hosts aus der White IP Access List zulassen.

Neues von der Hacker-Front

Angriffe auf WordPress-Webseite

Sind die Hacker-Ferien zu Ende?

Wie heißt es so schön: Smiley
„Über allen Gipfeln ist ruh“
Aber nicht im Internet. Die Hacker und Spamer sind aus dem Winterferien zurück. Woran merke ich das?
Gestern hatte ich auf 3 Webseiten ca. 100 Versuche sich einzuloggen.
WP Cerber schickt mir nämlich Mails wenn jemand mehrfach versucht sich einzuloggen. Interessant dabei ist, dass man das mit zum Teil gelöschten Benutzern versucht. Was heißt das jetzt für Dich?
Ändere Deinen WordPress-Benutzer, am besten auf einen Namen der nicht leicht zu erraten ist. Denn der Benutzername ist leicht für Profis auszulesen. Und zum anderen müssen Listen bzw. Datenbanken im Darknet existieren, denn meine alten Benutzernamen werden ausprobiert.
Das sind die aktuellen Nachrichten von der WordPress – Hacker Front.