Elementor 2.0 ist da

Elementor 2.0 ist da

Die Einführung von Blöcken - Der schnellste Weg zur Erstellung von WordPress-Webseiten

Video abspielen

Wir stellen vor: #elementor Blocks, eine neue, flexible Möglichkeit, #WordPress-Seiten zu erstellen.

Wir freuen uns, #Elementor Blocks vorzustellen, bereits vorgefertigte Sektionsvorlagen, die einfach zu einer kompletten und schönen Website oder Landingpage kombiniert werden können.

Denke bei den Blöcke an Legosteine. Sie wählen die relevanten Blöcke aus – beginne mit den Heros (Helden), den Dienstleistungen (Services), einem Testimonial (testimonial)  und den anderen Teilen Deiner Seite, und dann passt Du jeden einzelnen an, damit er zu Deiner Website passt.

Die Arbeit mit einer solch vollständigen Seitenvorlage ist großartig, aber manchmal möchtest Du nicht, dass die gesamte Seite für Dich voreingestellt ist. Mit den Blocks erhältst Du die Bequemlichkeit vorgefertigter Layouts und die Flexibilität der einzelnen Zusammenstellung und Auswahl der einzelnen Abschnitte.

elementor-blocks-library

Wie es funktioniert

Brauchen Sie eine Heldensektion? Vielleicht ein Empfehlungsschreiben? Sortieren Sie durch die Liste der relevanten Blöcke und finden Sie denjenigen, der am besten zu Ihnen passt.

Wir haben alle Elemente einer Seite identifiziert und kategorisiert und Ihnen eine breite Palette von Blöcken zur Verfügung gestellt.

Und so funktioniert es

Wenn Sie auf’Vorlage hinzufügen’ klicken, sehen Sie die Registerkarte’Blöcke’. Hier können Sie die verschiedenen verfügbaren Blöcke durchsuchen und filtern, indem Sie den gewünschten auswählen.

Anstatt mit einem leeren Abschnitt zu beginnen, können Sie einen Block auswählen, um Ihren Abschnitt mit Inhalt zu füllen. Dann können Sie es anpassen und zu Ihrem eigenen machen. Jeder Block ist mit Blick auf Einfachheit und Unabhängigkeit gebaut, was dem Anwender das Zusammenfügen der verschiedenen Blöcke erheblich erleichtert.

vid_gif_1

Für Anfänger und Profis gleichermaßen geeignet

Blöcke sind nicht nur ein neues Feature, sie stellen einen alternativen Workflow dar, der sowohl für Anfänger als auch für professionelle Webdesigner, die Websites für ihren Lebensunterhalt erstellen, nützlich sein kann.

Für Anfänger es ermöglicht Dir, das zu erstellen, was Du willst – Anfängern fehlt es manchmal an Erfahrung, um einen notwendigen Teil einer Seite zu erstellen. Sie wissen, dass ihre Landingpage einen Kontaktformularbereich benötigt, sie wissen nur nicht, wie man ihn erstellt. Bei Blocks geht es nur darum, den richtigen Block auszuwählen, ihn einzufügen und den Inhalt ein wenig zu optimieren.

Für professionelle Designer, es ermöglicht durch Blöcke einen schnelleren Workflow – Blöcke sind einfach und unabhängig. Dies macht es einfach, verschiedene Blöcke miteinander zu kombinieren. Sobald Du einen bestimmten Block hinzugefügt hast, kannst Du den Block ganz einfach duplizieren, ziehen, löschen oder ändern, ohne die anderen Bereiche der Seite zu beeinflussen.

Schnellerer Workflow

Die Verwendung von Blöcken kann einen echten, psitiven Einfluss auf Deinen Workflow haben.

Bei richtiger Anwendung kannst Du einen schlanken Prozess entwickeln, der so aussieht:

  • Erzeugen von Basis-Elementen
  • Erstellen von Seiten mit Blöcken
  • Anpassen jedes Blocks
  • Speichern Deiner neuen benutzerdefinierten Blöcke als Abschnittsvorlagen.
  • Wiederverwenden gespeicherte Abschnitte in anderen Projekten 


Dieser Erzeugen > Erstellen > Anpassen > Sichern > Wiederverwenden Workflow ist ein kontinuierlicher Prozess, der optimiert werden kann, um Dich als Webdesigner in die Lage zu versetzen, viel mehr Projekte in viel kürzerer Zeit abzuschließen.

Eine riesige Liste von Blöcken, die weiter wachsen wird

Wir haben eine riesige Auswahl an Designer-Blöcken erstellt, die so gut wie jeden benötigten Abschnitt abdecken.

Es gibt nicht weniger als 235 verschiedene Blöcke in Elementor, verteilt auf 15 beliebte Kategorien: Header, Services, Kontakte, Preis, Team, Testimonials, Portfolio / Galerie, Kunden / Freunde, About, Call to action, FAQ, Progress Bar, Countdown, Subscribe, Formulare, Footer, Features.

Wir haben sowohl dunkle als auch helle Block-Bausteine aufgenommen. Dies ist entscheidend, da Du einen dunklen Block leicht mit einer einfachen Änderung der Hintergrundfarbe und einigen kleinen Optimierungen an eine dunkle Website anpassen kannst.

Suche nach dem, was Du suchst und wähle Deine beste Kombination. In Zukunft wird die Blocks-Bibliothek auch Kategoriefilter enthalten.

List-Blocks-4.2-1

Arbeiten Sie klüger, nicht härter. Beginnen Sie mit #elementor Blocks, und bauen Sie Websites unglaublich – schnell!

Erstelle jetzt Deine erste Seite mit Blöcken

Blöcke sind das erste Feature-Release von Elementor 2.0. Wenn Du es verpasst haben solltest, schaue unsere 2.0-Roadmap an.

Nächsten Monat werden wir die Header-Footer-Funktion veröffentlichen, die Dir die Kontrolle über das Header- und Footer-Design gibt, was bisher statisch war und was vom Theme stammt.

Da wir immer mehr Funktionen von Elementor 2.0 veröffentlichen, werden Blöcke immer relevanter, da sie zur Erstellung dynamischer Inhalte verwendet werden.

Welche Blöcke möchtest Du gerne sehen? Gehe die Liste durch und teile uns in den Kommentaren mit, welche Blöcke Du am liebsten hinzufügen möchtest.

Dieser Beitrag ist eine Übersetzung des original Beitrags von Elementor.com Auch die Bilder sind © Elementor.com

Bitte Teilen

Elementor 2.0 – der erste Beta-Test

Elementor 2.0 - Mein 1. Beta - Test

Elementor 2.0 Beta-Test: mein 1. Versuch

Seit kurzem ist die lang erwartete Version 2.0 vom Elementor PageBuilder zum testen da. Und selbstverständlich muss die sofort getestet werden, aber nicht in einer Live geschalteten Webseite. Darum werde ich sie auf einen lokalen WordPress Webseite einem kleinen Test unterziehen.

Heute, am Sonntag, den 11. März 2018 habe ich den ultimativen 1. Versuch gewagt und dabei noch ein kurzes Video aufgenommen, das ich jetzt gleich auch auf YouTube veröffentlichen werde. Und Du kannst dann weiter unten das Ergebnis sehen. 

Als erstes fällt auf, das bei den Vorlagen ein neuer Tab-Reiter links hinzugekommen ist. Dieser trägt die Aufschrift Blocks. Derzeit sind Blöcke in 13 Kategorien (categorys) vorhanden und es werden bis zum finalen Start bestimmt noch einige hinzu kommen. Was derzeit wohl die meisten vermissen werden sind Header und Footer Blöcke. Die Blöcke sind in 2 Versionen vorhanden. 1 mal mit weißem und zum anderen mit schwarzem Hintergrund. Und klar ist Du kannst sie deinen Wünschen anpassen. Die Texte sind naturgemäß in englisch.

Elementor 2.0 Beta-Test: Die Kategorien

Zuerst einmal möchte ich Dir jetzt die einzelnen Kategorien vorstellen und zwar dem Alphabet nach. Das wären im einzelnen:

  1. About (über uns)
  2. Call To Action
  3. Clients (Kunden)
  4. Kontakt(Kontakt-Formular)
  5. FAQ (Fragen und Antworten)
  6. Features (Merkmale und Eigenschaften)
  7. Hero (Idole, Protagonisten)
  8. Portfolio (Geschäftsbereiche)
  9. Pricing (Preisangaben)
  10. Services (Dienstleistungen, Serviceleistungen)
  11. Stats (Statistiken, Übersicheten)
  12. Team (Mannschaft, Belegschaft, Team)
  13. Testimonial (Referenzen)

Elementor 2.0 Beta-Test: Die einzelne Blöcke

Und als nächstes möchte ich Dir jetzt die einzelnen Blöcke vorstellen. 

Unter der Kategorie About findest Du 20 Blöcke. Das heißt, je 10 verschiedene mit weißem und mit schwarzem Hintergrund.

So bietet die Kategorie Call To Action, jeweils 13 Blöcke. Die Kategorie Clients, Portfolio & Team verfügen über 8 unterschiedliche Blöcke. FAQ weist 5 weiße und 5 schwarze Blöcke aus, während Features & Hero je 12 Blöcke inne hat. Dann hat Pricing & Stats 7 von jeder Farbstellung und 21 Blocks findest Du unter Services & Testimonials

Elementor 2.0 Beta-Test: Fazit

Zusammenfassend kann ich sagen, die Blöcke machen schon einen stabilen Eindruck Und es werden auch bestimmt in den nächsten Wochen die fehlenden Dinge und weitere Blöcke hinzukommen. Zumal heute Ben Pines verkündet hat, dass jetzt bereits 600.000 Installationen bereits Elementor nutzen und allein im letzten Monat 100.000 neue Nutzer zu Elementor gefunden haben. Das Alles wird einen neuen Schub der Motivation dem ganzen Team von Elementor geben und ich bin zuversichtlich, das sich die Innovationen weiter fortsetzen, so wie in der Vergangenheit.

Unten wirst Du jetzt noch das Video finden:

Video abspielen

Elementor 2.0

Elementor 2.0 startet bald

Heute hat Ben Pines einen Blog-Artikel auf Elementor.com und ein Video in der Facebook Elementor Community veröffentlicht zu Elementor 2.0, den ich mal auf deutsch übersetzt habe:

Elementor v 2.0

Endlich ist alles innerhalb Ihrer WordPress-Website in Reichweite. Sie werden in der Lage sein, es visuell und einfach zu gestalten: Blöcke, Kopf- und Fußzeilen, dynamische Inhalte, einzelne Beiträge, Archivseiten, Suchergebnisseiten, 404 Seiten und vieles mehr.

Elementor startete vor 20 Monaten, und in dieser Zeit etablierten wir es als die Nummer 1 Lösung für den Seitenaufbau.

Jetzt ist es an der Zeit, über die Seitenebene hinauszugehen.

Ich würde gerne unsere kommende Roadmap durchgehen und beschreiben, wie wirkungsvoll Elementor 2.0 für Ihren Workflow sein wird.

Die Roadmap für die Zukunft

Wie bereits erwähnt, wird Elementor 2.0 bewusst nicht auf einmal gestartet. Die schrittweise Einführung jeder neuen Funktion hilft Ihnen dabei, sich an die einzelnen Funktionen zu gewöhnen.

Diese Methode ermöglicht es uns, gleichzeitig an einer Reihe von Funktionen zu arbeiten und jedes einzelne erst dann freizugeben, wenn es vollständig erprobt, getestet und zur Auslieferung bereit ist. Dies ist ein effektiver und stabiler Prozess, der uns seit der Einführung gute Dienste geleistet hat.

Nächste Woche werden wir die erste Beta-Version von Elementor 2.0 veröffentlichen – das Blocks-Feature. Blöcke sind eine neue Reihe von vorgefertigten Layouts, die es Ihnen ermöglichen, schnell verschiedene Sektionsdesigns zu mischen und aufeinander abzustimmen, wodurch Sie Ihre Websites und Landing Pages schneller als je zuvor generieren können.

Dann, im nächsten Monat, werden wir die lang erwartete Kopf- und Fußzeile veröffentlichen, die es Ihnen ermöglicht, Ihre gesamte Seite von oben nach unten zu gestalten, einschließlich des Kopf- und Fußbereiches, alles mit Elementor. Dies schließt das Entwerfen Ihres Menüs, Logos und Suchleiste ein; löst einen riesigen Schmerz von Theme-Benutzern, die mit dem Header- oder Footer-Design eines bestimmten Themas feststecken.

Nach dieser Veröffentlichung kommen weitere Goodies hinzu:

  • Die Möglichkeit, einzelne Beiträge und Archivseiten zu erstellen.
  • Anpassung Ihrer Suchergebnisse und 404 Seiten
  • Leistungsstarke Designkontrolle für WooCommerce-Shops, Produktseiten und andere eCommerce-Seiten
  • Umfassender Entwickler-Support, der neue Möglichkeiten für Plugin- und Theme-Entwickler bietet, die Elementor erweitern.
  • Neues Ressourcen-Center für Elementor-Entwickler mit ausführlichen Anleitungen und Tutorials zum Erstellen von Elementor-Erweiterungen.
  • Ein brandneuer Prozess, der die Erstellung dynamischer Inhalte in Gang setzt, die Sie begeistern werden, einschließlich einer umfassenden Integration von Advanced Custom Fields & Toolset.
  • Die neuen, bahnbrechenden Funktionen werden hier nicht enden. Dies ist ein neuer Weg, und er wird Ihnen die Arbeit wesentlich erleichtern.

Kompatibilität mit WordPress 5.0

Eine immer wiederkehrende Frage ist, wie gut sich Elementor in Gutenberg integrieren wird. Unser Team beobachtet das Gutenberg-Projekt sehr genau, und es scheint ein wertvoller und dringend benötigter visueller Texteditor zu sein.

Die neue Version von Elementor wird vollständig mit Gutenberg kompatibel sein, und wir denken jetzt über verschiedene Möglichkeiten nach, den neuen WordPress-Editor mit Elementor zu verbinden. Sobald es fertig ist, kannst du deinen Beitrag in Gutenberg schreiben und ihn dann mit Elementor gestalten.

Mit über 500.000 aktiven Installationen und Zählungen ist es jetzt klarer denn je – Elementor ist ein unverzichtbares Werkzeug für Webdesigner. Sobald die kommenden Features veröffentlicht sind, wird Elementor zu einem noch leistungsfähigeren Designer-Tool, das in der Lage sein wird, die gesamte Website dynamisch zu erstellen und dabei jede Menge Zeit bei jedem Projekt einzusparen.

Ein Theme Builder ist Teil Ihres Pakets

Nach der Veröffentlichung von Elementor 2.0 werden wir alle Themenbauteile in der bestehenden Pro-Version bündeln, so dass Sie kein weiteres Plugin kaufen müssen.

Wir betrachten die erweiterten Fähigkeiten nicht als ein”nice to have”-Projekt. Es ist Teil des Pro-Pakets, das jeder Elementor-Benutzer in seinem täglichen Arbeitsablauf anwenden wird.

Es ist schon einige Monate her, seit wir mit der Entwicklung von Features begonnen haben, die dynamisches Content Design ermöglichen. Ich kann Ihnen versprechen, dass Sie, sobald Sie sie einmal benutzt haben, nicht mehr in der Lage sein werden, zur vorherigen statischen Methode zurückzukehren.

Das Beste ist: Elementor versucht immer ein wenig besser zu werden!

Mit Elementor 2.0 war es noch nie so einfach, ein Upgrade auf Pro durchzuführen. Wir freuen uns wie immer über Ihre Kommentare, Fragen und Rückmeldungen.

Die Zukunft des Webdesigns kommt. Melden Sie sich unten an und lassen Sie sich benachrichtigen, sobald die erste v2.0-Funktion der nächsten Woche veröffentlicht wird.

Und hier gehts zur Seite oben

Abschnitte & Spalten

Abschnitte & Spalten

Abschnitte & Spalten: Was ist bei Elementor damit gemeint?

Abschnitte & Spalten

Abschnitte

Bei Elementor sind die grundsätzlichen Elemente einer Webseite und das muss ma zuerst Verstehen, zuerst einmal die Abschnitte, welche die Gestaltung deiner Seite oder deines Beitrages in der Höhe und Breite definiert. Das heißt, als Allererstes mußt Du, nach dem Du eine neue Seite oder Beitrag erstellt hast, einen Abschnitt hinzufügen. Dieser wiederum kann aus einer oder mehreren Spalten bestehen. Darin fügst Du dann eine Überschrift, Text, Bild oder Video usw. Aus den Widget-Elementen von Elementor ein. Wie Du im linken Bild und hier siehst, habe ich oben einen Abschnitt mit 1 Spalte eingefügt, den ich mit Farbe, 1 Wellenlinie und 1 Überschrift,  gefüllt habe. Den zweiten Abschnitt habe ich mit zwei Spalten gemacht, links 1 Bild und rechts dieser Text. Das Bild ist mit einem Schatten versehen und pulsiert bei Berührung

Die Möglichkeiten der Spalten

Wechsel bim darüberfahren mit der Maus

Die Möglichkeiten der Spalten

Wechsel bim darüberfahren mit der Maus

Die Möglichkeiten der Spalten

Wechsel bim darüberfahren mit der Maus

Die Spalten

Wie schon weiter oben beschrieben, wählst Du bei der Auswahl einen neuen Abschnitt auch zugleich die Anzahl und das Aussehen der Spalten aus, da Du so deine Website wunderbar gestallten kannst. Zudem kannst Du so auch noch zusätzlich in einer weiteren Spalte wieder neue Spalten mit dem Spalten-Widget einfügen und so weiter interessante Ansichten erstellen. Der Schatten um das Bild bietet gerade hier einen klasse Effekt und hebt das Bild gut hervor. Weiter unten zeige ich noch weitere coole Effekte.

Spalten-Struktur
Elementor vs. Visual Composer
Cover 5 kostenlose Strategien für Backlinks
Tools-Werkzeuge
Burg Eltz

Das ist erst ein teil der tollen Funktionen von Elementor Abschnitten & Spalten und in den nächsten Zeit erfährst Du mehr. Sei gespannt….

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