Funktionen des Blocksy-Themas:
Gehen wir zunächst auf die offizielle Website des Themes und sehen uns einige seiner Funktionen an. Zunächst einmal ist Blocksy ein sehr schnelles Theme, ähnlich wie das, das wir zuvor verwendet haben. Dieses Theme bietet eine kostenlose Version, was einer der Gründe ist, warum dieses Theme von so vielen Leuten verwendet wird.
Blocksy-Geschwindigkeitsleistung:
Natürlich zeigen wir Ihnen hier die kostenlose Version und die PRO-Version. Werfen wir einen Blick auf die Funktionen. Das größte Merkmal ist die hohe Geschwindigkeit. Wir können sehen, dass bei der Installation dieses Designs die offiziellen Anweisungen besagen, dass Sie mit dem Geschwindigkeitstesttool von Google grundsätzlich mehr als 95% erreichen können, und die Testgeschwindigkeit anderer Testtools ist ebenfalls sehr hoch.
Kompatibel mit Mainstream-Buildern:
Darüber hinaus sehen wir seine Hauptmerkmale: Das erste ist schnell, das zweite ist die Kompatibilität mit Gutenberg und Codetrennung. Es ist auch mit diesem mehrsprachigen Modul kompatibel und der Code ist relativ ordentlich. Darüber hinaus ist dieses Thema mit 4 Arten von Seitenkonstruktionen kompatibel, die wir häufig verwenden, wie z. B. Gutenberg, Brizy, Elementor einschließlich Beaver Builder, die alle kompatibel sind.
Dann können wir sein Layout sehen, seine Kopfzeile und die untere Seitenleiste können eingestellt werden, und es bietet uns viele Kopfzeilenlayouts. Natürlich muss dies mit der PRO-Version installiert werden, um es verwenden zu können. Dann sehen wir, dass seine Farbe, Hintergrundfarbe und Schriftarten alle geändert werden können, einschließlich unserer Produktliste und Artikelliste. Darüber hinaus ist es mit Gutenberg kompatibel, sodass Gutenberg ein Seitenersteller ist, der häufig in neuen Versionen von WordPress verwendet wird., aber wir sind normalerweise daran gewöhnt, Elementor zu verwenden, also ignorieren wir einen so alten Burgseitenersteller.
Wenn wir einen neuen Artikel erstellen und jetzt diese Seite aufrufen, handelt es sich um Gutenberg. Gutenberg ist also dasselbe, es ist offiziell und hat diese Module standardmäßig modularisiert. Wenn wir beispielsweise einen Absatz oder ein Bild einfügen, gibt es bestimmte Module, aber dieses Modul ist relativ einfach. Darauf basierend hat Blocksy einige visuelle Drag-and-Drop-Module erstellt, damit Sie sie bequemer bearbeiten können. Darüber hinaus bietet es auch viele Themen, darunter WooCommerce-Kompatibilität, WooCommerce-Integration und einige häufig verwendete Marketing-Plugins. Dann können wir auch eine Vorschau der Demo anzeigen.
Blocksy-Demostil:
Jetzt öffnen wir eine der Inhaltsverzeichnisseiten und sehen, dass die Reaktionsgeschwindigkeit der gesamten Seite sehr schnell ist. Wenn wir dann eines der Produkte öffnen, sehen wir, dass die Gesamtgeschwindigkeit sehr schnell ist und auf unserer Produktdetailseite alle verfügbaren Elemente vorhanden sein sollten. Wenn nicht, können Sie auch einige Kompatibilitäts-Plugins installieren. Damit gibt es kein Problem.
Dieses Thema wurde also für Sie vorbereitet. Natürlich haben wir hier die PRO-Version für Sie vorbereitet. Die PRO-Version ist ein Plug-in. Da wir Ihnen gerade von diesem Thema erzählt haben, gibt es eine kostenlose Version. Sie müssen also zuerst die kostenlose Version von Blocksy installieren und dann das PRO-Plug-in installieren, um die kommerzielle Version zu aktivieren.
Installation des Blocksy-Themas:
Zuerst rufen wir unser Backend auf, suchen dann die Themeninstallation und klicken dann auf „Neues Thema installieren“. Hier laden wir das Thema nicht direkt hoch, sondern finden Blocksy unter einigen beliebten Themen, die von WordPress bereitgestellt werden. Natürlich können Sie auch direkt zur Suche gehen, da Blocksy selbst relativ weit oben rangiert, sodass wir es an dieser Stelle sehen können.
Sie können aber auch direkt danach suchen, wenn Sie danach suchen. Wenn wir beispielsweise nach Blocksy suchen, sehen wir jetzt dieses Design. Wir müssen zuerst das kostenlose Design installieren, das Design nach erfolgreicher Installation aktivieren und es dann erfolgreich aktivieren. Natürlich können wir jetzt dieses Design verwenden.
Da es sich bei diesem Design jedoch um eine kostenlose Version handelt, wird eine Erinnerung angezeigt, die Ihnen empfiehlt, die PRO-Version zu installieren. Daher müssen wir hier das PRO-Plug-In installieren, sodass Sie es links sehen können. Unter den Designeinstellungen können auch die Funktionen hinzugefügt werden, die wir gerade auf der Homepage durchsucht haben, z. B. das Drag & Drop-Modul für die Einstellungen in der Kopfzeile usw. Hierfür muss die PRO-Version aktiviert sein. Daher installieren wir das Plug-In, klicken dann auf „Installieren“ und wählen das vorbereitete Plug-In aus. Hier installieren wir direkt das PRO-Plug-In und klicken, um die Installation zu öffnen.
Nachdem das Plug-In erfolgreich installiert wurde, aktivieren wir es. Glücklicherweise gibt es jetzt keine Eingabeaufforderung mehr, sondern wir können direkt einen Blick auf die Blocksy-Einstellungsoberfläche werfen. Zunächst einmal gibt es hier viele Einstellungen. Die Einstellungen hier werden nicht im Hintergrund, sondern in unserer Anpassung vorgenommen.
Wenn wir die Farbe unserer Site ändern möchten, klicken Sie hier zuerst auf das Dokument und dann auf Einstellungen. Beispielsweise öffnet sich unser neues Fenster und wir können es dann in unserer Anpassung sehen.
Blocksy-Theme-Einstellungen:
Es sind unsere globalen Einstellungen, wie unsere Grundeinstellungen, einschließlich unseres Kopfbereichs. Hier können Sie also per Drag & Drop Module hinzufügen oder hinzufügen. Darüber hinaus können Sie auch auf unsere Tablets oder Mobiltelefone zielen. Terminal, und dann dessen Module einrichten, dann gibt es einige andere Einstellungen, einschließlich unserer unteren Seitenleiste, Farbschriftart, Leistungseinstellungen, unserer Blogseiten-Konfigurationsseite usw. Wir werden später darüber sprechen. Wir schalten es zuerst aus, dann sind die anderen Einstellungen gleich. Wenn Sie auf eine beliebige Option klicken, gelangen Sie zu den Einstellungen, die wir gerade gesehen haben und mit denen Sie unsere Farbe, Schriftart, Kopf- und Unterseite, Blogseite, Beitrag, Seiten und Seitenleiste ändern können.
Dann können Sie rechts auch sehen, dass es Video-Tutorials und Wissensdokumente gibt.
Das Zweite, was wir sehen, ist der Vorlagenimport. Auch hier werden viele Vorlagen bereitgestellt. Wir sollten also auf diese Vorlagen achten. Einige davon werden direkt mithilfe von Gutenberg-Seiten erstellt, und einige sind mit Elementor kompatibel. Es hängt also von Ihren eigenen Anforderungen ab. Wenn Sie an die Verwendung von Elementor gewöhnt sind, sollten Sie die mit Elementor kompatiblen Designvorlagen auswählen und importieren.
Blocksy Theme Premium-Erweiterung:
Das dritte ist das Erweiterungsmodul. Um die Geschwindigkeit nicht zu beeinträchtigen, wird das Erweiterungsmodul nicht direkt eingeschaltet. Wenn wir es brauchen, können wir es ausschalten. Das erste ist beispielsweise unser Cookie. Wenn ein Benutzer unsere Site öffnet, wird eine Cookie-Erinnerung angezeigt. Das heißt, der Kunde kann klicken, um zuzustimmen, seine Informationen wie seine Browserinformationen, seine IP-Adresse usw. zu erhalten.
Dann ist da noch der Newsletter. Natürlich muss dieser Newsletter von einem Drittanbieter übernommen werden. Wir können beispielsweise Chimpanzee oder andere Newsletter verwenden. Wenn wir ihn verwenden, erklären wir es Ihnen, einschließlich unserer Produktbewertung. Die Produktbewertung ist nicht die Standardbewertung unserer Produkte, aber über dieses Modul können Sie unserem unabhängigen Sender ein Affiliate-Marketing-Modul hinzufügen. Hier können Sie ein Produkt ansprechen und seine Leistung auflisten und dann am Ende einen Link hinzufügen. Dieser Link kann in eine Allianz von Amazon oder eine Allianz von Alibaba International Station importiert werden und die Benutzer dann dazu führen, andere Produkte einzugeben und dann Einkäufe zu tätigen.
Unverzichtbares Blocksy-Plugin:
Die andere Sache ist, dass seine beliebten Beiträge auch ein Modul sind, das einige andere Erweiterungen enthält, die unten aufgeführt sind. Natürlich sind diese alle für die PRO-Version, einschließlich einiger Erweiterungen aus unserem Store, einschließlich unserer Produkterweiterungen sowie lokaler Schriftarten und Anpassungen. Schriftarten oder Adobe-Schriftarten, einschließlich Supermenüs usw., wir werden es Ihnen später erklären, wenn wir es verwenden. Es ist eigentlich eine Erweiterung. Jede der Erweiterungen hier erfordert die Installation einiger Plug-Ins, wenn Sie andere Designs verwenden. Wenn das Design keines hat, entspricht dies der Integration dieses Designs in dieses Modul. Wenn Sie diese Module dann verwenden müssen, müssen Sie sie nur aktivieren.
Darüber hinaus gibt es einige empfohlene Plug-Ins. Das erste, das wir gesehen haben, war beispielsweise ein Gutenberg-Erweiterungs-Plug-In. Wenn das von Ihnen importierte Design Gutenberg verwendet, können Sie das Gutenberg-Erweiterungs-Plug-In verwenden. Es gibt noch einige andere, beispielsweise haben wir den Elementor-Seitenersteller, unser Übersetzungsmodul usw. gesehen, einschließlich unserer Formulare. Diese Module haben kommerzielle Versionen in unserem Lernraster und Sie können sie direkt herunterladen. Werfen Sie außerdem einfach einen Blick auf das Aktualisierungsprotokoll.
Demo zum Importieren des Blocksy-Theme-Stils:
Als Nächstes importieren wir direkt einen Vorlagenstil. Die Demo-Site, die wir gerade gesehen haben, ist beispielsweise eine Inhaltsverzeichnis-Site. Wenn Sie eine Inhaltsverzeichnis-Site erstellen, können Sie diese Vorlage importieren, aber diese Vorlage verwendet das alte Schloss. Wenn Sie also an die Verwendung von Elementor gewöhnt sind, suchen Sie einfach eine Elementor-Vorlage und importieren Sie sie.
Wenn wir beispielsweise jetzt eine solche Vorlage sehen, können wir sie zunächst in der Vorschau anzeigen. Nach dem Öffnen können wir sehen, dass dies eine Standard-Inhaltsverzeichnisseite ist. Sie enthält auch Produkte, und dann können wir die Produkte öffnen, um sie uns anzusehen. Die Benutzeroberfläche ist auch sehr schön. Wenn dieses Design Ihren Anforderungen entspricht, können Sie es einfach direkt importieren.
Es ist auch mit Elementor kompatibel, und dann klicken wir auf Importieren. Hier empfiehlt er, dass wir sein Unterthema installieren, hauptsächlich basierend auf Ihren eigenen Anforderungen. Wenn Sie Ihrem Thema später Code hinzufügen müssen, installieren Sie am besten ein Unterthema. Hier installieren wir es also standardmäßig, klicken dann auf Weiter und können dann seinen Seitenersteller auswählen. Der erste ist Gutenberg. Tatsächlich ist dieses Thema mit Gutenberg kompatibel. Die Geschwindigkeit ist am schnellsten.
Aber es hängt auch von Ihren Gewohnheiten ab. Genau wie wir Ihnen normalerweise vorschlagen, sagen wir nicht, dass wir diese Geschwindigkeit anstreben müssen, sondern dass dieses Thema zuerst unsere Bedürfnisse erfüllen muss und wir dann basierend auf diesem Bedürfnis die Geschwindigkeit optimieren können, anstatt die ultimative Geschwindigkeit anzustreben.
Viele unabhängige Websites von Anfängern verwenden einige sehr einfache Themen, wie zum Beispiel Astra Ein solches Design hat an sich nur sehr wenige Funktionen und kann Ihre Anforderungen nicht erfüllen. Sie müssen also später noch viele Plug-Ins installieren, was Ihre Geschwindigkeit überhaupt nicht verbessert. Daher muss hier jeder aufpassen. Wenn wir ein Design oder einen Seitenersteller auswählen, muss das erste die Anforderungen erfüllen und das zweite muss praktisch sein. Die Verwendung ist für Sie nicht zu kompliziert. Andernfalls müssen Sie immer noch viele Plug-Ins installieren und viel Code ändern. Das ist nicht anders, als selbst eine Designvorlage zu schreiben. Seien Sie also nicht technikbesessen, sondern erfüllen Sie zuerst Ihre Anforderungen.
Es gibt viele Möglichkeiten, die Geschwindigkeit unabhängiger Stationen zu verbessern, und egal wie komplex das Thema ist, wir können es selbst für den größten Avatar sehr schnell optimieren. Daher müssen wir berücksichtigen, wie schnell die Geschwindigkeit dahinter ist, aber zuerst Ihre Anforderungen erfüllen.
Wir sind es beispielsweise gewohnt, Elementor zu verwenden. Wir werden uns hier für Elementor entscheiden. Natürlich ist die Verwendung von Gutenberg dieselbe. Später werden wir einige der Erweiterungs-Plugins von Gutenberg aktualisieren. Die Anwendungen sind ähnlich. Ja, es hat nur kein Elementor. Es wird derzeit häufig verwendet, weil Elementor viele Erweiterungs-Plugins hat. Als wir beispielsweise von Modern Network erfuhren, haben wir sechs oder sieben davon mit Ihnen geteilt. Mit diesen Erweiterungs-Plugins kann Ihre unabhängige Station alle gewünschten Funktionen erreichen, also ist dies das, was wir am meisten wollen.
Hier verwenden wir also immer noch Elementor und klicken dann auf „Weiter“. Anschließend müssen wir drei Standard-Plugins installieren. Das erste ist unser Formular, das zweite ist die kostenlose Version von Elementor und die dritte physische Steuertür haben wir bereits installiert. Okay, also klicken wir, damit er das Plugin installiert, und klicken auf „Installieren“.
Nachdem der Import erfolgreich war, können wir unsere Site jetzt aktualisieren. Wir sehen, dass die gesamte Site importiert wurde, aber wir sehen, dass es ein Problem mit der Position der obersten Folie gibt, und dann öffnen wir eine davon. Produkte und Produkte sind normal, dann können wir die Homepage bearbeiten, wenn es soweit ist, einschließlich unserer Shop-Seite. Der größte Vorteil der gesamten Seite ist ihre Geschwindigkeit, da wir jetzt nur sehr wenige Plug-Ins installiert haben und dieses Thema sein Hauptaugenmerk auf schnelle Geschwindigkeit legt, was auch für seine Blog-Seite normal ist. Hier geht es um die Installation und den Datenimport des Blocksy-Themas. In der nächsten Lektion erklären wir Ihnen seine Einstellungen.
