So verwenden Sie den Oxygen Page Builder mit WordPress im Jahr 2021 [Einfache Anleitung]

Während die Bearbeitung von Websites früher untrennbar mit Programmieren und technischen Köpfen verbunden war, haben Tools wie der Oxygen Page Builder das Spiel verändert. Oxygen ermöglicht es dem Benutzer, seine gesamte Website mit intelligenten Funktionen zu bearbeiten, ohne sich mit einer einzigen Codezeile zu beschäftigen.

Mit Oxygen können Nicht-Programmierer Websites entwickeln und erstellen, indem sie alle Designhürden beseitigen. Der Prozess ist selbst für Anfänger einfach und nahtlos und die Designs sind kreativ und clever. Kein Wunder, dass der Oxygen Page Builder bereits zur ersten Wahl vieler Designer weltweit geworden ist.

Was ist Oxygen Page Builder?

Der Oxygen Builder ist nicht auf die Definition eines Page Builders oder eines Theme Builders beschränkt. Es sollte als hybrides Tool betrachtet werden, das dem Benutzer die maximale kreative Kontrolle über seine Website ermöglicht.

Jeder Benutzer mit begrenzten technischen Kenntnissen kann den Oxygen Builder verwenden, um seine Websites vollständig anzupassen. Es ist eine beliebte Option bei Benutzern, die auf die Komplexität von Codierung und Seitenerstellung verzichten.

Warum sollten Sie den Oxygen Page Builder verwenden?

Der Oxygen Builder ist ein vertrauenswürdiges Tool, das den Website-Erstellungsprozess erleichtert und im Alleingang benutzerdefinierte Änderungen an den Websites durch einfache Drag-and-Drop-Bearbeitungstechniken vornimmt. Es kombiniert Flexibilität mit Zugänglichkeit, damit Benutzer komplexe Websites erstellen können, ohne Dutzende von Plugins zu verwenden.

Die Leute verwenden den Oxygen Page Builder, weil er ihnen die volle Kontrolle über ihren WooCommerce-Shop und ihre WordPress-Website gibt. Mit diesem Page Builder erstellte Websites bieten ein bearbeitbares Backend und ein schnell ladendes Frontend, eine traumhafte Kombination für jeden Entwickler oder Website-Ersteller.

Lassen Sie uns ohne weiteres loslegen, um die erstaunlichen Funktionen des Oxygen-Seitenerstellers aufzudecken, die einfachen Installationsschritte durchzugehen, die Preispläne zu überprüfen und ein letztes Wort über seine Verwendung und Funktionen zu sagen.

6 herausragende Funktionen – Oxygen Page Builder

Der Oxygen Page Builder bietet revolutionäre Funktionen, mit denen Benutzer ihr Website-Design anpassen und ein wahres Spiegelbild ihrer Marke anzeigen können. Werfen wir im nächsten Abschnitt einen Blick auf die bemerkenswertesten Funktionen.

Visuelle Bearbeitung

Der Oxygen Page Builder bietet unübertroffene visuelle Bearbeitungsfunktionen. Auf die visuelle Site-Builder-Oberfläche kann zugegriffen werden, indem Sie im Menü Vorlagen auf die Schaltfläche Mit Oxygen bearbeiten klicken.

Der Page Builder ermöglicht es den Benutzern, entweder die leere Installation zu wählen oder mit einem vorgefertigten Design zu beginnen. Benutzer können alle Designelemente auf ihrer Seite, die derselben CSS-Klasse angehören, auf einmal bearbeiten, eine seltene Funktion bei anderen Site-Buildern.

Das Struktur-Panel, das im rechten Seitenleisten-Panel erscheint, lässt den Benutzer jederzeit die Struktur seiner HTML-Elemente sehen und ermöglicht die Echtzeit-Bearbeitung durch Ziehen und Ablegen der Elemente im visuellen Editor.

Leistungsstarke Layout-Steuerelemente

Oxygen bietet seinen Benutzern einfach zu bedienende Layout-Steuerelemente. Im Gegensatz zu anderen Seitenerstellern müssen Sie keine Spalten verwenden. Verwenden Sie einfach die Flexbox-Layout-Engine, um Elemente einfach auszurichten und zwischen den vertikalen und horizontalen Layouts zu wechseln.

Außerdem bietet Oxygen eine einfache Anpassung des Abstands und der Größe durch einfaches Ziehen der Seiten eines Elements für den Benutzer.

Gutenberg-Integration

Gutenberg verändert das Bearbeitungserlebnis, indem es Ihren Site-Seiten Flexibilität und Medien hinzufügt. Sauerstoff macht die Gutenberg-Integration möglich. Sie können Gutenberg-Blöcke ohne Codierungskomplexität erstellen, indem Sie eine einfache Drag-and-Drop-Lösung verwenden.

Was auch immer Sie auf Oxygen entwerfen, kann als Gutenberg-Block verwendet werden. So können Sie Blöcke hinzufügen, Bilder, Text und Link-URLs anpassen. Die Möglichkeit, ein benutzerdefiniertes Gutenberg-Blocklayout zu erstellen, unterscheidet Oxygen von seinen Mitbewerbern. Sie können diese Blöcke auch auf anderen Websites über das Import-/Export-Tool wiederverwenden.

Code-Sauberkeit

Code-Sauberkeit ist ein weiteres Merkmal, das Oxygen von seinen Mitbewerbern unterscheidet. Da Oxygen Ihr bestehendes WordPress-Theme überholt, verringert sich auch die Codekomplexität und gewährleistet die Codesauberkeit für eine einfache Verwaltung.

Im Vergleich zu seinem größten Konkurrenten Elementor (ein großer Name in der Welt der WordPress-Seitenersteller) bietet Oxygen eine sehr präzise HTML-Codierungsausgabe. Oxygen kann eine einzelne Codezeile anzeigen, die Elementor in einem Codeblock anzeigen kann. Weniger Codezeilen sorgen für schnelle Ladezeiten, einfache Indexierung und insgesamt bessere Ergebnisse.

Header-Generator

Mit dem Header Builder von Oxygen können Sie attraktive, auffällige Header erstellen. Die Gestaltungselemente können Sie per Drag-and-Drop in Ihre Kopfzeilen einfügen und diese mit Spezialeffekten und Layouts verschönern.

Mit den reaktionsschnellen Steuerelementen können Sie die Kopfzeilen so anpassen, dass sie auf allen Geräten gut aussehen. Sie können auch den Oxygen-Builder verwenden, um Sticky-Header zu verwenden und sie als CTAs für Ihre Site-Seiten zu verwenden.

Dynamische Datenfunktionalität

Die Oxygen Dynamic Data-Funktion ermöglicht es den Benutzern, die Designelemente mit den Daten Ihrer WordPress-Datenbank zu verknüpfen. Alles, was in Ihrer WordPress-Datenbank vorhanden ist, kann in Ihr Design eingefügt werden. Es ermöglicht Ihnen auch, Ihre Designeinstellungen und CSS, die über Oxygen erstellt wurden, zu importieren und zu exportieren.

Der Hauptvorteil der Funktion „Dynamische Daten“ besteht darin, dass Sie die Daten direkt importieren können, ohne die Archive herunterzuladen. Dynamische Daten umfassen Folgendes:

• Inhalt posten
• Beschreibungen
• Media-Dateien
• Beitragstitel, Autor usw.

So installieren Sie den Oxygen Page Builder

Oxygen ist ein Premium-Seitenersteller mit leistungsstarken Funktionen und umfangreichen Funktionen. Es ist nicht im WordPress-Repository verfügbar; Daher müssen Sie zuerst die Lizenz erwerben und sie dann manuell in die WordPress-Plugin-Liste hochladen.

Für dieses Tutorial gehe ich davon aus, dass Sie bereits über eine Oxygen Page Builder-Lizenz verfügen. Wenn Sie dies nicht tun, können Sie ihre offizielle Seite besuchen und sie sofort kaufen.

Also ohne weiteres loslegen!

Die Installation des Oxygen Page Builders ist ein Kinderspiel. Alles, was Sie tun müssen, ist zu WordPress-Dashboard > Plugins > Neu hinzufügen > Plugin hochladen > Datei auswählen zu navigieren und die Zip-Datei des Oxygen Page Builder auszuwählen, die Sie von der offiziellen Seite heruntergeladen haben. Klicken Sie nach dem Hochladen des Plugins auf Jetzt installieren und Plugin aktivieren .

Nach der Aktivierung des Plugins werden Sie in einem Popup-Willkommensbildschirm aufgefordert, Ihren Oxygen-Installationstyp auszuwählen.

Der Oxygen Page Builder bietet vorgefertigte Websites, auf denen Sie einfach Demo-Inhalte und Designs aus seiner Bibliothek importieren können. Darüber hinaus bietet es auch eine leere Installation mit einem einfachen Website-Layout und -Design.

Voraussetzungen für den Oxygen Page Builder

Die ersten Schritte mit dem Oxygen Page Builder erfordern einige Voraussetzungen für eine reibungslose Seitenerstellung:

Beachten Sie, dass PHP 8 von Oxygen Page Builder noch nicht unterstützt wird. Die oben genannten Anforderungen hängen von Ihrem Hosting-Provider ab, stellen Sie also sicher, dass er die neuesten Versionen auf seinen Servern und Plattformen hat. Cloudways bietet die neuesten und stabilen WordPress-, PHP- und MariaDB-Versionen für eine nahtlose Bearbeitung von Oxygen-Seiten.

Oxygen Page Builder Leistungsbenchmarks

Der Oxygen Page Builder hat während des gesamten Geschwindigkeitstestprozesses gut abgeschnitten und sich als einer der schnellsten verfügbaren Page Builder erwiesen.

Die Benchmark-Ergebnisse werden wie folgt geteilt:

Cloudways-Serverkonfigurationen

Anwendungskonfigurationen

Installierte Plugins

Darüber hinaus haben wir Website-Demo-Inhalte erstellt und zahlreiche Bilder hinzugefügt, um reale Szenarien zu emulieren.

GTmetrix-Leistungsanalyse:

https://gtmetrix.com/reports/wordpress-635160-2066150.cloudwaysapps.com/AXkCR1eG/

• Leistung: 100%
• Struktur: 95%
• LCP: 323 ms
• TBT: 0ms
• CLS: 0

Pingdom-Leistungsanalyse:

https://tools.pingdom.com/#5eba5748a0400000

• Leistungsklasse: 92
• Seitengröße: 2.0 MB
• Ladezeit: 277ms
• Anfragen: 32

PageSpeed ​​Insight Leistungsanalyse:

https://prnt.sc/1gragu8

• Gesamtnote: 92
• FCP: 0,8s
• Geschwindigkeitsindex: 1,4s
• LCP: 1,6s
• TTI: 0,8s
• TBT: 0ms
• CLS: 0,015

Preise für Sauerstoff

Im Gegensatz zu anderen Seitenerstellern erfordert Oxygen kein monatliches oder jährliches Abonnement, sondern eine einmalige Zahlung und lässt Sie seine Vorteile ein Leben lang genießen . Oxygen hat seinen Preisplan in vier Pakete unterteilt, die im Folgenden näher beschrieben werden:

1) Grundlegend

• Kostet eine einmalige Zahlung von $129
• Flexibler und leistungsstarker visueller Builder für WordPress
• 60 Tage Geld-zurück-Garantie

2) WooCommerce

• Kostet eine einmalige Zahlung von 169 $
• WooCommerce-Integration
• Verwenden Sie es zum visuellen Erstellen von Websites und WooCommerce-Shops
• 60 Tage Geld-zurück-Garantie

3) Agentur

• Kostet eine einmalige Zahlung von 199 US-Dollar
• WooCommerce-Integration
• Gutenberg-Blockbauer
• Vereinfachte Client-Benutzeroberfläche
• 60 Tage Geld-zurück-Garantie

4) Ultimativ

• Kostet eine einmalige Zahlung von $229
• WooCommerce-Integration
• Gutenberg-Blockbauer
• Vereinfachte Client-Benutzeroberfläche
• Verbundelemente
• 60 Tage Geld-zurück-Garantie

Oxygen Review: Ist es einen Versuch wert?

Oxygen ist eine intelligente Option für Kreative, aufstrebende Marken und etablierte Unternehmen, um ihre Präsenz in der digitalen Welt zu markieren. Einfache Anpassungsoptionen, ein intelligenter visueller Editor und benutzerfreundliche Designelemente machen dieses Tool zu einer ausgezeichneten Wahl, die Sie von den technischen Details der Codierung befreit.

Menschen, die auf monatliche oder jährliche Zahlungen verzichten möchten, können Oxygen nutzen, da es nur eine einmalige Zahlung erfordert und seine Dienste ein Leben lang anbietet. Es ermöglicht unerfahrenen Benutzern, ihre Ideen in die Realität umzusetzen, ohne sich mit irgendeiner Art von Codierung beschäftigen zu müssen.

Alles in allem ist Oxygen ein solider Konkurrent in der Liste der besten WordPress-Seitenersteller, der mit der Zeit immer beliebter werden wird.