Das Streben der Menschen nach der Erstellung von Webseiten hat uns in eine neue Ära der Webseiten-Entwicklung geführt. Mit der Verfügbarkeit von robusten Tools zur Seitenerstellung macht die Erstellung von Webseiten nun viel mehr Spaß (insbesondere für Nicht-Entwickler). Die Vielzahl der Tools und Plugins, die dir zur Verfügung stehen, ist riesig, wenn du versuchst, Webseiten mit WordPress zu erstellen. Heute erkunden wir ein neues Tool, den WP Page Builder. Wenn du die gleichen alten Plugins für den Seitenaufbau leid bist, solltest du dieses ausprobieren.

Mit vielen Designelementen, Add-Ons, Funktionalitäten wie gerätespezifischen, responsive Bedienelementen, Export-/Importoptionen, Padding-Anpassung und vor allem einem Drag & Drop-Echtzeit-Frontend-Bearbeitungssystem bietet WP Page Builder alles, was eine vollwertige Webseite ausmacht. Es handelt sich um ein All-in-One-WordPress-Plugin für deine Webseiten-Entwicklungsanforderungen.

Es ist ein kostenloses WordPress Page Builder-Plugin, mit dem man wie ein Profi schöne Webseiten erstellen kann.

Was ist so Besonders am WP Page Builder?

Fragst du dich, was den WP Page Builder so besonders macht? Ich würde sagen, was nicht? Er wurde von dem Team Themeum entwickelt, das seit 2013 WordPress-Themes erstellt. Wie bereits erwähnt, ist das Plugin ein vollständiges Paket von wesentlichen Elementen zur Erstellung von Webseiten mit allen modernen Funktionen, die man von einem Page Builder-Plugin erwartet. Schauen wir uns unten alle interessanten Funktionen an, die der WP Page Builder enthält.

1. Drag & Drop Webseitenbau

WP Page Builder bietet ein Drag & Drop-System zur Erstellung von Webseiten. Man kann auf einfache Weise alles wie Text, Schaltflächen, Symbole oder andere Elemente zu jeder Seite hinzufügen. Man muss nur das jeweilige Add-on auf die gewünschte Stelle ziehen und dort ablegen, wo man es haben möchte. Alles geschieht vor deinen Augen und du hast die vollständige Kontrolle über alles.

Drag & Drop Webseitenbau
Drag & Drop Webseitenbau

2. Schnelle, Echtzeit Front-End Bearbeitung

Das Plugin ist unglaublich schnell und überaus intuitiv. Es ist außerdem sehr leicht und benötigt bemerkenswert weniger Zeit als alle anderen ähnlichen Tools, um eine beeindruckende und funktionelle Webseite zu erstellen. Es wird die Art und Weise verändern, wie man Webseiten in WordPress erstellt. Es gibt bereits viele fertige Elemente im Inneren. Man muss nur wissen, wie man sie benutzt. Da es mit den neuesten Technologien erstellt wurde, hilft dir dieses Tool, deine Webseite in wenigen Minuten fertig zu stellen.

Wenn man nicht weiß, wie man Code schreibt, aber dennoch Webseiten erstellen möchte, ist WP Page Builder das richtige Tools für dich. Man muss keinen Code schreiben, um Funktionalität oder Design zu den Webseiten hinzuzufügen. Die umfangreichen Webseiten-Elemente von WP Page Builder und die Drag-and-Drop-Funktionalität erledigen die Arbeit für dich.

Das Erstellen einer neuen Seite und deren anschließende Bearbeitung mit WP Page Builder ist unglaublich einfach. Du kannst beim Erstellen der Seite wählen, welches Layout die Seite erhalten soll. Einmal ausgewählt, genügt ein Klick auf „Editieren mit WP Page Builder“, um die Seite zu bearbeiten. Du kannst die Anzahl der Spalten auswählen und damit beginnen, Elemente auf diese zu ziehen.

Genieße eine neue Erfahrung im Bereich der Seitenerstellung mit den modernsten Ressourcen im Inneren. Erstelle schöne Webseiten auf einer modernen und ansprechenden Benutzeroberfläche.

3. 30+ Add-Ons und mehr

Entwerft eure Webseite mit Elementen wie Texten, Bildern, Symbolen, Schaltflächen und mehr. WP Page Builder bietet eine Vielzahl von Add-Ons, mit denen du deine Webseite vollständig ausstatten und gestalten kannst. Ziehe die Add-ons per Drag & Drop auf die Webseite und ändere dann das Aussehen nach deinen Wünschen.

WP Page Builder Add-Ons
WP Page Builder Add-Ons

Hier sind einige der beeindruckenden Add-ons enthalten:

  • Formular: Erstelle mühelos Webformulare. Damit lassen sich die Formulare bequem nach deinen Wünschen gestalten. Das Formular Add-On selbst kann jede Art von Formular einrichten, ohne dass ein Plug-In installiert werden muss. Außerdem kannst du Formular-Plugins verwalten und reCAPTCHA mit einem einfachen Klick aktivieren. Es gibt auch ein Add-on für Contact Form 7, wenn du dies bevorzugst.
  • Karussell: Es ist schwer, ein fortgeschrittenes Add-on wie ein Karussell in einem kostenlosen Page Builder-Plugin zu finden, aber mit WP Page Builder lässt sich ein atemberaubender Hero Slider erstellen, ohne dass man dafür bezahlen muss.
  • Post-Grid: Zeige Blog-Posts in einem Raster an, das die Anzahl der Posts und das Aussehen definiert.
  • Feature-Box: Verwende das Feature Box-Add-on, um die Funktionen von Produkten auf deiner Webseite anzuzeigen.
  • Accordion: Brauchst du einen zusammenklappbaren Textinhalt auf deiner Webseite? Verwende das WP Page Builder’s Accordion Add-on und ändere den Stil nach deinen Wünschen.
  • Personen-Karussell: Neben der individuellen Anzeige von Profilen und Testimonials kann man diese auch in Karussells präsentieren. Die Add-Ons Personenkarussell und Testimonial-Karussell erledigen dies für dich.
  • Preistabelle: Für Dienstleistungen, die du anbietest oder Produkte, die du verkaufst, brauchst du wahrscheinlich Preistabellen. Verwende das Add-on Preistabelle in WP Page Builder, um Preistabellen einfach einzurichten.
  • Flip-Box: Stelle eine Flip-Box mit Logo, Titel, Text und Schaltflächen zusammen und ändere die Flip-Optionen und den Stil, um das gewünschte Aussehen zu erzielen.
  • Pie Progress: Platziere ein Pie Progress-Element auf deiner Webseite mit dem Pie Progress-Add-on.
  • Testimonial: Zeige überall auf der Webseite, was die Leute über dein Unternehmen denken.
  • Animierte Zahl: Verwende dieses Add-On, um animierte Zahlen für bessere Statistik-Präsentationen anzuzeigen.
  • Schaltfläche für soziale Kontakte: Verlinke mit verschiedenen Schaltflächen auf deiner Webseite zu Social-Media-Profilen.
  • SoundCloud: Füge Audiobits aus SoundCloud hinzu.

4. Gerätespezifische Steuerung

Du kannst bestimmen, wie deine Webseite auf unterschiedlich großen Geräten aussieht. Mit dem gerätespezifischen System zur Steuerung der Responsiveness in WP Page Builder lässt sich die Webseite leicht für Desktops, Tablets und Mobiltelefone anpassen und optimieren.

WP Page Builder Responsive
WP Page Builder Responsive

Der Prozess, Webseiten mit nur einer einzigen Einheit (Pixel) responsive zu machen, macht einen Seitenersteller nicht gerade schlau. WP Page Builder führt mehrere Einheiten ein. Neben den Pixeln kann auch der Breakpoint mit rem und Prozenteinheiten bestimmt werden. Man kann die Elementgrößen ändern und sogar bestimmte Elemente für bestimmte Geräte ein- und ausblenden.

WP Page Builder reagiert auf Breakpoints
WP Page Builder reagiert auf Breakpoints

5. Viele Vorgefertigte Layouts

Unabhängig von der Art der Website, die man erstellen möchte, bietet eine große Auswahl an vordefinierten Vorlagen innerhalb von WP Page Builder die passende Lösung. Wähle ein beliebiges Layout, das am besten zu deinem Thema passt, passe es an deine Inhalte an und starte eine komplette Webseite in wenigen Minuten.

WP Page Builder vorgefertigte Layouts
WP Page Builder vorgefertigte Layouts

Diese fertigen Layouts werden in Form von Layout-Paketen geliefert. Die beliebtesten Layout-Pakete sind:

  1. Business: Für jede Art von Business-Webseiten. Unternehmen oder Firmen, die Portfolios, Profile und Dienstleistungen präsentieren müssen, können die Vorteile dieses Layoutpakets am besten nutzen. Die verfügbaren Seiten in diesem Paket umfassen: Startseite, Über uns, Team, Portfolio, Preise, Kontakt und Dienstleistungen.
  2. Versicherung: Perfekt für alle finanzbezogenen Unternehmen, Firmen oder Agenturen, die Versicherungsdienstleistungen anbieten. Das Paket wird mit drei integrierten Seiten geliefert, nämlich Startseite, Informationen und Dienstleistungen.
  3. Spa: Für Kosmetiksalons, Schönheitssalons, Friseur- und Nagelsalons, Frisörsalons und alle anderen ähnlichen Unternehmenswebseiten. Derzeit umfasst das Spa-Paket drei Seiten: Startseite, Angebot und Pakete.
  4. Klempner: Für verschiedene Dienstleistungen wie Klempnerei, Malerei, Tischlerei, Handwerker, Hauswirtschaft, Haushaltsreinigung und Reparatur von Versorgungsunternehmen. Die Seiten umfassen: Home, Über uns und Dienstleistungen.
  5. Architektur: Für Heimdekoration, architektonisches Design und andere relevante Unternehmensfirmen. Die integrierten Seiten umfassen: Home, Über uns und Dienstleistungen.
  6. Rechtsanwalt: Für Anwälte, Einzelpersonen und Anwaltskanzleien, die Dienstleistungen im Zusammenhang mit dem Recht anbieten. Die verfügbaren Seiten umfassen: Startseite, Über uns, Mitteilungen, Kontakt und Dienstleistungen.
  7. Salon: Für jeden Friseursalon, Nagelstudio, Frisörsalon und andere relevante Business-Webseiten. Die vorgefertigten Seiten umfassen: Startseite, Über uns und Showcase.
  8. Layouts von Drittanbietern: Weitere Seitenlayouts gibt es im Abschnitt WP Page Builder’s Layouts. Erstelle ein Plugin, das deine Seitenlayouts enthält. Installiere und aktiviere dieses Plugin, um sie verwenden zu können. Das Erstellen von Webseiten mit deinen eigenen Seitenlayouts ist nun Realität.

Es gibt viele andere professionelle Seitenlayouts innerhalb von WP Page Builder. Die Auswahl des richtigen Layouts wird durch verschiedene Kategorien erleichtert. Und das Beste daran ist, dass die meisten von ihnen völlig kostenlos sind.

6. Vorgefertigte Blöcke

WP Page Builder bietet eine Menge gebrauchsfertiger Design-Blöcke, die den Entwicklungsprozess deiner Webseite viel schneller und einfacher machen.

Du kannst die Blöcke per Drag & Drop auf jede beliebige Seite ziehen und erhältst so das Design. Der gesamte Prozess ist im Handumdrehen abgeschlossen. Wie alle anderen Abschnitte auf der Seite kann man auch das Erscheinungsbild des Blocks verändern. Es gibt eine Schaltfläche „Block anzeigen“ auf jedem Block, um zu überprüfen, wie sie auf der Live-Site aussehen.

WP Page Builder Blöcke
WP Page Builder Blöcke

Die Blöcke sind in verschiedene Kategorien eingeteilt. Finde sie mit den richtigen Suchbegriffen. Die verfügbaren Kategorien sind:

Feature: Verwende diese Blöcke, um die Merkmale deines Unternehmens, deiner Produkte und Dienstleistungen, die du auf deiner Webseite anbietest, zu präsentieren. Es stehen viele verschiedene Designs zur Auswahl. Wähle dasjenige aus, das zu deinem Design passt.

WP Page Builder Feature Blöcke
WP Page Builder Feature Blöcke

Testimonial: Musst du Kunden-Feedback über deine Webseite weitergeben? WP Page Builder’s Testimonial-Blöcke sind in diesem Fall sehr nützlich. Du kannst dein gewünschtes Design auswählen, einschließlich dieser Variationen: Hell, dunkel, Dias, Gitternetz-Stil.

Team: Zeige deine Teammitglieder auf professionelle Weise mit den fertigen Elementen von WP Page Builder. Die verfügbaren Blöcke haben mehrere Designvariationen mit unterschiedlichen Effekten und Verhaltensweisen. Jeder Block hat Namen, Bezeichnungen und soziale Kontakte für die Teammitglieder in verschiedenen Stilen.

WP Page Builder Team Block
WP Page Builder Team Block

Call-to-action: Willst du, dass deine Besucher bestimmte Aktionen auf der Webseite durchführen? Nutze den Call-to-action Block. Du kannst einen Call-to-action-Button mit verschiedenen Bildern und Texten haben, um die Besucher zum Anklicken zu animieren.

Preistabelle: Hast du Preistabellen für deine Produkte und Dienstleistungen? Die Blöcke haben mehrere eingebaute Preistabellen mit Funktionen. In einigen davon lassen sich auch die Preispläne hervorheben.

Inhalt: Wunderschön gestaltete Inhaltsabschnitte werden als vorgefertigte Blöcke in WP Page Builder geliefert. Verwende jeden beliebigen Inhaltsblock, der dir gefällt, für deine Webseite.

WP Page Builder Content Block
WP Page Builder Content Block

Blöcke von Dritten: Wenn man über all diese eingebauten Blöcke hinaus Blöcke nach eigener Wahl verwenden möchte, kann man das mit WP Page Builder sicher tun. Das Tool unterstützt Blöcke von Drittanbietern.

Es kommen noch viele weitere Blöcke hinzu, das Team hinter WP Page Builder ist sehr daran interessiert, es zu verbessern.

7. Tonnen von Grundlegenden Icons

Beim Aufbau einer Webseite spielen Icons eine zentrale Rolle. Neben dem Design braucht man sie, um den Inhalt hervorzuheben oder zu differenzieren. WP Page Builder verfügt über eine reichhaltige Sammlung von Icons, die diesem Bedarf gerecht werden.

WP Page Builder Icon Font
WP Page Builder Icon Font
  • Font Awesome: >In diesem WordPress-Tool für die Seitenerstellung befinden sich über 670 Symbole für Font Awesome. >Du kannst sie einfach überall auf jedem Inhalt deiner Webseite verwenden.
  • WPPB-Icons: >Neben den Font Awesome-Symbolen gibt es auch 340+ WPPB-Icons, die du auf deiner Webseiten verwenden kannst.

Mit dem WP Page Builder lassen sich die Schriftarten deiner Webseite bearbeiten und die Farben ändern.

8. Benutzerfreundlich Gebaut

Jeder, der WordPress kennt, sollte es mit WP Page Builder ziemlich leicht haben. Das Plugin bringt eine äußerst vielseitige Benutzererfahrung auf einer wunderbaren Schnittstelle, die dem Standard-Ökosystem von WordPress sehr ähnlich ist. Das Tool ist selbst für diejenigen, die WordPress vielleicht zum ersten Mal benutzen, mühelos zu bedienen.

Das WP Page Builder-Plugin wurde für alle Benutzer von WordPress entwickelt und verfügt über umfassende Funktionen. Es ist von Profis inspiriert und entwickelt worden, aber es ist für jeden gedacht.

9. Bibliothek zum Speichern deiner eigenen Blöcke

Du kannst einen zuvor gestalteten Abschnitt auf verschiedenen Seiten deiner Webseite leicht wiederverwenden. Das Bibliothekssystem in WP Page Builder ermöglicht es dir, deine eigenen Design-Blöcke zu speichern. Speichere sie nur einmal in der Bibliothek, und du kannst sie dann so oft wiederverwenden, wie du willst.

WP Page Builder Bibliothek
WP Page Builder Bibliothek

Es ist deine eigene Bibliothek. Nachdem du einen Inhaltsabschnitt in einer Reihe erstellt hast, fahre mit der Maus über die Zeile und klicke auf das Symbol „Zeile speichern“. Gib der Zeile einen Namen und klicke auf die Schaltfläche „Speichern“. Die Zeile wird ganz unten in der Bibliothek gespeichert. Ja, so einfach ist das.

10. Einfacher und Flexibler Baumechanismus

WP Page Builder bietet eine Vielzahl von Funktionen, mit denen man leicht und schnell eine Webseite entwickeln kann. Elemente auf der Webseite bieten Möglichkeiten zum Bearbeiten, Duplizieren, Löschen und andere Anpassungsoptionen, während man im Bearbeitungsmodus darüber schwebt. Hier sind einige der aufregenden Entwicklungsvorteile, die dieser Page Builder bietet.

  • Erstelle Strukturen mit mehreren Zeilen und Spalten

Mit WP Page Builder ist das Erstellen einer Zeile und das Bestimmen der Anzahl der Spalten in dieser Zeile nur einen Klick entfernt. Wenn man auf „Zeile hinzufügen“ klickt, erscheint ein Fenster mit der Anzahl der Spalten. Wähle einfach die gewünschte Anzahl aus. Das war’s schon!

  • Dupliziere ein beliebiges Element mit einem Klick

Wenn man einmal einen Abschnitt, sei es eine Spalte oder eine Zeile, erstellt hat, muss man ihn nicht mehr neu anlegen. Du kannst ihn mit einem einzigen Klick duplizieren. Suche das Symbol „Duplizieren“ auf dem Panel der Anpassungsoptionen und klicke darauf. Du kannst buchstäblich alles auf einer Seite duplizieren.

WP Page Builder Inhalte duplizieren
WP Page Builder Inhalte duplizieren
  • Horizontaler Abstand bearbeiten

Das Anpassen von Abständen zwischen den Spalten ist mit der WP Page Builder-Gutter viel einfacher. Unabhängig von der Anzahl der Spalten in einer einzelnen Zeile lässt sich der Abstand zwischen den Spalten leicht bestimmen. Ziehe den Gutter auf der linken Seitenleiste, um den horizontalen Abstand der Spalten mit ihrer Höhe und Breite anzupassen.

  • Exportieren, Importieren und Löschen des Seiteninhalts

Mit WP Page Builder kann man die mit ihm erstellten Seiten exportieren. Es können auch Seiten von außerhalb importiert werden. Es gibt ein Menü namens „Tools“ in der linken Seitenleiste, mit dem man einen Seiteninhalt mit drei verschiedenen Unterwerkzeugen exportieren, importieren und löschen kann.

WP Page Builder Import und Export
WP Page Builder Import und Export
  • Flexible Anpassung der Paddings durch Ziehen

Willst du das Inhaltspadding flexibel einstellen? Du kannst buchstäblich damit spielen. Stelle das Padding durch Ziehen ein. Die Padding-Einheit wird auch in Pixel (px) angezeigt. Alle Elemente (Addons, Blöcke, Seitenvorlagen, Zeilen und Spalten) erhalten standardmäßig etwas Padding, aber man kann es leicht anpassen.

  • Unbegrenzte Rückgängig-/Wiederherstellungsoptionen

Es spielt keine Rolle, ob du aus Versehen etwas gelöscht hast. Es gibt unbegrenzte Rückgängig-/Wiederherstellungsoptionen, um diese Aktionen rückgängig zu machen. Also, keine Sorge. Die Rückgängig- und Wiederherstellungs-Buttons bleiben unten auf der Seite. Wenn man eine Seite mit WP Page Builder bearbeitet, stehen diese Schaltflächen immer zur Verfügung, um Maßnahmen zu ergreifen.

  • Benutzerdefiniertes CSS hinzufügen

Willst du über die bestehenden Anpassungsoptionen von WP Page Builder hinausgehen? Ja, es steht dir frei, dies zu tun. Es gibt ein System zum Hinzufügen von benutzerdefiniertem CSS zu jedem Element, das du auf der Seite hast. Du brauchst nur zur Option Erweitertes Styling zu gehen und dann CSS hinzuzufügen. Du kannst auch ids & Klassen aufrufen und bei Bedarf einen z-Index für alle Elemente definieren.

Unterstützung für WordPress Widgets

Obwohl derartige fortgeschrittene Elemente enthalten sind, empfiehlt es sich vielleicht, WordPress Widgets beim Aufbau der Webseite zu verwenden. Die Standardwidgets werden direkt nach den Add-Ons angezeigt. Diese können überall auf der Seite verwendet werden. Wie die Add-Ons können auch die Widgets per Drag & Drop verschoben werden.

Support für Entwickler (eigene Add-Ons erstellen)

Neben mehr als 30 Addons, mit denen man Seiten mit vielseitigen Seitenelementen erstellen kann, können Entwickler, die ihre eigenen Addons für zusätzliche Funktionen/Designs verwenden möchten, dies natürlich auch tun. Entwickler können ihre benutzerdefinierten Blöcke und Layouts problemlos in WP Page Builder hinzufügen. In der Entwicklerdokumentation des Plugins stehen Richtlinien zur Verfügung.

Zusammenfassung

Wenn der WP Page Builder auf deiner WordPress-Seite installiert ist, kannst du jede beliebige Webseite erstellen, ohne dir Sorgen um die Responsiveness machen zu müssen oder eine einzige Zeile Code zu schreiben. Der Prozess ist vollständig Drag & Drop. Vielleicht hast du in der Vergangenheit schon andere Seitenersteller verwendet, aber ich ermutige dich, diesen auszuprobieren! Wenn du ein Kinsta-Kunde bist, installiere es auf deiner Staging-Webseite und spiele damit herum, ohne dir Sorgen zu machen, dass etwas kaputt geht. Du kannst ihn kostenlos aus dem WordPress-Repository herunterladen.

Hast du den WP Page Builder bereits benutzt? Wenn ja, was waren deine Eindrücke? Hinterlasse sie unten in den Kommentaren.