Astra – Warum es zu den Top 5 WP Themes gehört

Von https://www.codeinwp.com/blog/astra-wordpress-theme-review/ übersetzt

Astra ist aufgrund seines schlanken Codes und seiner benutzerfreundlichen Funktionen eines der beliebtesten kostenlosen WordPress-Themes. Allerdings hat jeder Website-Betreiber andere Bedürfnisse, und du fragst dich vielleicht, ob dieses Theme für dich geeignet ist. Damit du eine fundierte Entscheidung treffen kannst, haben wir einen ausführlichen Test des Astra WordPress Themes zusammengestellt.

Indem du die Funktionen des Themes eingehend untersuchst, kannst du schnell entscheiden, ob Astra zu deinen individuellen Bedürfnissen passt. Das bedeutet, dass du dich über die Kompatibilität mit bestimmten Page Buildern, die angebotenen Startvorlagen und die Leistung des Themes informieren solltest.

BILD

In diesem Test des Astra WordPress-Themes gehen wir auf die wichtigsten Funktionen, Vor- und Nachteile dieses Tools ein. So kannst du selbstbewusst entscheiden, ob es die beste Option für deine WordPress-Website ist.

Los geht’s!

? Inhaltsverzeichnis:

• Die wichtigsten Merkmale von Astra ⚙️
• Die Gestaltungsmerkmale von Astra ?
• Astra Preise (kostenlos vs. pro) ?
• Astra Vor- und Nachteile ?

Eine Einführung in Astra

Astra wird als leichtgewichtig, schnell und anpassbar vermarktet. Seine Entwickler nennen es auch “Das beliebteste Theme aller Zeiten”.

BILD

Das ist sicherlich eine gewagte Aussage. Da das Astra-Theme derzeit 7.368.522 Mal heruntergeladen wurde, ist das aber keine Übertreibung. Das Theme hat außerdem eine Fünf-Sterne-Bewertung auf der WordPress.org-Liste, was es zu einem Top-Anwärter macht, wenn du auf der Suche nach einem neuen Theme bist.

Astra wurde erstmals 2017 veröffentlicht. Es wurde von Brainstorm Force entwickelt, dem Team, das auch hinter Convert Pro und Ultimate Addons for Elementor steht. Daher ist es mit gängigen Page Buildern, vielen Marketing-Tools und einigen der führenden WordPress-Plugins kompatibel. Es ist außerdem ein “Freemium”-Theme, was bedeutet, dass die Entwickler sowohl eine kostenlose als auch eine Premium-Version anbieten.

Die wichtigsten Merkmale des Astra ⚙️

Nachdem wir diese grundlegende Einführung hinter uns gebracht haben, ist es an der Zeit, in unseren Test des Astra WordPress Themes einzutauchen. Zunächst einmal hat Astra einige besondere Eigenschaften, die es von vielen anderen WordPress-Themes unterscheiden. Werfen wir einen genaueren Blick darauf, was es zu bieten hat.

• Leistungsorientiertes Design
• Funktionen für die Seitenerstellung
• WooCommerce-Integrationen
• Kostenlose Plugins
• Soziale Funktionen

Leistungsorientiertes Design

Das Astra-Theme ist auf hohe Leistung ausgelegt, damit deine Website reibungslos und schnell läuft. Um es selbst zu testen, haben wir das Theme auf einer Testseite installiert und einige Leistungstests mit WebPageTest durchgeführt.

Im Auslieferungszustand kam Astra mit sechs HTTP-Anfragen auf gerade mal 42 KB, was so gut wie kein anderes Theme ist. Sobald du Inhalte hinzufügst, wird sich diese Größe natürlich erhöhen. Aber Astra bietet dir eine solide Grundlage für den Aufbau einer schnell ladenden WordPress-Website (solange du andere Best Practices für die WordPress-Performance beachtest).

BILD

Astra erreicht diese Schnelligkeit auf verschiedene Weise. Es verwendet zum Beispiel kein jQuery, das die Leistung durch Rendering-Blocking negativ beeinflussen kann. Stattdessen nutzt es Vanilla JavaScript, um interaktive Elemente auszuführen.

Außerdem setzt Astra auf hochoptimierten Code, um effizient und schlank zu bleiben. Außerdem bietet es selbst gehostete Google-Schriftarten, sodass deine Website diese Elemente nicht von einem externen Server abrufen muss (was die Seitengeschwindigkeit verlangsamt).

Funktionen zur Seitenerstellung

Mit Astra erhältst du auch erweiterte Funktionen für die Seitenerstellung. Zunächst einmal kannst du dieses Theme ganz einfach in beliebte Seitenerstellungsprogramme wie Beaver Builder, Divi, Elementor und andere integrieren:

BILD

Außerdem enthält Astra Steuerelemente auf Seitenebene, mit denen du eine benutzerdefinierte Oberfläche für dein bevorzugtes Plugin zur Seitenerstellung einrichten kannst. So kannst du zum Beispiel die Layouts für den Inhalt und die Seitenleiste deiner Seite auswählen:

BILD

Du kannst auch bestimmte Elemente deaktivieren, z. B. Kopf- und Fußzeilen:

BILD

Außerdem kannst du auf erweiterte Einstellungen zugreifen, um bestimmte Kopfzeilen zu deaktivieren und transparente Kopfzeilenqualitäten auszuwählen:

BILD

Beachte, dass diese Einstellungen je nach Plugin für den Seitenersteller und deiner Startseite leicht abweichen können.

Astra Pro verfügt außerdem über einen speziellen Header Footer Builder, mit dem du individuelle dreistufige Designs erstellen kannst. Damit kannst du interaktive Elemente wie Logos, Schaltflächen und Widgets zu deinen Kopf- und Fußzeilen hinzufügen. Außerdem gibt es benutzerdefinierte Designoptionen, einschließlich klebriger und transparenter Elemente.

WooCommerce-Integrationen

Astra Pro kann auch eine lohnende Option sein, wenn du einen eCommerce-Shop betreiben willst. Denn es lässt sich problemlos mit dem WooCommerce-Plugin integrieren und bietet eine Reihe spezieller Einstellungen, mit denen du dein Online-Geschäft optimieren kannst.

Du kannst auch auf die folgenden WooCommerce-spezifischen Funktionen zugreifen:

• Rastereinstellungen: Zeig deine Produkte in einem anpassbaren Rasterlayout an.
• Unendliches Scrollen: Ermögliche es deinen Kunden, alle deine Produkte zu sehen, ohne zwischen verschiedenen Seiten zu navigieren.
• Schnellansicht: Lass deine Kunden die Produktspezifikationen sehen, ohne auf die einzelnen Seiten zu klicken.
• Dropdown-Warenkorb: Erlaube den Kunden, ihren Online-Warenkorb anzusehen, ohne die Seite zu verlassen.
• Sprechblasen: Bewirb rabattierte Produkte mit individuellen Grafiken.
• Galerie-Anzeigeoptionen: Gestalte eine Produktgalerie mit verschiedenen Anzeigeoptionen.

Du kannst auf diese Einstellungen über den Customizer zugreifen. Hier ist ein Beispiel für die Optionen, mit denen du die einzelne Produktseite anpassen kannst.

BILD

Wie viele der erweiterten Funktionen von Astra sind auch diese Einstellungen in der kostenlosen Version nicht verfügbar. Du musst also auf eine Premium-Lizenz upgraden, wenn du sie nutzen willst.

Kostenlose Plugins

Astra bietet auch einfachen Zugang zu Plugins, die seine Funktionen ergänzen können. Es empfiehlt dir sogar, sie zu nutzen. Du findest diese Tools nach der Installation des Plugins auf der Seite mit den Astra-Optionen und kannst jedes von ihnen mit einem Klick aktivieren:

BILD

Hier ist ein kurzer Überblick über die empfohlenen Plugins:

Customizer-Einstellungen importieren/exportieren: Importiere und exportiere deine Customizer-Einstellungen zwischen verschiedenen Astra-Websites.
Astra Customizer zurücksetzen: Setze dein Astra-Theme auf seine Standardeinstellungen zurück, um es von Grund auf neu zu gestalten.
Customizer-Suche: Suche in den Customizer-Einstellungen, ohne manuell Tabs zu öffnen.
Astra Bulk Edit: Bearbeite mehrere Astra-Beiträge und -Seitenlayouts gleichzeitig.
Astra Widgets: Erstelle Widgets für Adressen, soziale Symbole, Listensymbole und mehr.
Benutzerdefinierte Schriftarten: Binde benutzerdefinierte Schriftarten wie woff2 und eot ein.
Benutzerdefinierte Typekit-Schriftarten: Importiere und binde Adobe-Schriftarten in deine Astra-Website ein.
Seitenleisten-Manager: Erstelle eigene Seitenleisten und zeige sie auf verschiedenen Seiten deiner Astra-Website an.
Ultimative Addons für Gutenberg: Zugang zu exklusiven Gutenberg-Blöcken (z. B. Star Ratings, Formulare und Tabs) und Starterseiten.

? Bedenke, dass diese Plugins für die Nutzung von Astra nicht unbedingt notwendig sind. Sie können jedoch nützlich sein, wenn du deinen Design-Workflow automatisieren und das Theme optimal nutzen willst.

Soziale Funktionen

Astra verfügt auch über einige integrierte soziale Funktionen. Zum Beispiel unterstützt es Google Web Stories. Damit kannst du deine Inhalte im Stil von Facebook- oder Instagram-Stories darstellen, um Highlights und Neuigkeiten über dein Unternehmen zu zeigen:
Ein Beispiel für eine Website, die Web Stories nutzt.

BILD

Außerdem bietet Astra Widgets mit sozialen Symbolen:

BILD

Diese sozialen Symbole verlinken direkt zu deinen Social-Media-Profilen. So können Besucher/innen schnell und einfach mit deiner Marke auf anderen Plattformen in Kontakt treten. Dank dieser Funktion musst du kein Plugin eines Drittanbieters installieren, um deine Website mit den sozialen Plattformen zu verknüpfen.

Astra’s Designmerkmale ?

Das Design eines Themes spielt eine große Rolle dabei, ob es eine gute Wahl für deine Website ist. Deshalb schauen wir uns in diesem Teil unseres Astra WordPress-Theme-Tests alle Styling- und Anpassungsoptionen an, die du mit dem Theme nutzen kannst.

Benutzerfreundlichkeit
Globale Design- und Anpassungsoptionen
Typografie
Website-Layouts

Benutzerfreundlichkeit

Astra ist ziemlich einfach zu benutzen und anzupassen. Du kannst auf die meisten Einstellungen des Themes über den WordPress Customizer zugreifen. Außerdem wird es mit über 180 Starter-Websites geliefert, von denen einige neben dem Theme selbst auch mit Page Buildern erstellt wurden.

Sobald du Astra installiert und aktiviert hast, kannst du zu Erscheinungsbild > Astra-Optionen navigieren und auf Starter-Vorlagen klicken. Dann siehst du eine Suchseite, auf der du deine Vorlage mit einem Page Builder anpassen kannst:

BILD

Hier kannst du nach Vorlagen für verschiedene Website-Typen suchen, z. B. Business oder Blog. Nachdem du deine Auswahl getroffen hast, wirst du aufgefordert, ein Logo hochzuladen und dessen Breite anzupassen:

BILD

Als Nächstes kannst du aus voreingestellten Farb- und Schriftoptionen wählen oder sie stattdessen anpassen:

BILD

Schließlich kannst du deine persönlichen Daten eingeben und Customizer-Einstellungen, Widgets und Inhalte für deine Startsite importieren (falls erforderlich):

BILD

Astra braucht dann ein paar Minuten, um die Starterseite und ihre Inhalte zu importieren:

BILD

Jetzt solltest du einen Erfolgsbildschirm und ein Demovideo sehen. Du kannst zu deiner neuen Website gehen, indem du auf Deine Website anzeigen klickst:

BILD

Dann kannst du deine Website mit dem entsprechenden Plugin für den Seitenersteller anpassen. Unsere Einstiegsseite wurde mit Elementor erstellt, also klicken wir auf Mit Elementor bearbeiten > Seiteneinstellungen, um loszulegen:

BILD

Dadurch wird das Elementor-Plugin gestartet:

BILD

Astra ist zwar sehr benutzerfreundlich, aber ein Nachteil ist, dass der kostenlose Support ziemlich minimal ist. Das bedeutet, dass du bei Problemen nur Zugang zu Video-Tutorials, Beiträgen zur Fehlerbehebung und einem begrenzten Ticket-System hast.

Um den Premium-Kundensupport in Anspruch zu nehmen, musst du ein Upgrade auf Astra Pro erwerben. Daher ist Astra vielleicht nicht die beste Wahl, wenn du denkst, dass du bei der Konfiguration deiner WordPress-Website umfangreiche technische Hilfe brauchst.

Globale Design- und Anpassungsoptionen

Wie bei den meisten Themes kannst du auch bei Astra Designoptionen im WordPress Customizer anwenden. Dort kannst du globale Stile verwenden, um die Typografie, Farben, Schaltflächen und Container (Seitenlayouts) deiner Website zu steuern:

BILD

Du kannst auch auf grundlegende Kopf- und Fußzeilenoptionen zugreifen, um verschiedene Typen, Breiten, Randeinstellungen und Schaltflächen auszuwählen. Beachte jedoch, dass du mit der kostenlosen Version weniger Anpassungsmöglichkeiten hast als mit Astra Pro:

BILD

Außerdem kannst du im Customizer Blog-Layout-Optionen, Breadcrumbs und Seitenleisten-Designs einrichten. Du musst nur ein bisschen herumklicken und die Einstellungen an deine Bedürfnisse anpassen.

BILD

Typografie

Die Typografie deiner Website kann einen wichtigen Beitrag zu deinem gesamten Branding leisten. Sie kann den Ton für deinen Inhalt angeben und deine visuelle Ästhetik ergänzen.

Astra bietet in der kostenlosen Version mehrere Typografie-Optionen an. Du kannst aus mehr als 700 Google-Schriftarten (800+ in der Premium-Version) wählen oder Voreinstellungen verwenden, um Zeit bei der Gestaltung zu sparen. Außerdem kannst du benutzerdefinierte Schriftarten importieren.

Mit Astra kannst du auch die Schriftgröße und -abstände auf deiner Website anpassen:

Außerdem kannst du responsive Größen einstellen, die sich von Mobilgerät zu Mobilgerät unterscheiden. So kannst du unabhängig vom Gerät des Besuchers ein tolles Nutzererlebnis (UX) bieten.

Website-Layouts

Mit Astra Pro kannst du auch Website- und Blog-Layouts entwerfen und verwenden. Diese Vorlagen können deine Inhalte und Blogbeiträge in attraktiven und benutzerfreundlichen Formaten darstellen:

Masonry-Layouts
Raster-Layouts
Kastenförmige Inhalte

Außerdem hast du Zugriff auf erweiterte Optionen für die Gestaltung von Kopf- und Fußzeilen, wie z. B.:

Mobile Kopfzeilen: Haltepunkte, Flyouts, Hamburger-Menüs und weitere mobilfreundliche Designs
Inhalte über/unter der Kopfzeile: HTML-Code, Shortcodes und Widgets unter und über den Kopfzeilenabschnitten
Fußzeilen-Layouts: Widgets, Shortcodes und HTML-Code in deinen Fußzeilen

Auch hier gilt: Diese Styling-Optionen sind nur in Astra Pro verfügbar. Wenn du die kostenlose Version verwendest, bist du auf einen Standard-Container und ein voreingestelltes Blogpost-Layout beschränkt.

Deshalb solltest du dir eine Astra-Startseite aussuchen, die bereits die optischen Spezifikationen hat, die du dir wünschst. Wenn du keine findest, die dir gefällt, können diese Einschränkungen etwas einschränkend wirken.

Astra Preise (kostenlos vs. pro) ?

Wie wir bereits erwähnt haben, kannst du Astra kostenlos herunterladen und nutzen oder du kannst ein Upgrade auf Astra Pro erwerben. Außerdem hast du vielleicht schon bemerkt, dass die kostenlose Version in bestimmten Szenarien erhebliche Einschränkungen hat.

Zur Erinnerung: Hier sind einige der erweiterten Funktionen, die du nur mit dem Premium-Theme nutzen kannst:

Zugriff auf Website-, Blog- und Footer-Layouts
Mehr als 800 Google-Schriftarten
Optionen zur Anpassung von Farben und Hintergründen
Mehrere Header-Designs
Integrationen mit den Plugins LearnDash und LifterLMS
Benutzerdefinierte Layouts/Hooks (ideal für Entwickler)
White-Labeling-Optionen
Premium-Kundensupport

Der Preis für Astra Pro beginnt bei 49,00 $ pro Jahr. Du kannst auch einen lebenslangen Zugang ab 239 $ erwerben. Bei allen kostenpflichtigen Tarifen bietet Astra eine 14-tägige Geld-zurück-Garantie, damit du testen kannst, ob es das Richtige für deine Bedürfnisse ist.

Astra Vor- und Nachteile ??

Im Folgenden fassen wir die wichtigsten Vor- und Nachteile des Astra WordPress Themes zusammen:

✅ Leichtgewichtig und leistungsorientiert
✅ Vielfältige Anpassungsmöglichkeiten
✅ Einsteigerfreundlich
✅ Integrationen mit verschiedenen Page Buildern
✅ Regelmäßige Updates

? Begrenzter Support und minimale Styling-Optionen in der kostenlosen Version

Insgesamt ist Astra ein sehr vielseitiges WordPress-Theme, das sich für fast jede Art von Website eignet. Daher ist es eine gute Wahl, wenn du schnell und einfach eine attraktive und leistungsstarke Website erstellen möchtest.

Wenn du jedoch erweiterte Anpassungsmöglichkeiten und E-Commerce-Funktionen benötigst, musst du wahrscheinlich auf Astra Pro upgraden. Deshalb solltest du sicherstellen, dass dieses Theme in dein Budget passt, bevor du es anderen Optionen vorziehst.

Fazit ?

Astra ist eines der beliebtesten WordPress-Themes. Es ist sowohl in der kostenlosen als auch in der Premium-Version erhältlich und bietet eine Vielzahl von Anpassungsmöglichkeiten für alle Arten von Website-Nischen.

Um unseren WordPress-Theme-Test zusammenzufassen: Astra zeichnet sich durch seine Leistung und seinen effizienten Code aus. Es ist auch ideal für die Verwendung mit Page-Builder-Plugins geeignet, und Anfänger/innen sollten es leicht finden, sich zurechtzufinden. Für erweiterte eCommerce-Funktionen, Layout-Vorlagen und Premium-Support musst du jedoch auf Astra Pro upgraden.

Hast du Fragen zu unserem Astra WordPress Theme Test? Frag uns in den Kommentaren unten!