Einführung zum Electro-Thema:
Die Verkäufe von Electro auf Themeforest sind ebenfalls sehr hoch. Ich habe das Theme vor langer Zeit verwendet. Für welche Art von Site ist es geeignet? Wenn Sie beispielsweise eine unabhängige Site erstellen, handelt es sich um eine Inhaltsverzeichnis-Site, und Ihre Kategorien sind vielfältig, ähnlich wie Inhaltsverzeichnis-Portal-Sites auf Plattformebene wie AliExpress oder Amazon, oder wenn Sie auf Ihrer unabhängigen Site mehrere Produktmarken haben, können wir diesen umfassenden Effekt erzielen, wenn wir das Electro-Theme verwenden, um es zu diesem Zeitpunkt zu erstellen. Dies ist eine der Demo-Sites, die wir eröffnet haben und die mit Electro erreicht wurde.
Die gesamte Site ist sehr umfangreich. Auf der linken Seite sehen wir mehrere Kategorien, die denen von Amazon oder AliExpress Alibaba International Station ähneln. Jede Kategorie hat viele Unterkategorien und dann gibt es viele Aktivitäten. Verschiedene Produktkategorien müssen auf unterschiedliche Weise präsentiert werden. Für Sites wie diese ist es für uns sehr praktisch, Electro zu verwenden.
Werfen wir einen Blick auf die offizielle Einführung. Zunächst einmal heißt es bei diesem Thema, dass es sich um ein sehr sauberes und modulares Geschäftsthema handelt, das sehr benutzerfreundlich ist. Derzeit wurde die Version auf 13+ und höher aktualisiert und es gibt viele Arten davon. Stil, jeder ist eine integrierte unabhängige Station auf Plattformebene mit mehreren Kategorien, mehreren Lieferketten und mehreren Marken.
Natürlich ist die Demonstrationswirkung nicht besonders groß, da die einzelnen Schnittstellen sehr komplex sind und es daher nicht so viele Demonstrationsseiten gibt.
Benutzerfreundliche mobile Anpassung:
Darunter werden einige Demoseiten hinzugefügt. Dabei handelt es sich um Vorlagen für verschiedene Seiten, die Sie ersetzen können. Darüber hinaus ist es auch sehr mobiltelefonfreundlich.
Wenn wir eine so große Site sehen, machen wir uns normalerweise nur Gedanken über die mobile Version. Bei dieser Site wurden bereits einige benutzerfreundliche Änderungen an der mobilen Version vorgenommen, sodass sie auf der mobilen Version sehr ordentlich aussieht.
10 Anzeigestile für Kopfzeilen:
Darunter werden viele Header-Stile bereitgestellt. Obwohl Sie den Header nicht anpassen können, werden Ihnen viele Stile bereitgestellt, sodass Sie auf jeder Ihrer Seiten auch unterschiedliche Header anzeigen lassen können.
Im Folgenden finden Sie einige Kompatibilitäten für Wukong, hauptsächlich für unsere Produktseiten, einschließlich einiger Boxmodelle, Vollbild-Seitenleisten und einiger unserer Attribut-Tags.
Kompatibilität mit gängigen Plugins:
Hier ist seine Einführung in dieses Thema. Zunächst einmal ist es kompatibel mit Elementor Dieses Plugin ist für diesen Page Builder und ist auch kompatibel mit WPbakery und dann gibt es im Hintergrund auch noch eine Administrator-Einstellungsoberfläche. Unten sind einige der vorgefertigten Farben und einige andere Anweisungen. Es unterstützt auch den Ein-Klick-Import unserer Daten. Es ist auch relativ SEO-freundlich und unterstützt verschiedene mehrsprachige Websites.
Deshalb haben wir dieses Thema für Sie vorbereitet, damit Sie es direkt auf dieser Seite herunterladen können. Ich habe es hier heruntergeladen, einschließlich seines Hauptprogramms und seiner Unterthemen. Dieses Thema folgt auch der GPL-Vereinbarung. Ja, es ist eine Open-Source-Lizenz. Die Themen und Plug-Ins, die wir mit Ihnen teilen, folgen alle der GPL-Lizenz. Natürlich sind auch einige Plug-Ins enthalten. Natürlich können wir diese Plug-Ins online installieren und einige Daten können importiert werden.
Installation des Electro-Themes:
Okay, betreten wir unsere Site. Hier haben wir eine reine WordPress-Site vorbereitet. Suchen Sie dann das Design, dann das Hauptprogramm und klicken Sie, um die Installation zu öffnen.
Nachdem das Theme erfolgreich installiert wurde, aktivieren wir es. Nun ist das Theme aktiviert.
Wenn wir unsere Homepage jetzt aktualisieren, wurde sie natürlich auf dieses Design umgestellt, aber jetzt sehen wir, dass dieses Design ein Chaos ist. Das liegt daran, dass dieses Design so viele Einstellungen hat. Insbesondere auf der Homepage müssen verschiedene Produktkategorien aufgerufen werden, um normal angezeigt zu werden. Daher können wir dieses Design hier nur verwenden, indem wir seine Daten importieren und dann seine Seite basierend auf diesen Daten ändern. Im Gegensatz zu anderen Designs müssen Sie also keine Daten importieren. Sie können die Seite Stück für Stück mithilfe des Seitenerstellers erstellen. Dieses Design muss jedoch importiert werden, da die Einrichtung sonst sehr mühsam ist.
Installation des Electro Essentials-Plugins:
Wenn wir also die Daten importieren möchten, müssen wir die erforderlichen Plug-Ins installieren. Klicken Sie hier, um die Plug-Ins zu installieren. Es gibt viele Plug-Ins. Wenn es sich um eine neue Site handelt, empfehle ich Ihnen, alle Plug-Ins zu installieren. Installieren Sie einfach alle Plug-Ins am Anfang und löschen Sie sie später.
Denn wir sehen, dass viele dieser Plugins dupliziert werden. Beispielsweise fügt ACF einige Anpassungen hinzu. Das ist nutzlos, aber Sie können es auch installieren. Das zweite ist das Erweiterungs-Plugin und das dritte ist ein Link zu einer Komponente auf Envato Market, die beweist, dass Sie dieses Design gekauft haben. Es ist eine Autorisierung und Sie können es online aktualisieren. Die anderen sind einige seiner Komponenten. Eines davon hat, wie wir sehen, einen Datenimport, also müssen wir zuerst alle diese Plugins installieren und dann werden wir die Rolle jedes Plugins verstehen und welche Plugins verwendet werden können. Löschen Sie es, also klicken wir auf Installieren.
Nachdem alle Plug-Ins erfolgreich installiert wurden, aktivieren wir diese Plug-Ins. Nach der Aktivierung aktualisieren wir unseren Hintergrund. Jetzt verfügt er über einige zusätzliche Funktionen. Darüber müssen wir uns keine Gedanken machen. Wir sehen es hier. Optionen für Designeinstellungen.
Da Sie ein solches Designeinstellungselement nur sehen können, wenn Sie das Panel des Plug-Ins installieren, das es anzeigt, ist der andere hinzugefügte Inhalt sehr gering. Natürlich sehen wir auch, dass es einen statischen Block hinzufügt. Dies ist dieselbe Vorlage, die in unserem verwendet wird Elementor.
Importieren von Elektro-Vorlagendaten:
Hier importieren wir zunächst die Daten. Wir finden sie hier im Theme. Sie sind in diesem Theme platziert. Im Theme gibt es einen Datenimport. Wir klicken, um ihn zu öffnen. Nach dem Öffnen können Sie hier einige seiner Themes sehen.
Natürlich gibt es oben auch einige Hinweise. Wenn beispielsweise unsere physische Steuerung nicht aktualisiert wurde, hat dies keine Auswirkungen. Dann ist der Themenstil hier auch in verschiedene Seitenersteller unterteilt. Der erste, den wir sehen, sind alle Daten. Der zweite ist für einige Vorlagen, er importiert einige einzelne Seiten, z. B. importiert er eine Homepage, und die anderen sind Home-Seiten.
Die dritte Seite ist eine Seite, die mit dem WPbakery-Seitenersteller erstellt wurde. Wenn Sie mit dem WPbakery-Ersteller vertraut sind, können Sie sie auf diese Weise importieren. Verwenden Sie diese Option, um diese Seiten zu importieren, obwohl der Designstil lang ist. Sie sind alle ähnlich, aber der verwendete Seitenersteller ist unterschiedlich, sodass auch die Art und Weise, wie er später bearbeitet wird, unterschiedlich ist.
Die andere Möglichkeit ist, Elementor zu verwenden. Wenn Sie also Elementor verwenden möchten, importieren Sie es zunächst in Elementor. Ich bevorzuge Elementor und verwende daher direkt diese Schnittstelle zum Importieren. Natürlich gibt es noch einige andere, die uns hier nicht interessieren. Sie können diejenige auswählen, die Ihren Anforderungen und dem, was Sie erstellen möchten, entspricht. Die Anforderungen einiger unabhängiger Stationen werden abgeglichen, und dann können Sie sie importieren. Beispielsweise importieren wir die Seite an dieser Stelle, und dann können Sie sie auch in der Vorschau anzeigen. Hier klicken wir direkt, um das Plug-In zu installieren.
Es weist uns auch darauf hin, dass einige Plug-Ins noch nicht installiert wurden. Zwei davon sind Elementor und eines ist unser WooCommerce. Wir müssen ein Upgrade durchführen, also aktivieren wir diese beiden Plug-Ins. Denn wenn wir Elementor zum ersten Mal auf unserer neuen Site installieren, wird es eine Erinnerung geben. Wir müssen uns darüber keine Gedanken machen. Dann gehen wir direkt wieder in den Hintergrund. Nachdem wir den Hintergrund betreten haben, finden wir es wieder. Importieren Sie die Daten im Erscheinungsbild, finden Sie das Elementor und können dieses Mal seine Daten direkt importieren. Klicken Sie auf , um die Daten zu importieren, und es wird uns daran erinnern, dass wir einige erforderliche Plug-Ins benötigen. Wir haben diese Plug-Ins bereits installiert, also klicken wir auf , um mit dem Importieren fortzufahren, und es wird uns jetzt beim Importieren der Daten helfen. Dies ist der exportierte Stil.
Wenn die Eingabeaufforderungsdaten erfolgreich importiert wurden, kehren wir jetzt zur Aktualisierung zu unserer Homepage zurück und sehen den Effekt der gesamten Benutzeroberfläche. Natürlich sind die darauf angezeigten Daten relativ klein.
Aber wir können den Inhalt hier über das Menü hinzufügen. Dann sehen wir links das Logo und das Menü. Hier können Sie ein Menü und eine Suche hinzufügen. Sie können auch verschiedene Kategorien in der Suche auswählen. Es handelt sich also um eine große portalartige Inhaltsverzeichnisseite mit einem schwebenden Menü auf der linken Seite. Aber nachdem wir sie importiert hatten, stellten wir ein Problem fest. Die darin enthaltenen Bilder werden nicht angezeigt. Dies liegt daran, dass dieses Design andere Bilder verwendet, die von uns nicht autorisiert sind. Unabhängig davon, welche Version Sie verwenden, wird das exportierte Ergebnis so aussehen.
Sie müssen die Produkte hier also noch ändern, damit sie Ihre Produkte sind, einschließlich des Banners oben. Die Bilder darin werden nicht angezeigt. Sie werden alle mithilfe eines Platzhalters angezeigt, einschließlich der oberen und unteren Strukturen. Wir haben gesehen, dass es sehr umfangreich war, und wir haben eines der Produkte geöffnet.
Sie können auch die Produktschnittstelle aufrufen, die ebenfalls sehr umfangreich ist und im Allgemeinen der von Amazon oder Alibaba International Station ähnelt, was diesen Effekt hat. Dann können Sie hier auch mehrere Marken und mehrere Lieferanten hinzufügen. Wir können auf der Demo-Site sehen, dass die hier verkauften Produkte sehr unterschiedlich sind, darunter alle Arten von elektronischen Produkten. Auf diese Weise haben wir das Elektrothema abgeschlossen. Der erste Schritt ist die Installation und der Datenimport.