In diesem Abschnitt wird ein weiteres sehr beliebtes und schnellstes WordPress-Theme vorgestellt: Astra.

Einführung in das Astra-Thema:

Das Astra-Theme wird nicht auf Themeforest, sondern auf einer eigenen, unabhängigen Website verkauft, aber ich glaube, jeder kennt dieses Theme. Wir öffnen beispielsweise das Backend unseres WordPress, suchen das Theme und fügen ein neues Theme hinzu. In der Liste der neuen Themes sind dies kostenlose Themes von WordPress, einschließlich der offiziellen. Wir sehen, dass das derzeit beliebteste Theme die offizielle Vorlage ist.

1 Beliebtheitsranking für kostenlose Wordpress-Themen

Das zweite ist natürlich ein schnelleres Theme, das vom offiziellen Elementor-Plugin bereitgestellt wird. Dieses Theme hat keine Funktionen. Es arbeitet hauptsächlich mit diesem zusammen.

Elementor: Verwenden Sie dieses Plugin. Drittens ist Astra derzeit auf Platz 3, aber wenn das Ranking dahinter sinkt, können Sie hier einfach nach Astra suchen. Somit ist ersichtlich, dass dieses Thema sehr weit verbreitet ist.

Lassen Sie uns zunächst mehr über dieses Thema erfahren. Das größte Merkmal dieses Themas ist, dass es schnell ist!

Natürlich müssen wir wissen, dass, wenn alle Geschäftsthemen Geschwindigkeit beinhalten, ihre Funktionen begrenzt sind; das heißt, ihre Funktionen sind nicht wie die Themen, die wir zuvor mit Ihnen geteilt haben, zum Beispiel, Avada Oder ein Thema wie Betheme. Seine Module sind sehr umfangreich und können einige der Funktionsanforderungen der meisten unserer unabhängigen Stationen erfüllen. Wenn ein Thema jedoch schnell ist, verzichtet es auf einige ungewöhnliche Funktionen. Wenn wir es also verwenden, können wir diese Funktion nur mit einigen Plug-Ins erweitern. Welche Art von Thema sollten Sie wählen, um Ihre unabhängige Station basierend auf Ihren Anforderungen aufzubauen? Das andere ist, dass Sie später den Kauf einiger kommerzieller Plug-Ins in Betracht ziehen müssen. Dies ist ebenfalls kritisch, einschließlich Ihrer Leistungsoptimierung.

Astra-Vorlagenstil:

Schauen wir uns zunächst Astra an. Das erste bietet viele Vorlagen. Obwohl es nicht viele Funktionen hat, bietet es viele Vorlagen, die Sie importieren können. Diese Vorlagen umfassen auch alle Lebensbereiche. Es gibt professionelle Tobs und Tocs sowie einige Portal-Blogs.

2 Astra-Theme-Vorlage im Demo-Stil

Die zweite ist die PRO-Version. Obwohl dieses Theme eine kostenlose Version im WordPress-Backend hat, hat es viel weniger Funktionen, wie das Kopfmodul der unabhängigen Station, die wir oft verwenden, eine seiner Komponenten und Floating; diese sind nicht verfügbar. Nachdem wir also später die kostenlose Version installiert haben, müssen wir ein PRO-Plugin installieren.

Funktionen des Astra-Themas:

Dann schauen wir uns hauptsächlich einige der offiziellen Funktionen dieses Themas an. Das erste ist seine Leistung, auf die es stolz ist; das heißt, seine Geschwindigkeit ist sehr hoch und seine Gesamtgröße beträgt weniger als 50 KB. Normalerweise ist das Betheme-Thema, das wir zuvor installiert haben, 9,46 M groß, dann ist Avada größer und kann manchmal 40 M erreichen, aber Astra ist nur etwa 50 KB groß. Eine andere Bibliothek, die auf JS verzichtet, heißt jQuery.

3 Dateigröße des Astra-Themes und JS-Bibliothek

Wir alle wissen, dass unser unabhängiger Krieg einige Spezialeffekte hat, wie unsere Folien und einige Benutzerinteraktionen, die JS erfordern. Dann wird JS verwendet, um eine Interaktion abzuschließen, und es gibt eine Bibliothek in JS, in der einige Funktionsmodule von JS zu einem Spezialeffekt synthetisiert werden, der als jQuery-Bibliothek bezeichnet wird. Wenn Ihr Design die jQuery-Bibliothek verwendet, müssen Sie sie zuerst aufrufen, sodass unsere Geschwindigkeit etwas langsamer ist. Der Effekt ist bei allgemeinen Designs brillanter und die jQuery-Bibliothek wird aufgerufen, aber dieses Design verzichtet direkt auf die jQuery-Bibliothek. Darüber hinaus sind sein Design und die Codekapazität sehr klein, sodass seine Geschwindigkeit zweifellos schneller ist.

Selbst wenn Sie dieses Design mit einigen Plugins zur Leistungsoptimierung verwenden, benötigen Sie diese möglicherweise nicht. Sie können höchstens ein CDN hinzufügen. Dies ist sein erster Vorteil.

4 Seitenlayout im Astra-Design

Das zweite ist sein Designmodul, einschließlich Layout, einigen übersetzten Überschriften und einigen schwebenden Überschriften, die alle standardmäßig enthalten sind. Es enthält auch einige Supermenüs, was sein zweiter Vorteil ist. Das dritte ist das Layout seiner Site, zum Beispiel, ob unsere Site die volle Breite oder ein Boxmodell hat, einschließlich einiger Kernmodelle mit einigen Einstellungen.

5 Astra-Theme-Schriftstil

Der nächste Punkt betrifft Schriftarten. Wenn wir unabhängig und schnell sein wollen, müssen wir dies im Hinterkopf behalten. Wir versuchen, so wenig externe Komponenten wie möglich aufzurufen, einschließlich der jQuery- und Google-Schriftbibliotheken. Unsere unabhängige Website wird nicht sehr langsam sein, daher werden hier einige angepasste Schriftartmodule bereitgestellt. Natürlich können Sie auch Schriftarten auswählen, die Google verwenden kann.

Das andere ist regulär. Wir ändern beispielsweise den Farbhintergrund jedes Moduls. Das andere ist für unseren Blog, das Blog-Layout und das Design für unsere Gesamtsituation. Das Gesamtdesign ist für die Links- und Rechtsemissionen unseres Logos, einige Positionsanpassungen unseres Inhalts und unsere physische Kontrolle. Wenn Sie WordPress zum Erstellen einer Toc-Site verwenden, ist die physische Kontrolle natürlich unerlässlich, daher wissen die meisten Unternehmen dies. Die Themen decken alle Tob- und Toc-Sites ab, was bedeutet, dass jedes Thema den Aufbau jeder Art unserer unabhängigen Website abschließen kann. Es hängt nur davon ab, ob Sie wissen, wie man es verwendet oder nicht.

Dann gibt es für einige Woocommerce-Inhalte noch die Integration. Bei vielen der Business-Themes, die wir früher verwendet haben, werden Sie feststellen, dass es einige Integrationsmodule gibt, denn egal, wie leistungsstark dieses Theme ist, es hat immer einige Funktionen, die nicht sehr professionell sind. Es muss also mit anderen Plug-Ins integriert werden, darunter auch einige SEO-Plug-Ins. Zuletzt hat es standardmäßig einige Module und schließlich hat es ein benutzerdefiniertes Layout und einige seiner offiziellen Supportleistungen, aber Sie müssen es für den offiziellen Support kaufen. Es kann nur die PRO-Version verwendet werden.

Preis des Astra-Business-Themas:

Über das nächste reden wir dann nicht mehr. Schauen wir uns vor allem den Preis an.

Jeder muss verstehen, warum wir empfehlen, dass Sie normalerweise Business-Themes bei Themeforest kaufen, aber Themeforest enthält nicht alle leistungsstärkeren Business-Themes. Beispielsweise ist der Astra, den wir jetzt sehen, nicht bei Themeforest. Was den Verkauf betrifft, verkauft er direkt auf seiner eigenen unabhängigen Website. Warum ist das so?

Wir alle wissen, dass derjenige, der als Erster auf der Plattform etwas verkauft, der Plattform eine bestimmte Provision zahlt, sodass ihr Gewinn etwas geringer ausfällt.

Zum anderen müssen auf diesen Plattformen bestimmte Regeln befolgt werden. Beispielsweise unterscheidet sich der Verkauf von Produkten auf Amazon völlig vom Verkauf von Produkten auf unserer eigenen, unabhängigen Website.

Auf Amazon müssen Sie die Regeln von Amazon befolgen. Sie müssen beispielsweise ein Markenzeichen haben. Sie können ein Logo auf Ihrer eigenen unabhängigen Site haben und Waren direkt verkaufen. Sie legen Ihre Regeln vollständig fest. Sie sind nicht wie bei Amazon. Sie können beispielsweise keine E-Zigaretten für Erwachsene anbieten und es gibt einige schwarze Kategorien 5, aber Sie können auf unserer unabhängigen Site alles tun.

Werfen wir einen Blick auf die Kosten von Astra. Die Kosten für dieses Thema sind relativ gesehen die höchsten, die ich je gesehen habe. Wir sehen, dass es in zwei Versionen unterteilt ist: Jahresmitgliedschaft und lebenslange Lizenz. Als Jahresmitglied kostet die PRO-Version der ersten Episode 44 US-Dollar. Der Kauf einer lebenslangen Mitgliedschaft kostet mehr als 200 US-Dollar, was relativ teuer ist.

6 Astra Business Theme Preisliste

Natürlich hat es auch einige andere Funktionen. Natürlich sind diese Funktionen hauptsächlich für einige seiner kommerziellen Dienste gedacht, darunter beispielsweise, dass wir gesehen haben, dass die zweite Version ein Elementor-Erweiterungs-Plugin enthält. Für Erweiterungs-Plugins wie dieses können Sie einige GPL-Versionen direkt herunterladen, bei denen es sich um Open-Source-Versionen handelt. Selbst wenn wir solche Plugins hier nicht kaufen, können wir dennoch andere Kanäle finden, um sie separat zu installieren.

Für den Aufbau einer eigenständigen Website reicht uns die PRO-Version von Astra aus.

Installation des Astra-Themas:

Lassen Sie es unten installieren. Die Installation ist in mehrere Schritte unterteilt:

  • Installieren Sie das kostenlose Astra-Design.
  • Verwenden Sie das von Xuejianzhan.com bereitgestellte Plug-in, um die Pro-Version zu aktivieren.
  • Installieren Sie die erforderlichen Plugins für das Thema.

Installation der kostenlosen Version von Astra:

Installieren wir zunächst die kostenlose Version. Wenn Sie sie nicht in den Rankings sehen, suchen Sie einfach direkt in den Suchergebnissen und der Leiste nach diesem Thema. Wir klicken auf das erste gefundene Thema.

7 Astra Kostenlose Theme-Suche Installation Aktivierung e1713519149425

Nach der Installation aktivieren wir es direkt. Hier müssen wir Ihnen erklären, dass wir, insbesondere bei einigen ausländischen Geschäftsthemen, manchmal einen wissenschaftlichen Internetzugang benötigen, wenn Sie es installieren, die erforderlichen Plug-Ins herunterladen oder sogar die Daten importieren. Wenn Sie es nicht hochladen oder importieren können, müssen Sie jetzt eine externe Netzwerkumgebung öffnen. Andernfalls können beispielsweise Google Fonts in der lokalen Umgebung in China nicht geöffnet werden. Möglicherweise haben Sie es zu diesem Zeitpunkt nicht heruntergeladen. Überprüfen Sie es also bitte.

Nach erfolgreicher Installation sehen wir an der Seite die Astra-Funktionsschaltfläche. Wir klicken, um das Dashboard aufzurufen, wo wir sehen, dass Sie es gerne verwenden können.

8 Astra-Design-Dashboard e1713519197353

Es gibt auch einige Installationsvideos. Die englische Version hat einige kostenlose Funktionen, die standardmäßig mitgeliefert werden. Wir können beispielsweise unser Site-Symbol, unsere Kopf- und Fußzeilenstruktur sowie einige Farb- und Schriftartänderungen festlegen. Im Folgenden sehen wir jedoch einige PRO-Logos und können diese Module nicht öffnen.

Astra Theme Pro-Version aktiviert:

Als nächstes müssen wir die PRO-Version installieren, die PRO-Aktivierung durchführen, unsere Plug-Ins eingeben und auf „Neu hinzufügen“ klicken. Wir haben einige notwendige Plug-Ins für ein solches Thema auf unserem Computer-Desktop vorbereitet, einschließlich des chinesischen Pakets.

9 Wichtiges Plugin für das Astra-Theme e1713519537790

Wir sehen, dass es hier drei Plug-Ins gibt. Das erste ist die PRO-Version, das zweite ist für den Atlas und das dritte für den Datenimport per Mausklick von der Site. Sie können es nach Ihren Wünschen installieren. Wir installieren zuerst die PRO-Version, dann die erste Installation, öffnen sie und installieren sie direkt.

Nach erfolgreicher Installation aktivieren wir dieses Plugin und gelangen auf ein Funktionspanel wie bei Astra. Im Dashboard sehen wir, dass alle folgenden Funktionen geöffnet sind. Diese können wir mit einem Klick aktivieren und ihr könnt sie auch nach eurem Bedarf aktivieren. Hier aktivieren wir sie mit einem Klick. Nach erfolgreicher Aktivierung könnt ihr diese Einstellungen aufrufen.

10 Aktivierung der Funktion „Astra Theme Pro“ e1713519301280

Die grauen unten sind also ihre Testversionen. Die PRO-Version ist nicht geöffnet, daher können wir sie nicht verwenden. Nachdem das Astra-Design aktiviert wurde, besteht der nächste Schritt darin, seinen Stil entsprechend unserer normalen Verwendung von Geschäftsdesigns zu importieren.

Importieren des Astra-Theme-Vorlagenstils:

Wir sehen, dass der dritte Button dazu da ist, den Import von Stilen zu starten, aber er meldet, dass wir derzeit nicht importieren können, da uns ein Plugin für den Datenimport fehlt, also geben wir unsere Plugins erneut ein – Neu hinzufügen, laden dann das Plugin hoch und wählen unser Astra-pro-sites-Plugin im Plugin-Paket aus und klicken dann, um die Installation zu öffnen. Nach erfolgreicher Installation aktivieren wir dann das Plugin. Nun gelangen wir direkt zu einer solchen Datenimport-Schnittstelle.

11 Schnittstelle zum Importieren von Astra-Theme-Daten

Ein weiteres Plug-in, Astra-portfolio, ist unser Atlas. Wenn Sie ihn also benötigen, können Sie ihn hinzufügen. Wenn Sie ihn nicht benötigen, müssen Sie ihn nicht installieren. Wir werden ihn hier vorerst nicht installieren, da der Atlas auf unsere Fälle oder einige Projekte verweist. Wenn wir keinen solchen Inhalt haben, müssen wir ihn nicht hinzufügen.

Werfen wir einen Blick auf den Datenimportprozess. Hier sehen wir, dass jeder Vorlagenstil drei Seitenersteller unterstützt. Der erste ist der standardmäßige Gutenberg-Editor von WordPress. Natürlich wird auch der standardmäßige Gutenberg-Editor von WordPress weiterentwickelt und verfügt auch über viele Erweiterungs-Plugins. Dies ist derzeit der schnellste Weg, da es direkt das ursprüngliche Seitenerstellungsmodul von WordPress verwendet, dies ist jedoch relativ wenig visuell. Daher ist die Verwendung für viele Leute nicht besonders bequem. Wir werden später auch die Verwendung für dieses Modul erklären.

Der Zweite ist der Elementor, mit dem wir sehr gut vertraut sind.

Wir verwenden den Third-Page-Builder selten, da die Nutzungsrate dieses Moduls auf dem Markt relativ gering ist. Wenn wir also auf Probleme stoßen oder einige Funktionserweiterungen vornehmen möchten, ist es umso mühsamer. Daher verwenden wir den mittleren Elementor, der ebenfalls ein Page-Builder ist, der derzeit zum Astra-Theme passt.

Wir wählen das Element in der Mitte aus und geben direkt eine seiner Datenschnittstellen ein, die verschiedene Funktionsvorlagen enthält, einschließlich des Stildesigns der gesamten Site. Wir richten es auch nach unseren eigenen Anforderungen aus. Wenn Sie beispielsweise eine TOB-Site erstellen, wählen Sie „Geschäft“ und finden dann den gewünschten Stil. Wenn Sie ein Geschäft erstellen, wählen Sie „Online-Shop“. Wir wählen „Online-Shop“. Es gibt viele TOC-Sites. Wir können einen Stil auswählen. Natürlich können wir auch eine Vorschau anzeigen und einen finden, der Ihren Anforderungen entspricht. Ein Designstil mit einem relativ hohen Bekanntheitsgrad und ihn dann importieren.

12 Demo-Datenfluss zum Importieren von Astra-Themen

Wir sehen hier, dass es auch ein PRO gibt, aber dieses PRO kann auch importiert werden, da unser Plugin die GPL-Version der Open-Source-Version ist. Wir möchten jetzt beispielsweise eine Schnittstelle im kosmetischen Stil importieren, aber Sie können auch den Damenbekleidungsstil verwenden, der verfügbar ist. Hier gibt es beispielsweise Damenbekleidung. Lassen Sie uns eine der Kosmetika importieren und dann auf OK klicken. Nach dem Klicken können wir einfach in der Vorschau anzeigen, ob dieses Thema unserem Stil entspricht.

Wenn Sie der Meinung sind, dass diese Vorschau nicht umfassend genug ist, gehen Sie einfach auf die offizielle Website, suchen Sie das Modul „Vorlagen“, wählen Sie hier den gewünschten Stil aus, suchen Sie einen Stil und sehen Sie sich dann eine Vorschau an.

Hier schauen wir uns diesen Ort direkt an. Wenn Sie denken, dass es in Ordnung ist, können Sie ein Logo hochladen. Natürlich können Sie das Logo auch später hochladen. Hier überspringen wir es einfach in einem Schritt, überspringen und fahren fort. Dann können Sie auch einige Farbeinstellungen entsprechend dem Stil Ihrer Site vornehmen. Wir überspringen das Gleiche und fahren fort.

13 Astra-Theme Import Store-Theme

Okay, dann kommen wir zum letzten Schritt. Im letzten Schritt werden Ihre Daten erfasst. Sie können diese ausfüllen oder nicht.

Folgendes muss importiert werden. Als Erstes müssen beispielsweise die Einstellungen unseres Designs, Module, einige erforderliche Plug-Ins, Dateninhalte und einige andere Daten importiert werden. Wir überprüfen sie alle. Aktivieren Sie das Kontrollkästchen. Nach der Auswahl können Sie den obigen Inhalt ausfüllen oder nicht. Klicken Sie dann auf „Senden“ und beginnen Sie mit dem Erstellen unserer Websites, die unsere unabhängige Station sind. Hier müssen wir einen Moment warten, bis er alle Daten-Plug-Ins erfolgreich importiert hat.

14 Astra-Themenauswahl zum Importieren von Daten

Wenn er uns mitteilt, dass der Import erfolgreich war, können wir direkt zu diesem Ort gehen und dann zum Aktualisieren zu unserer Homepage zurückkehren.

Jetzt sehen wir, dass unsere unabhängige Site in ihren Demo-Stil importiert wurde. Dies ist eine Inhaltsverzeichnis-Site, die Kosmetika verkauft. Das Menü oben enthält unten einige Produkte. Wenn wir auf ein Produkt klicken, können wir das Produkt sehen. Natürlich können die importierten Daten im Stil etwas unregelmäßig sein, aber das ist in Ordnung. Wir können diese Seite später ändern, aber ihre Geschwindigkeit ist relativ hoch.

15 Astra-Theme-Daten erfolgreich importieren e1713519495723

Darüber hinaus wurden einige andere Seiten unserer unabhängigen Site, wie z. B. die Info-Seite, die Kontaktseite usw., für uns importiert. Auf diese Weise können wir sie später in unseren eigenen Inhalt ändern, was effizienter ist. Dies betrifft den Installations-, Aktivierungs- und Datenimportprozess des Astra-Themas.