Elementor: So erstellen Sie eine Animation beim Schweben

von Passy Guy | WordPress

Möchten Sie mit Elementor eine Hover-Animation erstellen?

In diesem Tutorial verwenden wir eine Dose Pepsi, die wir überfliegen und die eine Beschreibung darüber enthält.

Wir laden Sie ein, sich das folgende Video anzusehen, um eine Vorstellung davon zu bekommen, was wir Ihnen zeigen möchten.

Fügen Sie einen einzelnen Spaltenabschnitt ein und wählen Sie ihn dann in der Seitenleiste aus Mindesthöhe von Hauteur

auf Mindesthöhe klicken VH Ziehen Sie dann den Schieberegler auf 100. Immer in der Registerkarte Layout definieren 650 sowie largeur.

Wählen Sie die Spalte und in der Seitenleiste das Feld aus Vertikale Ausrichtung wählen Mitte.

In der Registerkarte Style, ändern Sie die Hintergrundfarbe, indem Sie auf die Farbauswahl klicken und eingeben #D37636 dann in der Sektion Grenze, greifen wir zu 20 für alle Bordsteinradien.

In der Registerkarte fortgeschritten, Polsterbindung ausschalten und tippen 75 für Innenränder Haut et Gering et 25 für Innenränder Linkisch et Droite.

Ziehen Sie dann in der Spalte ein Widget interner Abschnitt. Lassen Sie uns eine der Spalten aus dem internen Abschnitt entfernen.

Lassen Sie in der Spalte des verbleibenden inneren Abschnitts die Titel-Widget und ändern Sie den Titel in Pepsi Liebe.

Lesen Sie auch unseren Leitfaden über: So erstellen Sie eine Effektkarte aus einem Portfolio in Elementor

Dann in der Registerkarte Style, geben Sie dem Text eine weiße Farbe und setzen Sie für die Typografie die taille von 32, die Zeilenhöhe von 1.2, Buchstaben-Abstand von 0.5.

Unter dem Titel-Widget, fallen ein Texteditor-Widget und bearbeiten Sie den Text. Auf der Registerkarte Style, ändern Sie die Textfarbe in Weiß und die taille Typografie an 16, die Zeilenhöhe von 1.5 undBuchstaben-Abstand von 0.5.

In der Registerkarte fortgeschritten den Rand ändern Gering von -10.

Im Abschnitt Positionierung Tab fortgeschritten, modifiziere den Breite von personnalisé und Breite Benutzerdefiniert Letzteres einstellen 310.

Unterhalb des Absatzes fügen wir ein hinzu Schaltflächen-Widget mit für Text Mehr lesen.

In der Registerkarte Style Geben Sie dem Button die Farbe Weiß und Textfarbe einstellen Schwarz.

Wählen Sie nun die Spalte der innerer Abschnittim Abschnitt fortgeschritten Tab fortgeschritten Deaktivieren Sie den Link und klicken Sie auf den Prozentsatz und legen Sie dann die Marge fest Linkisch von 20 und in der Interne Marge definiere das von Linkisch von 20.

Ziehen Sie nun die Bild-Widget über Interner Abschnitt ein Bild einfügen. Wir haben als Beispiel ein Bild eines Getränks gewählt, das im Internet leicht zu finden ist.

Nachdem Sie das Bild eingefügt haben, konfigurieren Sie die Bildgröße von Ganz und Ausrichtung lass uns auf klicken Center.

In der Registerkarte fortgeschritten, gehe zum Abschnitt Position von Breite wählen Online (Auto)Auf Position wählen absolute und Horizontale Ausrichtung wählen Recht dann Verschiebung eingeben -9.9 und auf der Verschiebung der vertikalen Ausrichtung eingeben -105.

Gehen Sie weiter nach unten Abschnitt transformieren definieren die Größe von 0.5.

Wählen Sie nun die Spalte der Interner Abschnitt und in der Registerkarte fortgeschritten geben Sie den Namen ein CSS-Klassen Pepsi-Text.

Wählen Sie dann unseren Hauptabschnitt, gehen Sie zum Abschnitt Benutzerdefinierte CSS seines Tab Fortgeschrittene,  Kopieren Sie den folgenden Code und fügen Sie ihn ein:

/*Hover Animation CSS*/
selector{
    --transition: 0.5s;
    --circle-color: #313F69;
    --content-background: #D27838;
    --mobile-height: 670px;
    --mob-top: 320px;
}
selector .elementor-widget-wrap,selector .elementor-widget-container,selector .elementor-widget-image,.pepsi-text,selector > .elementor-widget-wrap:before,selector{
    transition: all var(--transition) !important;
}
selector > .elementor-widget-wrap:before{
    content: "";
    background: var(--circle-color);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 20px;
    clip-path: circle(120px at center);
}
selector:hover > .elementor-widget-wrap:before{
    clip-path: circle(400px at center);
    background: var(--content-background);
}
selector:hover .elementor-widget-image{
    right: -200px !important;
}
selector:hover .elementor-widget-image .elementor-widget-container{
    transform: scale(1);
}
selector .pepsi-text{
    opacity: 0;
    visibility: hiddin;
}
selector:hover .pepsi-text{
    opacity: 1;
    visibility: visible;
}
selector:hover .pepsi-text .elementor-widget-wrap{
    margin-left: 0px !important;
}
/*Responsive*/
@media (max-width: 767px) {
selector{
    height: var(--mobile-height);
}  
selector .elementor-widget-image .elementor-widget-container{
    transform: scale(1);
}
selector:hover .elementor-widget-image{
    right: 68px !important;
    top: var(--mob-top) !important;
}
selector:hover .pepsi-text .elementor-widget-wrap{
    margin-top: -265px !important;
}
}

HINWEIS: Wenn Sie diesen Abschnitt nicht haben, müssen Sie zu gehen Pro-Version von Elementor.

Wenn wir nun die Hintergrundfarbe aus dem Text entfernen wollen, wählen wir unsere Hauptspalte aus und deaktivieren im Reiter Stil die Hintergrundfarbe.

Zu diesem Zeitpunkt wird Ihre Animation normal im Browser ausgeführt.

Auch die Animation auf dem Tablet scheint perfekt zu sein

Mais sur smartphone, elle ne s’affiche pas normalement. Résolvons ce problème.

Lassen Sie uns den Browser anzeigen

Wählen Sie im Browser Abschnitt (stellen Sie sicher, dass Sie sich noch im Smartphone-Modus befinden) und senken Sie die Breite von 320

Wählen Sie dann die Hauptspalte und in deren Registerkarte avancé, setzen Sie alle inneren Ränder auf 25

Wählen Sie im Browser das Bild und in der Registerkarte aus StyleKlicken Sie auf PX de Breite und stelle es ein 180.

In der Registerkarte fortgeschritten du Bild-Widget, mach weiter Position, und wählen Sie absolute, In horizontaler Versatz eingeben 75 und in vertikale Verschiebung eingeben 236. Kurz gesagt, achten Sie darauf, Ihr Bild mit den verschiedenen Versätzen in der Mitte des Kreises zu zentrieren.

Sie können Ihre Animation jetzt auf verschiedenen Geräten in der Vorschau anzeigen.

Holen Sie sich Elementor Pro jetzt!!!

Fazit

So ! Das war es für diesen Artikel, der Ihnen zeigt, wie Sie eine Animation beim Hover erstellen bei Elementor. Wenn Sie Bedenken haben, wie Sie dorthin gelangen, würden wir uns freuen, von Ihnen im zu hören commentaires.

Sie können sich aber auch beraten unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung oder der eine auf Divi: das beste WordPress-Theme aller Zeiten.

Aber in der Zwischenzeit Teile diesen Artikel in deinen verschiedenen sozialen Netzwerken.

...

10 WordPress-Seitenersteller: Wie wählt man den besten für seine Bedürfnisse aus? (+ 7 beste WordPress-Themes)

von Marina | WordPress

Bei all diesen WordPress-Seitenerstellern da draußen kann es schwierig sein zu entscheiden, welcher Ihren Bedürfnissen entspricht oder Ihren Fähigkeiten entspricht. Es gibt noch andere Faktoren zu berücksichtigen, darunter die Auswahl der Anpassungswerkzeuge, die Kosten und die Benutzerfreundlichkeit. Heute werden wir die am häufigsten verwendeten Varianten beschreiben, ihre Vor- und Nachteile durchgehen und die entdecken WordPress-Themes  mit diesen Varianten am besten kompatibel.

Die 10 besten WordPress-Seitenersteller: Welcher ist Ihre Aufmerksamkeit wert? (+7 tolle WordPress-Themes)

Elementor-Seitengenerator

Elementor ist ein WordPress-Plugin zum Erstellen von Seiten per Drag-and-Drop. Im Vergleich zu gewöhnlichen Post- oder Seitenlayouts sehen die mit diesem Editor erstellten einzigartig und bemerkenswert aus. Im Allgemeinen ist dies einer der beliebtesten Bauherren. Es bietet einen kostenlosen Plan, der eine Vielzahl notwendiger Tools enthält. Was sind also diese wesentlichen Eigenschaften, die es von anderen Bauherren unterscheiden?

1. Die Benutzeroberfläche ist sehr einfach und bietet viele Komponenten zum Erstellen benutzerdefinierter Webseiten. Wenn Sie ein Webentwickler sind, steht es Ihnen auch frei, außergewöhnliche Websites mit komplizierten Designs für Ihre Kundschaft zu erstellen.
2. Mit den ausgeklügelten Funktionen von Elementor können Sie mühelos einen Online-Shop entwerfen und bestimmte Waren präsentieren. Mit dem WooCommerce-Builder können Sie eine Checkout-Seite, eine „Meine Konten“-Seite und eine Shop-Seite erstellen. Es bietet auch Funktionen, die einzigartige Produktseiten mit dynamischen Inhaltselementen ermöglichen.
3. Es gibt Tausende von Vorlagen und vorgefertigten Seiten für verschiedene Branchen, die verwendet werden können. Durchsuchen Sie die Bibliothek, die Blöcke, Seiten oder sogar ganze Websites bereit zum Importieren anbietet.
4. Das Erstellen von animierten Effekten mit Text und Grafiken sowie Mauseffekten ist nicht mehr schwierig. 
5. Sie können verschiedene Designs für mobile, Tablet- und Desktop-Plattformen entwickeln. Es ist auch möglich, bestimmte Komponenten auf einem bestimmten Gerät nicht anzuzeigen.

Elementor ist ein kostenloser WordPress-Site-Builder, aber es gibt auch Premium-Pläne, wenn Sie zusätzliche Funktionen benötigen.

Poket – Die beste Auswahl an WordPress-Themen für Unternehmen und Mehrzweck.

Poket ist eine flexible und multifunktionale Option, die zu den besten WordPress-Themes gehört. Es passt perfekt zu verschiedenen Unternehmen, darunter IT, Marketing, Beratung, Bildung, Startups und viele mehr. Mit dem Elementor-Seitenersteller können Sie einen reibungslosen Website-Erstellungsprozess genießen. Ziehen Sie die gewünschten Elemente einfach per Drag-and-Drop ohne Anstrengung. Sie werden bereit sein, mehr als 80 personalisierte Elemente zu genießen.

Andere Funktionen:

• Ein-Klick-Demo-Import;
• voll ansprechendes Design;
• zusätzliche Widgets;
• Über 100 Varianten moderner Demos;
• WooCommerce-Funktionalität.

Mehr Informationen | Demo | Kostenloser Download in MonsterONE

Gutenberg

Gutenberg ist ein weiterer WordPress-Editor, der in WordPress 5.0 eingeführt wurde. Sofern Sie ihn nicht manuell deaktivieren, ist dies der Standardeditor für alle WordPress-Websites. Gutenberg hat gemischte Kritiken von Webentwicklern erhalten, so dass sich viele Leute fragen, ob es sich lohnt, darauf umzusteigen. Lassen Sie uns die Hauptmerkmale überprüfen, um zu verstehen, was Sie von Gutenberg erwarten können.

1. Der Gutenberg-Editor verfolgt einen blockbasierten Ansatz und behandelt jedes Element, einschließlich Text und Bilder, als Blöcke.
2. Gutenberg unterteilt die Seite in Blöcke und bietet zusätzliche Optionen, um den Stil und die Funktionalität der Website zu ändern. Dazu gehören beispielsweise das Ändern der Farbe von Texten und das Hinzufügen von Fotos, Videos und Schaltflächen. Darüber hinaus können Sie Ihren Beiträgen und Seiten nach Bedarf Spalten, Einbettungen, In-Post-Widgets, Trennlinien und verschiedene andere Inhaltsformate hinzufügen.
3. Diese Blöcke werden verwendet, um komplexere Layouts zu erstellen. Es kann ein mehrspaltiges Design oder eine Gruppierung von Spalten sein, um einen einheitlichen Abschnitt zu bilden.
4. Anstatt ein einfacher Texteditor zu sein, strebt Project Gutenberg danach, ein vollständiger Website-Builder zu sein.
5. WordPress Gutenberg ist nicht nur für Inhaltsersteller, sondern auch für Plugin-Ersteller ein geeignetes Tool. Letztere müssen sich nicht auf Shortcodes verlassen (obwohl es möglich ist, welche zu entwickeln). Stattdessen können sie bestimmte Blöcke entwerfen, die Artikeln hinzugefügt werden können.

Der Gutenberg-Editor ist absolut kostenlos.

Techup - WordPress-Theme für IoT- und KI-Startups

Diese schön gestaltete Option eignet sich für mehrere Zwecke. Sie haben beispielsweise die Möglichkeit, über Projekte zur Entwicklung von künstlicher Intelligenz, Computer Vision und IoT-Infrastruktur zu sprechen. Es verfügt über den Gutenberg-Editor, der den Themenverwaltungsprozess vereinfacht. Es bietet ein vollständig ansprechendes Design, das die Benutzer auf allen modernen Geräten sehen können.

Andere Funktionen:

• Blog-Funktionalität;
• kompatibel mit Revolution Slider;
• Teammitgliederblock;
• Galerie;
• Google Maps.

Mehr Informationen | Demo | Kostenloser Download in MonsterONE

Divi-Erbauer

Divi Builder hat sich als einer der führenden WordPress-Seitenersteller etabliert. Seit seiner Konzeption im Jahr 2015 ist es bestrebt, das Erstellen von Websites so intuitiv wie möglich zu gestalten. Zunächst war es nur mit dem „Divi WordPress Theme“ von Elegant Themes kompatibel. Glücklicherweise hat sich das alles geändert, und Sie können jede sofort einsatzbereite WordPress-Lösung optimieren. Warum entscheiden sich so viele Menschen für Divi Builder?

1. Es enthält eine umfangreiche Bibliothek mit über 1 gebrauchsfertigen Layouts. Dies sind kompetente Designs, die den Anforderungen verschiedener Branchen gerecht werden.
2. Die Anpassung ist ebenfalls umfangreich und flexibel. Sie können jede seiner Komponenten ändern.
3. Es ermöglicht Ihnen, alle Komponenten der Website zu ändern. Sie können jede Komponente Ihrer Website steuern, von Formteilern und Typografie bis hin zu Textformatierung und Animationseffekten.
4. Es ist voll kompatibel mit WooCommerce. Mit Divi können Sie Ihr Unternehmen effizient und kostengünstig führen.
5. Es bietet Zugriff auf über 30 anpassbare Inhaltsmodule, die Sie in Zeilen und Spalten platzieren können. Sie können auch Text, Fotos, Videos, Countdowns, Preise, Karten und mehr hinzufügen.

Soziale Wohlfahrt – Nonprofit Divi Charity WordPress Theme

Mit diesem schönen Theme ist es möglich, eine voll funktionsfähige Wohltätigkeitsseite mit WordPress-Themes einzurichten. Es unterstützt Divi Builder, was bedeutet, dass Sie die Freiheit haben, den Inhalt nach Ihren Vorstellungen zu ändern. Vier Variationen von Homepages sind im Paket enthalten. Sie können jeden von ihnen mit einem einzigen Klick importieren und mit dem Hinzufügen der erforderlichen Informationen beginnen.

Andere Funktionen:

• Galerieseiten und Veranstaltungen;
• integrierter Blog;
• für Mobilgeräte optimiertes Design;
• Dropdown-Menü;
• Newsletter-Anmeldeformular.

Mehr Informationen | Demo | Kostenloser Download in MonsterONE

WPBakery Page Builder

WPBakery Page Builder, früher bekannt als Visual Composer Page Builder, ist einer der führenden WordPress-Builder. Kurz gesagt, es ist ein weiterer leistungsstarker Seitenersteller mit Front-End- und Back-End-Editoren, die als seine herausragenden Eigenschaften gelten. Sie können Ihre Website verwalten und das Layout per Drag-and-Drop erstellen. Welche anderen Funktionen, die Ihre Aufmerksamkeit verdienen, sind in dem Paket enthalten?

1. Sie kommen in den Genuss einer hervorragenden Online-Ausgabe, die Ihnen hilft, das Layout einer Website schnell und einfach zu ändern. Dank des bekanntesten WYSIWYG-Editors sehen Sie schnell, welche Änderungen und Anpassungen Sie am Layout vornehmen.
2. WPBakery ist ein Seitenersteller, der mit jeder Art von WordPress-Theme arbeiten kann. 
3. Es kümmert sich natürlich um die Reaktionsfähigkeit Ihrer Website, sodass Sie sich darüber keine Gedanken machen müssen.
4. Sie können Farben, Hintergründe, Füllungen und andere Elemente ändern. Mit anderen Worten, es gibt eine ganze Reihe weiterer Optionen, um die Identität Ihrer Website anzupassen.
5. WPBakery umfasst über 80 Komponenten. Dazu gehören eine Preistabelle, ein animierter Titel, eine Klappbox und andere WooCommerce-Komponenten.

Hazel – Minimalistisches und sauberes Mehrzweck-WordPress-Theme

Hazel ist ein weiteres Beispiel für die besten Mehrzweck-WordPress-Themen, die sich perfekt für verschiedene Aufgaben eignen. Das Paket enthält mehr als 12 Demos, mit denen Sie Ihre Inhalte im besten Licht präsentieren können. Die Kompatibilität mit WPBakery Page Builder erleichtert das Erstellen neuer Seiten und Layouts. Sie haben auch verschiedene Kopf- und Menüoptionen, über 60 Bauelemente und Shortcodes und jede Menge vorgefertigte Seiten.

Andere Funktionen:

• unbegrenzte Farben und Stile;
• mehrere Blog-Vorlagen und erweiterte Blogging-Optionen;
• sieben integrierte benutzerdefinierte Widgets;
• verschiedene Typografieoptionen;
• 320+ Schieberegler enthalten.

Mehr Informationen | Demo | Kostenloser Download in MonsterONE

Visual Composer

Visual Composer war einer der ersten verfügbaren Seitenersteller. Außerdem gibt es sie schon seit einer ziemlich langen und beeindruckenden Zeit. Dieses Plugin hingegen wurde mehrfach aktualisiert und verbessert, um seine Funktionalität zu verbessern. Insgesamt ist es ein erstklassiges visuelles Layout-Plugin, mit dem Sie sowohl einfache als auch komplexe Projekte erstellen können. Welche Funktionen machen es möglich?

1. Es verfügt über ein echtes Drag-and-Drop-Builder-Tool, mit dem jeder leicht lernen kann, wie man eine Website erstellt, insbesondere wenn es um Vorlagen und Inhaltsblöcke geht.
2. Es bietet eine realistische Darstellung des Aussehens der Website und stellt sicher, dass alle Aktualisierungen in einer Vorschau generiert und direkt vor Ihren Augen angezeigt werden.
3. Es bietet den Visual Composer Hub, einen Ort, an dem Sie alle möglichen Designkomponenten innerhalb des Editors finden und mit ihnen arbeiten können.
4. Der Popup-Builder ist eine einzigartige Funktion von Visual Composer, da nur wenige andere Seitenersteller über diese Leistungsfähigkeit verfügen. Pop-ups für Marketing, Benachrichtigungen und E-Mail-Formulare sind alle möglich.
5. Die API ermöglicht es Ihnen, Visual Composer auf verschiedene Weise zu verbessern. Sie erhalten eine Dokumentation, die Ihnen hilft, die Verwendung der API zu verstehen, sowie Platz zum Erstellen Ihrer eigenen Add-Ons.

Yogalife – WordPress-Theme für Yoga und Meditation

Diese minimalistische Option, die aus WordPress-Themes ausgewählt wurde, ist die beste Option, um Ihr Yoga- und Meditationszentrum zu präsentieren. Es bietet ein einfach anpassbares Design, das über den Visual Composer verfügbar sein wird. So können Sie Ihre Kreativität maximieren und eine unbegrenzte Anzahl von Layouts erzielen. Sie haben auch die Möglichkeit, aus fünf Header-Stilen zu wählen und ein einzigartiges Online-Projekt zu erhalten.

Andere Funktionen:

• Parallax-Effekt;
• Mega-Menü;
• Hintergrundvideo;
• Veranstaltungskalenderseite;
• Google Maps.

Mehr Informationen | Demo | Kostenloser Download in MonsterONE

Breeze Page Builder

Breeze Website Builder ist ein komplettes Content-Management-System, das für Agenturen und Unternehmen entwickelt wurde. Es bietet umfassende Optionen für die Entwicklung von Webanwendungen. Was meint er ?

1. Es ist einfach zu bedienen und enthält alle Tools, die zum Erstellen und Verwalten von Websites in einer logischen Struktur erforderlich sind.
2. Alle Tools sind verfügbar, ohne dass ein anderes Programm verwendet werden muss. Verwenden Sie einfach Ihren Browser.
3. Es ist so konzipiert, dass es schnell ist, was das Erstellen von Websites schneller und einfacher macht.
4. Entwickler können es an ihre Benutzerclients übergeben, damit diese ihre eigenen Websites verwalten können.
5. Es erzeugt sauberes und schönes HTML. Die Links sind für Suchroboter leicht zugänglich.

Vereinfacht – Mehrzweck-Business-WordPress-Thema

Wenn Sie für Ihr Unternehmen werben oder einen Blog starten möchten, gibt es viele WordPress-Themes, mit denen Sie arbeiten können. Dies ist definitiv einer von ihnen. Dank des Breeze Page Builder brauchen Sie nichts, um den Inhalt zu ändern und ein hervorragendes Projekt zu erhalten. Es bietet ein vollständig ansprechendes Design. Es ermöglicht Ihrem Publikum, sich unabhängig vom verwendeten Gadget mit Ihrer Website vertraut zu machen.

Andere Funktionen:

• Kontakt Formular ;
• kompatibel mit WooCommerce;
• Dropdown-Menü;
• Google Maps;
• Galeriefunktion.

Mehr Informationen | Demo | Kostenloser Download in MonsterONE

Beaver Builder

Beaver Builder ist ein WordPress-Seitenersteller, der bei Webentwicklern und Heimwerkern beliebt ist. Es erwarb in der Öffentlichkeit das Image eines sehr benutzerfreundlichen Editors mit sauberem Code und ständigen Updates. Infolgedessen hat es zu seiner Implementierung in über einer Million Online-Projekten geführt. Es ermöglicht Benutzern, originelle Webseiten zu erstellen, indem sie Elemente wie Text, Fotos, Logos und Videos ziehen und ablegen. Es ist an der Zeit, sich mit den anderen im Paket enthaltenen Funktionen vertraut zu machen.

1. Die visuelle Front-End-Bearbeitung zeigt Ihnen die Seite so, wie sie Ihren Zuschauern während der Arbeit angezeigt wird, was fantastisch ist.
2. Wenn Sie Seiten nicht von Grund auf neu erstellen möchten, verfügt Beaver Builder über eine Bibliothek mit vorgefertigten konfigurierbaren Vorlagen.
3. Sie können jede Seite, die Sie erstellt haben, speichern und ihr Layout für andere Informationen verwenden, ebenso wie jede Zeile, Spalte oder jedes Modul, das Sie hinzufügen.
4. Die von Ihnen ausgewählten und auf Ihrer Website positionierten Gestaltungselemente bestehen aus Blöcken (Inhaltselementen).
5. Sie können auch Artikel und benutzerdefinierte Beitragstypen bearbeiten. Darüber hinaus ist es mit den meisten WordPress-Themes kompatibel und lässt sich gut mit den meisten Plugins kombinieren, die Shortcodes und Widgets erstellen.

Getexcito – Woocommerce-Thema für Mode- und Miniseiten

Im Internet finden Sie eine Reihe von modebezogenen WordPress-Themes. Dies ist eine der minimalistisch aussehenden Optionen, die Ihnen ins Auge fallen könnten. Es ist ein vollständig anpassbares Thema, und Beaver Builder wird alles in seiner Macht Stehende tun, um Ihnen eine großartige Benutzererfahrung zu bieten. Sie können Kopf- und Fußzeilen ändern, was Ihr Online-Projekt attraktiver macht. Es gibt auch verschiedene Arten von Blogseiten, die Ihre Posts im bestmöglichen Licht präsentieren.

Andere Funktionen:

• Mega-Menü;
• fertig zur Übersetzung;
• Parallax-Effekt;
• kompatibel mit WooCommerce;
• Ein-Klick-Demo-Import.

Mehr Informationen | Demo | Kostenloser Download in MonsterONE

Themify Builder

Themify Page Builder ist eine Antwort für diejenigen, die die gesamte Website in einem visuellen Bereich erstellen müssen. Es ist in zwei Versionen erhältlich, kostenlos und Premium. Darüber hinaus enthält es eine Vielzahl von Drag-and-Drop-Inhaltsmodulen, die von Textfeldern bis hin zu Galerien reichen.

1. Im Backend können Sie Inhalte mit schlankeren Modulen und einem übersichtlicheren Arbeitsbereich bearbeiten. Sie können auch auf die Frontend-Vorschau zugreifen und Änderungen in Echtzeit vornehmen.
2. Es bietet auch die Möglichkeit, die gesamte Website mit vorgefertigten Themen und Inhaltsvorlagen zu erstellen. Da es sich um Mischungen aus verschiedenen Blöcken handelt, sind diese Komponenten deutlich ausgefeilter als normale Content-Module.
3. Eine separate Funktion ist die Möglichkeit, auszuwählen, wie und wann bestimmte Vorlagen auf Ihrer Website angezeigt werden sollen. Diese Art von Funktionalität ist normalerweise bei anderen Seitenerstellern nicht verfügbar.

Die Builder Pro-Mitgliedschaft umfasst Builder Pro und alle 25 Builder-Add-Ons. Es kostet Sie 69 $.

WP-Seitenersteller

Die Benutzeroberfläche des Plugins WP Page Builder ist benutzerfreundlicher als viele komplexe Seitenersteller auf dem Markt. Einige mögen es für zu einfach halten, aber wir denken, dass es eine fantastische, kompakte Option für Leute ist, die nicht mit Programmieren zu tun haben. Es eliminiert auch viele unnötige Funktionen, die die meisten Designer nicht verwenden würden. WP Page Builder ist vielleicht nicht jedermanns Sache, aber es lohnt sich, einen Blick darauf zu werfen.

1. Das Haupthighlight dieses Plugins ist der Drag-and-Drop-Builder. Es ist ein sauberer Builder mit Menüregisterkarten für Dinge wie Add-Ons, Blöcke und Layouts.
2. Sie können auch zuvor gespeicherte Designs in der Bibliothek behalten, falls Sie sie anderweitig verwenden möchten.
3. Es enthält auch über 60 Inhaltsblöcke. Mit ihnen können Sie Dinge wie Erfahrungsberichte, Teammitgliederabschnitte und Preistabellen hinzufügen.
4. Es ist auch möglich, Add-Ons (oder Blöcke) zu nutzen. Dies sind die grundlegenderen Inhaltselemente, die Sie in Ihr Design einfügen, um Schaltflächen, Formulare und Textrahmen zu erstellen.
5. WP Page Builder ermöglicht das Speichern einzelner Zeilen sowie ganzer Homepage-Designs.

WP Page Builder ist ein kostenloses WordPress-Plugin.

Brizy Page Builder

Brizy wird als kompromissloser Seitenersteller beworben und hat starke Argumente dafür, einer der wettbewerbsfähigsten, benutzerfreundlichsten und kostengünstigsten Seitenersteller der Branche zu sein. Die Untersuchung seiner Hauptmerkmale hilft zu verstehen, ob dies wahr ist oder nicht.

1. Die Benutzeroberfläche ist einfach mit nur wenigen Schaltflächen zur Auswahl. Sie können schnell Inhaltselemente zu einer Seite hinzufügen oder aus einer großen Sammlung gebrauchsfertiger Seitenlayouts auswählen.
2. Brizy verfügt über mehr als 4 Vektorsymbole, mit denen Sie Ihre Projekte aufpeppen können. Es verfügt auch über raffinierte, für Mobilgeräte optimierte Schaltflächen und Links zu Popup-Fenstern.
3. Ein weiterer Vorteil ist die Möglichkeit, Ihr Design auf einem Tablet oder Smartphone zu bearbeiten und zu überprüfen. Ändern Sie einfach die Vorschaugröße, um zu sehen, wie Ihre Website aussieht, wenn sie auf einem Tablet oder Smartphone angezeigt wird.
4. Es enthält Kontaktformular-Inhaltsmodule mit Bearbeitungsoptionen direkt über den Frontend-Builder.
5. Brizys allgemeine Blockaden sind ein weiterer Grund, sich für sie zu begeistern. Es steht Ihnen frei, jeden Block global zu machen oder ihn für zukünftige Projekte aufzubewahren.

Ein paar Worte zum Schluss

Um sich alle im Artikel erwähnten Informationen zu merken, können Sie die folgende Tabelle verwenden. Es beschreibt alle WordPress-Builder auf den Punkt gebracht. Übrigens ein Promo-Code „seemore7“ gibt 7 % Rabatt auf alle digitalen Produkte von TemplateMonster, darunter viele WordPress-Themes (wie z WordPress Elementor-Designs  und andere).

Danke, dass Sie uns lesen!