Gerade heraus: Lernen Sie Astra 4.0 kennen, ein völlig neues Design, um Ihre UX zu verbessern

Veröffentlicht: 2023-01-12

2023 hat gerade erst begonnen und wir bei Brainstorm Force starten mit einem Knall ins neue Jahr.

Wir sind stolz darauf, die neueste Version unseres WordPress-Themes anzukündigen – Astra 4.0.0!

Diese neue Version enthält eine Reihe aufregender neuer Funktionen und Verbesserungen, die darauf ausgelegt sind, Ihr Website-Erlebnis zu verbessern.

Zu den Highlights dieser Version gehören ein neu gestaltetes Admin-Dashboard und ein neues Mega-Menü-Management-Panel, das die Verwendung von Astra noch einfacher macht.

Wir haben auch einige neue Funktionen hinzugefügt, die das Benutzererlebnis sicherlich verbessern werden, darunter ein neu gestaltetes, schmaleres Layout und eine reibungslose Bildlauffunktion.

Während einige der neuen Funktionen nur in der Pro-Version von Astra verfügbar sind, haben wir ein besonderes Schmankerl für Benutzer des kostenlosen Designs.

Achten Sie darauf am Ende der Liste der neuen Funktionen!

Wir würden uns jedoch freuen, wenn Sie der Familie der Astra Pro-Benutzer beitreten würden! Wir hoffen, dass die neuen Funktionen Sie zum Upgrade anregen.

Lassen Sie uns nun sehen, was in Astra 4.0.0 neu ist und wie Sie es für Ihre Websites oder die Ihrer Kunden verwenden können.

Inhaltsverzeichnis
  1. Astra im Jahr 2022
  2. Astra 4.0.0 – Machen Sie sich bereit für alle neuen Funktionen!
    • Schnelleinstellungen
    • Verwaltung von Pro-Modulen
    • Allgemeine Einstellungen
    • Andere nützliche Verknüpfungen
    • Und einige Mega-Menü-Extrafunktionen
    • Ein neuer Bannerstil
  3. Einpacken

Astra im Jahr 2022

Astra ist ein Thema, das ständig aktualisiert wird, um Ihnen die beste Erfahrung und die neuesten Funktionen zu bieten.

Bisher hat das Thema Hunderte von Updates erhalten.

Was ist neu in Astra

Zwei der wichtigsten Funktionen, die 2022 hinzugefügt wurden, waren:

  • Das verbesserte Block-Editor-Erlebnis, mit dem Sie mehr im WordPress-Editor tun können.
  • Mehrere neue WooCommerce-Funktionen zur Verbesserung des Einkaufserlebnisses.

Dutzende von Korrekturen und kleinen Verbesserungen wurden auch an Astra vorgenommen, um es schneller und effizienter zu machen!

Astra 4.0.0 – Machen Sie sich bereit für alle neuen Funktionen!

Werfen wir einen Blick auf die Updates und Verbesserungen, an denen das Astra-Team gearbeitet hat.

Sie erhalten sie automatisch, wenn Sie das Design über das WordPress-Admin-Panel aktualisieren.

Besonderheit Verfügbar im kostenlosen Plan Verfügbar mit Pro
Neu gestaltetes Admin-Dashboard Ja. Aber Pro-Module sind deaktiviert Ja
Neu gestaltetes Admin-Mega-Menü Nein. Das Mega-Menü ist nur mit Astra Pro verfügbar Ja
Schmaler Grundriss Ja Ja
Bessere Layoutunterstützung für benutzerdefinierte Beitragstypen und neuen Bannerstil Ja Ja
Neue Standard-Homepage Ja Ja
Glattes Scrollen zu ID Ja Ja
Schnellbearbeitungslinks (Kopfzeilen und benutzerdefinierte Layouts) Nein. Benutzerdefinierte Layouts und benutzerdefinierte Kopfzeilen sind nur mit Astra Pro verfügbar Ja
Neue Standardfarben und Typografie Ja Ja
Nach oben scrollen Ja Ja

Um das Beste aus Astra herauszuholen, empfehlen wir die Verwendung von Astra Pro.

Wir sind bestrebt, Astra weiterhin einen Mehrwert zu bieten. Erwägen Sie daher, sich einer lebenslangen Lizenz anzuschließen oder auf eine lebenslange Lizenz aufzurüsten, um diese Upgrades lebenslang zu erhalten.

Astra Pro-Preise

Neu gestaltetes Admin-Dashboard

In der Vergangenheit befand sich das Astra-Dashboard im Untermenü Darstellung > Astra-Optionen .

Dies machte es für neue Benutzer schwierig, diese Optionen zu finden.

Altes Astra-Dashboard

Im neusten Update ist das neue Astra-Administrationspanel direkt in der Seitenleiste zu finden .

Ein besser zugänglicher Ort für ein so wichtiges Element Ihrer Website.

Neues Astra 4.0 Dashboard und Willkommens-Tab

Schnelleinstellungen

Auf der Registerkarte „Willkommen“ finden Sie eine Schnellzugriffsschaltfläche für den Customizer.

Der WordPress-Customizer bietet so viele Optionen, von denen einige in Untermenüs versteckt sind.

Aus diesem Grund enthält dieses Dashboard jetzt einen Bereich für Schnelleinstellungen, mit dem Sie schneller zu dem Bereich gelangen, an dem Sie arbeiten möchten.

Astra-Schnelleinstellungen

Dieses Tool spart Ihnen jedes Mal Zeit, wenn Sie kleine Änderungen an Ihrer Website vornehmen müssen.

Wenn Sie eine Agentur sind, die Astra für Kunden verwendet, sollte dieses neue Layout auch die Anzahl der Supportanfragen reduzieren.

Benutzer können leichter finden, was sie ändern müssen, ohne Sie zu fragen!

Verwaltung von Pro-Modulen

Sie finden einen weiteren Abschnitt, in dem Sie Ihre bevorzugten Pro-Module ganz einfach und unkompliziert aktivieren oder deaktivieren können.

Jedes Modul enthält einen direkten Link zu seiner Dokumentation und seinem Einstellungsfenster.

Das Konfigurieren und Entdecken neuer Module, die wir möglicherweise in Zukunft hinzufügen oder die Sie möglicherweise verpasst haben, ist jetzt ein Kinderspiel.

Astra Pro-Module
  • Sie benötigen die Pro-Version von Astra, um diese Module zu verwenden.
  • Einige Optionen benötigen möglicherweise zusätzliche Plugins, um zu funktionieren, wie z. B. WooCommerce, Easy Digital Downloads, LearnDash und LifterLMS.

Allgemeine Einstellungen

Die Optionen, die zuvor über das alte Dashboard verteilt waren, sind jetzt bequem auf der Registerkarte „Allgemeine Einstellungen“ angeordnet und organisiert.

Allgemeine Einstellungen Astra 4.0

Ein Beispiel dafür ist die Pro-Funktion, die es Ihnen ermöglicht, Astra mit Ihrem eigenen Branding, bekannt als White Labeling, anzupassen.

Andere nützliche Verknüpfungen

Die letzte Registerkarte im oberen Menü dieses Dashboards führt Sie zum Assistenten für Starter-Vorlagen. Hier können Sie das Aussehen Ihrer Website mit einer unserer Hunderten von professionell aussehenden Vorlagen schnell ändern.

Sie können auch Links finden, um Plugins zu installieren, die Ihnen bei Ihrem Unternehmen noch mehr helfen können.

Astra Starter Templates und nützliche Plugins

Zu diesen Plugins gehören:

  • Spectra – Unser kostenloser Seitenersteller.
  • SureCart – Verwandeln Sie Ihr WordPress in eine leistungsstarke E-Commerce-Plattform.
  • CartFlows Erstellen Sie effektive Verkaufstrichter in WordPress.

Neu gestaltetes Admin-Mega-Menü

Das Mega-Menü ist eine Astra Pro-Funktion, die Sie mit dem Nav Menu -Modul aktivieren können (jetzt wissen Sie schnell, wo Sie dieses Modul finden können!)

Mit diesem Addon können Sie große Menüs mit mehreren Optionen erstellen.

Sehr nützlich für Websites mit vielen Inhalten oder vielen Abschnitten oder Kategorien.

Beispiel für ein Mega-Menü von Astra

Sie können die Mega-Menüeinstellungen über das WordPress-Admin-Panel > Darstellung > Menüs > Astra-Menüeinstellungen öffnen .

So konfigurieren Sie Mega-Menü Astra

Beim Drücken dieser Taste:

  • Vorher: Ein modales Fenster, das den gesamten Inhalt abdeckt, wurde angezeigt.
Alte Astra-Mega-Menüeinstellungen
  • Jetzt: Ein kleines Off-Canvas-Menü erscheint.
Neue Astra-Mega-Menüeinstellungen

Der visuelle Raum ist besser optimiert und Sie haben mehr Kontext zu dem, woran Sie arbeiten.

Und einige Mega-Menü-Extrafunktionen

Wir haben nicht nur die Erstellung dieser Menüs vereinfacht, sondern auch 4 zusätzliche Optionen hinzugefügt, damit Sie Menüs besser an Ihren Stil anpassen können:

  • Unterstützung und Stil von benutzerdefinierten Symbolpositionen für Mega-Menüelemente: Wenn Sie benutzerdefinierte Symbole zu Ihren Menüs hinzufügen, können Sie deren Position jetzt auf der Registerkarte „Allgemein“ ändern.

HINWEIS:

Die Styling-Optionen finden Sie im Design-Tab.

Unterstützung für benutzerdefinierte Symbolposition und Styling für Mega-Menüelemente
  • Kopfzeilenfarbe für Mega-Menüelemente hinzugefügt: Jetzt können Sie diesem Element auch Farben für normale und Hover-Zustände hinzufügen.
Mega-Menüpunkte in Kopffarbe
  • Hintergrundverlauf für Mega-Menüelemente hinzugefügt: Erstellen Sie auffälligere Menüs mit linearen oder radialen Farbverläufen als Hintergrund.
Hintergrundverlauf für Mega-Menüpunkte hinzugefügt
  • Trennerfarbe und -stile für Mega-Menüelemente: Betonen Sie die Unterschiede zwischen den Abschnitten noch mehr mit durchgezogenen, gepunkteten, gestrichelten oder doppelten Stilen.
Teilerfarbe und -stile für Mega-Menüpunkte

Ein neues schmales Layout

Mit Astra können Sie zwischen vielen Layouts für Ihre Beiträge und Seiten wählen.

Von nun an finden Sie eine Option namens Schmalbreites Layout , mit der Sie Inhalte minimalistischer und eleganter anzeigen können.

Neues Beispiel für schmale Breite

Neben Beiträgen und Seiten können Sie auch die Breite von Blogseiten, Archivseiten und benutzerdefinierten Beitragstypen ändern .

Sie können diese Breite individuell für jedes Element oder global über Customizer > Global > Containers ändern.

Breite des schmalen Containers ändern

Bessere Layoutunterstützung für benutzerdefinierte Beitragstypen

Bisher hatten wir Content-Layout- und Seitenleisten-Layout-Unterstützung nur für begrenzte Post-Typen: Post, Seiten und einige benutzerdefinierte Post-Typen (CPT) von WooCommerce, EDD und einigen LMS.

Von nun an können Sie für jeden benutzerdefinierten Beitragstyp, den Sie verwenden, unterschiedliche Layouts verwenden .

Angenommen, Sie haben eine Website für Ihre Kirche erstellt.

  • Vorher waren Sie gezwungen, die gleichen Inhalte und Seitenleisten-Layouts für die CPT-„Predigten“ und für Ihre Blog-Artikel zu verwenden, da alles als dasselbe Element betrachtet wurde.
  • Jetzt können Sie ein Layout für Ihre Artikel und ein anderes für Ihre Predigten CPT verwenden.

Gehen Sie einfach zu Customizer > Custom Post Types > Select your CPT (Single oder Archive) und wählen Sie das Layout, das Sie verwenden möchten.

Benutzerdefiniertes Container- und Seitenleisten-Layout für benutzerdefinierte Beitragstypen

Ein neuer Bannerstil

Es gibt auch eine neue Bannereinstellung in Astra 4.0.

Titeloptionen für Astra-Beiträge

Sie gelangen zu einem neuen Bereich, in dem Sie ein anderes Banner-Layout für den Beitragstyp auswählen können, den Sie anpassen.

Astra Neues Banner-Layout

Je nachdem, ob Sie das erste oder das zweite Layout wählen, sehen Sie unten verschiedene Optionen:

  • Containerbreite: Vollständig oder benutzerdefiniert. Nur im zweiten Layout verfügbar.
  • Reihenfolge und Sichtbarkeit einiger Struktur- und Metaelemente: Wie der Titel, Breadcrumbs oder der Auszug.
  • Horizontale und vertikale Ausrichtung dieser Elemente.

Vergessen Sie nicht, den Design-Tab zu besuchen, da Sie dort noch mehr Optionen finden, um Ihren Beitragstyp vollständig anzupassen.

Denken Sie daran, dass dieses Upgrade für Beiträge, Seiten oder jeden benutzerdefinierten Beitragstyp funktioniert und allgemein als Dynamic Customizer bekannt ist.

Neue Standard-Homepage

Wenn Sie Astra zum ersten Mal installieren, müssen Sie es über das WordPress-Administrationspanel > Appearance > Themes aktivieren.

Dort findest du 2 Optionen:

So aktivieren Sie die neue Astra-Homepage
  • Wenn Sie auf Ihre Startseite aktivieren klicken, wird Ihr letzter Beitrag als Ihre Startseite angezeigt.
Astra-Blog als Homepage
  • Wenn Sie die Live-Vorschau öffnen , sehen Sie die neue und erneuerte Astra 4.0-Homepage. Sie können es von dort aus aktivieren.
Neue Astra-Homepage

Wenn Sie später den neuesten Beitrag anstelle der Standardstartseite anzeigen möchten, können Sie dies tun, indem Sie zu Einstellungen > Lesen navigieren.

Wählen Sie dann die Option: Ihre Startseite wird angezeigt > Ihre neuesten Beiträge .

Glattes Scrollen zu ID

Zuvor war das Navigieren zu einem Abschnitt (einem bestimmten Teil derselben Seite) optisch nicht ansprechend, da Sie einfach ohne Animation dorthin gesprungen sind.

Jetzt können Sie Smooth Scroll aktivieren, um nahtlos zum gewünschten Abschnitt überzugehen, anstatt sofort dorthin zu springen.

Warum Astra wählen

Sie können diese Funktion mit nur einem Klick von Customizer > Global > Misc > Enable Smooth Scroll to ID aktivieren.

So aktivieren Sie das reibungslose Scrollen zur ID in Astra

Schnellbearbeitungslinks für benutzerdefinierte Layouts und Seitenkopfzeilen

Wenn Sie benutzerdefinierte Layouts verwenden, eine der leistungsstärksten Funktionen von Astra Pro, werden Sie dieses kleine Update wirklich interessant finden.

Um Ihnen mehr Einblick in das benutzerdefinierte Layout oder die benutzerdefinierte Kopfzeile einer Seite zu geben, wird im Frontend ein kleines Astra-Symbol angezeigt, das die aktiven Layouts und einen direkten Link zum Bearbeiten anzeigt.

Schnellbearbeitungslinks für benutzerdefinierte Layouts und Seitenkopfzeilen

Neue Standardfarben und Typografie

In Astra können Sie die Typografie und Farben Ihrer Website ganz einfach ändern.

Profi-Tipp:

Im Pro-Plan können Sie das Farb- und Hintergrundmodul und das Typografiemodul aktivieren, um noch weitergehende Änderungen vorzunehmen.

Wenn Design nicht Ihr Ding ist, bieten Ihnen die Standardschriftart und -farben, die das Thema verwendet, ein sauberes und minimalistisches Website-Design, das gut für den modernen Geschmack geeignet ist.

Neue Typographie und Farben Astra 4.0

Unser Geschenk an Sie: Nach oben scrollen wird zum kostenlosen Feature!

Die Schaltfläche, mit der Benutzer mit einem einzigen Klick zum Anfang Ihrer Seite zurückkehren können, ist jetzt eine kostenlose Funktion von Astra!

Du findest diese Option unter Customizer > Global > Scroll To Top .

Sie können seine Position, Sichtbarkeit nach Gerät, Größe und Farbe ganz einfach nach Belieben ändern.

Scrollen Sie zum obersten kostenlosen Feature

Einpacken

Das Astra-Team hat große Anstrengungen unternommen, um signifikante Verbesserungen zu liefern, die die Arbeit mit dem Thema einfacher denn je machen.

  • Das neu gestaltete Dashboard und das Mega-Menü sowie die Möglichkeit, benutzerdefinierte Layouts schnell anzuzeigen und zu bearbeiten, verbessern Ihre Effizienz bei der Verwaltung von Websites.
  • Das schmale Layout, nach oben scrollen, glattes Scrollen und die neue Typografie werden Ihren Benutzern ein besseres Surferlebnis bieten.

Wir können es kaum erwarten, dass Sie all diese neuen Funktionen ausprobieren!

Obwohl es unwahrscheinlich ist, dass etwas nicht wie erwartet funktioniert, verfügt Astra über eine Rollback-Option, um schnell zu einer früheren Version zurückzukehren.

Rollback-Funktion Astra

Unser Support-Team hilft Ihnen gerne bei Fragen zu diesem Update weiter.

Vielen Dank für all Ihre Unterstützung auf diesem Weg.

Wir wünschen Ihnen viel Freude mit dem neuen Astra 4.0!

Vergessen Sie nicht, unten einen Kommentar zu hinterlassen und uns mitzuteilen, was Sie in zukünftigen Updates sehen möchten!