Astra vs. OceanWP: Welches Theme solltest du 2022 verwenden?

Versuchen Sie, zwischen Astra und OceanWP für Ihr WordPress-Theme zu wählen?

Dies sind zwei der beliebtesten WordPress-Themen aller Zeiten, also haben Sie Ihre Liste auf einige Qualitätsoptionen eingegrenzt.

Aber wie entscheiden Sie sich für das richtige Thema für Ihre einzigartige Situation? Das ist das Thema dieses Beitrags.

Um Ihnen bei der Auswahl des besten Themas für Ihre Bedürfnisse zu helfen, gehe ich mit beiden Themen praktisch um und vergleiche OceanWP und Astra im Detail.

Im Allgemeinen denke ich, dass Astra für die meisten Menschen das bessere Thema ist, weil es die beste Allround-Option ist, wenn es um Leistung, Demoseiten, Funktionen, Flexibilität und Preis geht. OceanWP ist jedoch möglicherweise besser für Tüftler geeignet, die die meisten Anpassungsoptionen wünschen.

Um zu erfahren, woher diese Schlussfolgerungen kommen, lesen Sie weiter den vollständigen Vergleich!

Astra vs OceanWP: Einführungen

Lassen Sie uns zu Beginn kurz einige Einführungen in diese beiden Themen durchgehen.

Astra ist das beliebteste nicht standardmäßige Thema aller Zeiten bei WordPress.org, wo es auf über einer Million Websites aktiv ist – eine unglaubliche Leistung. Es ist das einzige nicht standardmäßige Design, das die Zahl von einer Million aktiver Installationen überschreitet.

Es hat nicht nur eine beeindruckende Anzahl von Installationen, sondern auch eine Bewertung von 4,9 Sternen bei fast 5.000 Bewertungen.

OceanWP ist auch eines der beliebtesten Themes bei WordPress.org. Es ist auf über 700.000 Websites aktiv und das drittbeliebteste nicht standardmäßige Design (nur hinter Elementors Hello-Design und Astra).

Wie Astra hat auch OceanWP eine Bewertung von 4,9 Sternen bei fast 5.000 Bewertungen.

Sowohl Astra als auch OceanWP teilen den gleichen grundlegenden Ansatz. Sie sind leichtgewichtige und flexible Mehrzweckthemen, die Sie für jede Art von Website verwenden können, von einem Blog bis zu einer Broschüren-Website, einem E-Commerce-Shop und mehr.

Um Ihnen beim Erstellen dieser Websites zu helfen, enthalten beide Themen:

• Hunderte von importierbaren Demoseiten für eine Reihe verschiedener Nischen
• Detaillierte Anpassungsoptionen im Echtzeit-WordPress-Customizer
• Enge Integrationen mit Seitenerstellungs-Plugins für Drag-and-Drop-Design

Obwohl beide den gleichen grundlegenden Ansatz verfolgen, weisen sie einige wichtige Unterschiede in Bezug auf Funktionen, Anpassungsoptionen, Preise und Leistung auf.

Das Hervorheben dieser Unterschiede ist das Ziel für den Rest dieses Beitrags.

Vorlagen/Demoseiten

Kommen wir nun zum genaueren Vergleich zwischen Astra und OceanWP, beginnend mit einem Blick auf die importierbaren Demoseiten.

Bei diesen beiden Themen werden Sie hier wahrscheinlich mit Ihrer Erfahrung beginnen, daher ist es sinnvoll, unseren Vergleich hier zu beginnen.

Astra

Über das begleitende Starter-Templates-Plugin bietet Astra importierbare Demo-Sites, die mit Ihren vier Builder-Plugins Ihrer Wahl erstellt wurden:

• Elementor (unser Testbericht)
• Beaver Builder (unser Testbericht)
• Nativer WordPress-Blockeditor (Gutenberg)
• Brillant

Insgesamt erhalten Sie Zugriff auf über 280 einzigartige Demoseiten, wobei über 95 in der kostenlosen Version verfügbar sind und der Rest einen der kostenpflichtigen Agenturpläne erfordert.

Während das Design subjektiv ist, denke ich auch, dass die Demoseiten von Astra viel besser aussehen und einzigartiger sind als OceanWP.

Durchsuchen Sie Astra-Demos

OceanWP

Im Vergleich zu Astra bietet Ihnen OceanWP nicht ganz so viel Auswahl.

Zunächst einmal werden alle Demoseiten mit Elementor erstellt. Das ist in Ordnung, wenn Sie Elementor mögen, aber Sie haben keine Wahl, andere Builder wie Astra-Angebote zu verwenden.

Zweitens ist die Anzahl der Demoseiten geringer, insbesondere in der kostenlosen Version: Sie erhalten 15 kostenlose Elementor-Vorlagen und 185 Premium-Vorlagen.

Im Vergleich zu Astra finde ich persönlich viele Demos von OceanWP etwas langweilig und veraltet.

Durchsuchen Sie OceanWP-Demos

Gewinner : Astra ist der klare Gewinner, weil es mehr Demo-Sites bietet und Ihnen auch mehr Auswahlmöglichkeiten für den Builder bietet. Ich persönlich finde auch, dass die Demoseiten von Astra besser aussehen .

Anpassungsoptionen

Um Ihnen bei der Anpassung Ihrer Website zu helfen, enthalten sowohl Astra als auch OceanWP eine Fülle von Optionen im Echtzeit-WordPress-Customizer.

Ehrlich gesagt ist es unmöglich, hier jedes einzelne Feature zu vergleichen, weil wir über Hunderte (oder vielleicht Tausende?) von verschiedenen Anpassungsoptionen sprechen.

Also werde ich stattdessen die Höhepunkte erreichen.

Im Allgemeinen denke ich, dass OceanWP in Bezug auf die Optionen, die es Ihnen bietet, etwas flexibler ist. Dies gilt insbesondere, wenn Sie die kostenlose Version von OceanWP mit der kostenlosen Version von Astra vergleichen – OceanWP gibt Ihnen in diesem Szenario definitiv mehr Flexibilität.

Hier sind zum Beispiel die Typografieoptionen in der kostenlosen Version von OceanWP:

Mit der kostenlosen Version von Astra erhalten Sie nur einfache Typografieoptionen für Fließtext und H1-H6-Überschriften. (Sie erhalten jedoch auch einige andere Optionen, die in anderen Bereichen versteckt sind.)

Bei den Premium-Versionen ist der Unterschied nicht so groß (mehr dazu später). Ich würde jedoch sagen, dass OceanWP immer noch ein bisschen flexibler ist, obwohl beide viel flexibler sind als ein durchschnittliches WordPress-Theme.

Dies ist jedoch nicht universell, und Astra hat definitiv einige Bereiche, in denen es gewinnt. Zum Beispiel bietet Astra jetzt einen wirklich nützlichen Drag-and-Drop-Builder für Kopf- und Fußzeilen, mit dem Sie benutzerdefinierte Layouts für diese Bereiche erstellen können:

Aber im Allgemeinen ist OceanWP hier der Gewinner – ein Nachteil der vielen Optionen ist jedoch, dass sich der Customizer-Bereich von OceanWP im Vergleich zu Astra etwas überladen anfühlt.

Gewinner : OceanWP, obwohl ich denke, dass die meisten WordPress-Benutzer mit beiden zufrieden sein werden.

Page Builder-Integrationen/Steuerelemente auf Seitenebene

Sowohl Astra als auch OceanWP funktionieren dank flexibler Steuerelemente auf Seitenebene gut mit Seitenerstellungs-Plugins.

Mit diesen Einstellungen können Sie im Wesentlichen die Leinwand für Ihre Page Builder-Designs Seite für Seite steuern.

Sie können beispielsweise ändern, wie viele Seitenleisten eine Seite hat, oder sie auf voller Breite gestalten. Oder Sie können bestimmte Elemente wie den Titel einer Seite deaktivieren, sodass Sie diese Elemente stattdessen mit Ihrem Seitenersteller erstellen können.

Astra

Mit Astra erhalten Sie eine neue Astra-Einstellungsoption in der Seitenleiste des Blockeditors. Hier kannst du:

• Wählen Sie aus, wie viele Seitenleisten verwendet werden sollen
• Ändern Sie das Inhaltslayout
• Deaktivieren Sie bestimmte Elemente wie Kopfzeile, Titel, ausgewähltes Bild, Fußzeile und andere
• Aktivieren Sie transparente oder klebrige Header
• Wählen Sie einen benutzerdefinierten Seitenkopf

OceanWP

Mit OceanWP erhalten Sie ein neues OceanWP -Einstellungsfeld (Sie müssen das kostenlose Ocean Extra-Plugin installieren, um es zu aktivieren). Dieses Feld bietet Ihnen eine Menge Optionen auf Seitenebene. Auf hohem Niveau erhalten Sie dieselben Optionen wie bei Astra:

• Ändern Sie das Inhaltslayout und die Breite
• Wählen Sie eine benutzerdefinierte Seitenleiste
• Deaktivieren Sie den Titel oder die Überschrift oder verwenden Sie einen benutzerdefinierten Titel
• Fußzeile deaktivieren/ändern
• Ändern Sie das Navigationsmenü oder deaktivieren Sie sogar bestimmte Elemente wie die obere Leiste

Aber Sie erhalten auch einige wirklich wichtige Optionen, wie das Hinzufügen benutzerdefinierter oberer oder unterer Polsterung, das Ändern des Logos, der Farben und der Typografie, das Einfügen von Shortcodes an verschiedenen Stellen der Seite und vieles mehr.

Ich glaube nicht, dass die meisten Menschen so viele Optionen brauchen . Wenn Sie jedoch gerne Anpassungsoptionen haben, liefert OceanWP definitiv.

Gewinner : OceanWP bietet Ihnen mehr Steuerelemente auf Seitenebene, obwohl ich denke, dass Astra Ihnen in den meisten Fällen immer noch alle Optionen bietet, die Sie benötigen.

Entwicklerfunktionen

Für fortgeschrittene Benutzer bieten sowohl Astra als auch OceanWP Optionen zum Einfügen von Inhalten mithilfe von Hooks. Wenn Sie mit diesem Begriff nicht vertraut sind, können Sie mit Hooks im Grunde genommen Inhalte an verschiedenen Stellen in Ihr Thema einfügen.

Sie könnten beispielsweise automatisch eine Call-to-Action-Box am Ende von Blog-Posts hinzufügen oder eine Anzeige unter dem Titel eines Posts einfügen.

Astra

Mit Astra Pro erhalten Sie eine wirklich nützliche Funktion für benutzerdefinierte Layouts, mit der Sie fünf Arten von Layouts erstellen können:

1. Header
2. Fusszeile
3. 404 Seite
4. Haken
5. Innerhalb des Post-/Seiteninhalts

Die Hooks-Option ist die leistungsfähigste, da Sie damit benutzerdefinierten Inhalt oder Code an jeder Hook-Position einfügen können. Sie erhalten auch bedingte Optionen, um zu steuern, wann Inhalte eingefügt werden sollen, z. B.:

• Zielen Sie auf bestimmte Inhalte – z. B. einen bestimmten Beitrag oder eine bestimmte Kategorie von Beiträgen
• Targeting bestimmter Benutzer – zB alle eingeloggten Benutzer oder nur bestimmte Benutzerrollen
• Wählen Sie ein Start-/Enddatum für die Injektion des Inhalts
• Richten Sie bestimmte Geräte aus – z. B. Mobilgeräte oder Desktops

Zum Einfügen von Inhalten in Posts/Seiten können Sie Inhalte auch nach einer zufälligen Anzahl von Blöcken einfügen, was sich hervorragend zum Einfügen von Anzeigen oder Werbeaktionen in Blog-Posts eignet.

Wenn Sie die kostenlose Version verwenden, können Sie das kostenlose Astra Hooks-Plugin verwenden, um Hooks aus dem Customizer einzufügen, obwohl es nicht so flexibel ist wie benutzerdefinierte Layouts.

OceanWP

Das Äquivalent in OceanWP ist das Premium-Add-On Ocean Hooks, das ebenfalls sehr flexibel ist. Damit können Sie Text, Shortcodes, PHP- und HTML-Code und mehr in eine der Hook-Positionen von OceanWP einfügen.

Sie erhalten auch bedingte Logik, um einen Hook nur basierend auf Details wie dem Inhalt (z. B. einer bestimmten Seite oder Kategorie), dem Anmeldestatus und anderen auszuführen. Für noch mehr Kontrolle können Sie die Benutzerrollenvalidierung hinzufügen, um sie für registrierte Benutzer mit einer bestimmten Rolle auszuführen.

Gewinner : Astr. Obwohl Ocean Hooks auch sehr leistungsfähig ist, denke ich, dass die benutzerdefinierte Layouts-Funktion von Astra dank Funktionen wie Zeitplanung und zufälliger Einfügung in Inhalte noch flexibler ist.

Andere bemerkenswerte Eigenschaften

Eine Besonderheit von OceanWP ist, dass die Premium-Version viele Erweiterungen enthält, mit denen Sie Front-End-Funktionen wie Popups und Cookie-Benachrichtigungen hinzufügen können.

Insgesamt bietet Ihnen OceanWP Add-Ons für:

• Anmelde-Popup
• WooCommerce-Popup nach der Add-to-Cart-Seite
• Cookie-Hinweis
• Modales Fenster (beliebigen Inhalt einfügen)
• Portfolio
• Instagram-Feed
• Klebriger Inhalt
• Benutzerdefinierte Elementor-Widgets

Die Premium-Version von Astra konzentriert sich mehr auf das Hinzufügen zusätzlicher Anpassungsoptionen für Themen, anstatt Ihnen einzigartige Front-End-Funktionen wie diese zu bieten.

Diese zusätzlichen Funktionen in OceanWP sind nett, aber Sie können sie mit Plugins von Drittanbietern lösen. Wenn Sie sich beispielsweise für Astra entscheiden, können Sie ein dediziertes Instagram-Feed-Plugin oder ein Cookie-Benachrichtigungs-Plugin verwenden.

Gewinner : OceanWP.

WooCommerce-Integration

Sowohl Astra als auch OceanWP bieten umfassende Unterstützung für das WooCommerce E-Commerce-Plugin.

Zunächst erhalten Sie Optionen im Customizer, um Ihren Online-Shop zu steuern. Aber beide Themen bieten Ihnen auch nützliche WooCommerce-spezifische Funktionen:

Gewinner : OceanWP hat einen leichten Vorteil, weil es einige einzigartige Funktionen hat, obwohl beide Themen eine großartige Option für WooCommerce-Shops darstellen.

Andere bemerkenswerte Integrationen

Wenn es um bemerkenswerte Integrationen jenseits von WooCommerce geht, hat Astra dank integrierter Integrationen für andere E-Commerce-Plattformen und einiger beliebter LMS-Plugins einen Vorteil, darunter:

• Einfache digitale Downloads für digitalen E-Commerce
• LearnDash für Online-Kurse (lesen Sie unseren LearnDash-Test)
• LifterLMS für Online-Kurse (lesen Sie unseren Vergleich zwischen LifterLMS und LearnDash)

Wenn Sie eines dieser Plugins verwenden, bietet Ihnen Astra spezielle Optionen im Customizer, um zu steuern, wie der Plugin-Inhalt aussieht. Mit LearnDash erhalten Sie beispielsweise Optionen, mit denen Sie steuern können, wie Ihre Kurse aussehen, und Astra bietet sogar einige LearnDash-betriebene Demoseiten an.

OceanWP wird jedoch auch mit all diesen Plugins gut spielen. Wenn Sie zum Beispiel einen LearnDash-Kurs mit OceanWP erstellen, sehen Ihre Kurse immer noch ziemlich gut aus, wenn sie sofort einsatzbereit sind.

Der Hauptunterschied besteht darin, dass Sie diese integrierten Customizer-Einstellungen nicht erhalten, mit denen Sie die Funktionsweise Ihres Kurses anpassen können.

Gewinner : Astra hat mehr integrierte Integrationen als WooCommerce.

Geschwindigkeit und Leistung

Der letzte Funktionsbereich, den ich berücksichtigen möchte, bevor ich zur Preisgestaltung komme, ist der Geschwindigkeitsvergleich zwischen Astra und OceanWP.

Um zu sehen, wie sie sich vergleichen, habe ich die Geschwindigkeit von Astra vs. OceanWP nur mit den Basisthemen ( keine Demo-Site ) getestet. Obwohl dies für eine echte Website nicht realistisch ist, denke ich, dass es der fairste Weg ist, um zu sehen, wie sich Astra und OceanWP aus Leistungssicht stapeln.

Hier sind die Ergebnisse von WebPageTest für Astra:

Und für OceanWP:

Lassen Sie uns auf die Skripte und die Seitengröße eingehen:

Also – zumindest in ihren „Out-of-the-Box“-Zuständen ist Astra etwas leichter als OceanWP.

Beachten Sie jedoch, dass OceanWP ein eigenes Scripts & Styles -Bedienfeld enthält, mit dem Sie CSS- und JavaScript-Dateien manuell deaktivieren können, wodurch Sie die Seitengröße und HTTP-Anforderungen verringern können. Für fortgeschrittene Benutzer ist dies eine wirklich nette Option, aber ich denke, gelegentliche Benutzer könnten Schwierigkeiten haben, die Dinge hier zu optimieren, und die Vorteile verpassen:

Gewinner : Astra ist das leichtere Thema, obwohl fortgeschrittene Benutzer OceanWP „abspecken“ können, wenn sie sich in das Skript- und Stil-Tool einarbeiten.

Preisgestaltung

Lassen Sie uns zum Abschluss über OceanWP vs. Astra sprechen, wenn es um die Preisgestaltung geht.

Beide Themes sind kostenlos auf WordPress.org erhältlich. Wenn Sie dann weitere Funktionen hinzufügen möchten, können Sie die Premium-Versionen erwerben.

Kostenlose Versionen

Für einfache Websites können Sie möglicherweise entweder mit der kostenlosen Version von Astra oder OceanWP auskommen. Für jeden ernsthaften Anwendungsfall würde ich jedoch empfehlen, die Premium-Versionen beider Themen in Betracht zu ziehen.

Astra und OceanWP verwenden unterschiedliche Feature-Lock-Strategien für ihre kostenlosen vs. Pro-Pläne:

• OceanWP bietet Ihnen mit der kostenlosen Version so ziemlich alle Customizer-Optionen. Wenn Sie die Premium-Version kaufen, erhalten Sie hauptsächlich neue Demoseiten und Frontend-Funktionen wie Popups, das bedingte Hook-Tool, Cookie-Benachrichtigungen und mehr.
• Astra schränkt die Customizer-Optionen in der kostenlosen Version ein, bietet Ihnen aber dennoch viele Vorlagen. Um auf alle Customizer-Optionen und einige andere erweiterte Funktionen zugreifen zu können, müssen Sie Pro werden.

In der Vergleichstabelle Astra vs. Astra Pro können Sie sehen, dass viele der Unterschiede grundlegende Anpassungsoptionen betreffen:

Während bei OceanWP die Unterschiede hauptsächlich neue Frontend-Funktionen betreffen:

Wenn Sie also speziell nach kostenlosen Versionen suchen, würde ich sagen:

• Entscheiden Sie sich für OceanWP, wenn Sie die meisten Anpassungsoptionen wünschen.
• Gehen Sie mit Astra, wenn Sie die meisten Demos wollen.

Pro-Versionen

In Bezug auf die Premium-Preise gibt es einen großen Unterschied zwischen diesen beiden Themen:

• Alle Pläne von Astra erlauben die Nutzung an unbegrenzten Standorten.
• Alle Pläne von OceanWP haben ein Website-Limit – drei, sechs oder 50 Websites, je nach Plan.

Hier sind jeweils die Startpreise:

• Astra – 47 US-Dollar für die Nutzung auf unbegrenzten Websites im ersten Jahr (danach verlängert sich Ihre Lizenz um 59 US-Dollar)
• OceanWP – 54 $ pro Jahr für die Nutzung an bis zu drei Standorten

Astra nennt den Preis von 47 US-Dollar ein „zeitlich begrenztes Angebot“. Allerdings haben sie diesen „zeitlich begrenzten“ 47-Dollar-Deal buchstäblich seit über einem Jahr betrieben, als ich diesen Beitrag schreibe, also denke ich, dass es fair ist, ihn an dieser Stelle einfach „den Preis“ zu nennen. Dieser Sonderpreis gilt jedoch nur für Ihr erstes Jahr. Wenn Sie die Jahreslizenz erneuern möchten, zahlen Sie 59 US-Dollar.

Während OceanWP eine Premium-Version (genannt Ocean Core Extensions Bundle) hat, bietet Astra auch Bundles an, die die anderen Plugins seines Entwicklers wie WP Portfolio, Ultimate Addons für Elementor OR Beaver Builder, Convert Pro, Schema Pro und mehr enthalten.

Um jedoch auf die Premium-Demoseiten von Astra zugreifen zu können, müssen Sie mindestens das Essential Bundle für 169 US-Dollar erwerben. Wenn Sie also auch die Premium-Vorlagen möchten, wird Astra im Vergleich zu OceanWP teurer (obwohl Sie mit Astras Essential Bundle einige zusätzliche Plugins erhalten, die ebenfalls einen Mehrwert bieten).

Gewinner : Astra, es sei denn, Sie benötigen auch die Premium-Demos.

Astra vs. OceanWP: Welche sollten Sie verwenden?

Nun zur wichtigen Frage, wenn es um OceanWP als Astra geht, für welches sollten Sie sich entscheiden?

Nun, zuerst gibt es eine gute Nachricht:

Egal für welches Thema Sie sich entscheiden, Sie werden keine „falsche“ Entscheidung treffen. Dies sind beides hervorragende Themen, sodass Sie aller Wahrscheinlichkeit nach so oder so glücklich sein werden.

Wenn ich jedoch den meisten Menschen nur eine dieser Optionen empfehlen müsste, würde ich sagen, dass Astra meine erste Wahl ist.

Hier ist der Grund:

• Es ist leichter in Bezug auf die Out-of-the-Box-Leistung.
• Es hat mehr Demo-Sites und Sie können aus verschiedenen Buildern wählen. Sie erhalten auch viel mehr Demos in der kostenlosen Version.
• Während OceanWP in Bezug auf die Anpassungsoptionen einen leichten Vorteil haben könnte, bietet Astra immer noch genug Flexibilität für die überwiegende Mehrheit der Menschen .
• Die Customizer-Erfahrung von Astra ist benutzerfreundlicher .
• Der neue Drag-and-Drop-Builder für Kopf- und Fußzeilen von Astra ist wirklich nett.
• Es verfügt über tiefere Integrationen für weitere Plugins wie LifterLMS und LearnDash.
• Für fortgeschrittene Benutzer ist die Funktion „Benutzerdefinierte Layouts“ von Astra etwas flexibler als Ocean Hooks.
• Es ist günstiger , wenn Sie ein Thema für mehrere Websites benötigen, da es eine unbegrenzte Nutzung der Website ermöglicht.

Holen Sie sich Astra

Dies ist jedoch nur die Empfehlung für „die meisten“ Menschen. Ich denke, es gibt einige spezifische Situationen, in denen Sie stattdessen OceanWP wünschen könnten:

• Sie möchten ein kostenloses Design verwenden und alles von Grund auf neu konfigurieren. Die kostenlose Version von OceanWP bietet Ihnen mehr Anpassungsoptionen . Und da Sie von Grund auf neu bauen, werden Sie sich nicht um den Mangel an Demoseiten kümmern.
• Sie möchten all diese wesentlichen Anpassungsoptionen. OceanWP gibt Ihnen mehr Flexibilität , wenn es um Customizer-Optionen und Steuerelemente auf Seitenebene geht. Ich glaube nicht, dass die meisten Menschen diese zusätzliche Flexibilität brauchen . Aber wenn Sie dies tun, ist OceanWP möglicherweise besser.
• Sie bauen einen WooCommerce-Shop auf. Ich denke, OceanWP ist etwas flexibler für WooCommerce , obwohl Astra auch großartig ist.

Holen Sie sich OceanWP

Um zu sehen, wie ein weiteres Thema in den Mix geworfen wird, können Sie sich unseren Drei-Wege-Vergleich GeneratePress vs. Astra vs. OceanWP ansehen.

Oder Sie können auch unsere vollständige Sammlung der schnellsten WordPress-Themes durchsuchen.

Haben Sie Fragen zu unserem Vergleich zwischen Astra und OceanWP? Haben Sie eines dieser Themen verwendet? Lass es uns in den Kommentaren wissen!