Wir gehen in 4 Schritten vor:
- So installieren Sie das Flatsome-Theme;
- So installieren Sie die erforderlichen Plug-Ins für das Flatsome-Theme;
- So importieren Sie Demodaten des Flatsome-Themas;
- So ändern und bearbeiten Sie die Flatsome-Themenseite;
Nachfolgend zeigen wir Ihnen detailliert, wie jeder Schritt funktioniert.
Installation des Flatsome-Themas:
Zuerst installieren wir es. Wir haben ein Theme vorbereitet, Flatsome. Es gibt ein Haupt-Theme und ein Unter-Theme. Normalerweise müssen wir nur ein Theme installieren. Wir können dieses Unter-Theme installieren, und Sie müssen es auch nicht installieren.
Seine Hauptfunktion besteht darin, dass wir dieses Thema später sekundär weiterentwickeln können. Wenn Sie dies nicht benötigen, reduzieren Sie einfach die Codemenge. Das ist also das Thema. Es macht nichts, wenn Sie nicht alle Dateien verstehen. Später werden wir allen die Vorlagenstruktur der Vorlagendatei für dieses Thema erklären.
Das komprimierte Format aller hochgeladenen Vorlagen muss .zip sein. Sie müssen also sicherstellen, dass es .zip ist. Wenn es .rar ist, kann es nicht hochgeladen oder erkannt werden. Bitte haben Sie Verständnis.
Flatmanche Thema hochladen;
Zurück zu unserem Backend. Ich habe es auf die englische Benutzeroberfläche umgestellt. Die englische und die chinesische Benutzeroberfläche sind genau gleich, es gibt also keinen großen Unterschied. Wir suchen nach dem Erscheinungsbild. Unser aktueller Designstil ist ein Standardstil. Jetzt suchen wir nach dem Erscheinungsbild. Im Erscheinungsbild ist ein Design vorhanden. Nachdem wir es geöffnet haben, klicken wir auf „Neu hinzufügen“. Dies sind einige Designs, die Sie zuvor installiert haben. Dies ist das Standarddesign. Klicken Sie dann auf „Neues Design hinzufügen“, laden Sie die ausgewählte Datei direkt hoch, suchen Sie das Design, das Sie auf Ihrem Computer vorbereitet haben, klicken Sie auf „Öffnen“ und dann auf „Installieren“. Da dieses Design nur 6 MB groß ist, geht es sehr schnell. Im Grunde installieren Sie es einfach und es wird bald funktionieren.
Nach der Installation können wir auf die Vorschau der ersten Schaltfläche klicken oder direkt zur offiziellen Website dieser Vorlage gehen. Natürlich können wir dies auch direkt tun, indem wir auf „Aktivieren“ klicken.
Nun, nach der Aktivierung verfügen einige Designs über ein Installationsfenster. Genau wie bei der Installation von WooCommerce wird es einen schnellen Konfigurationsassistenten wie diesen geben. Natürlich können Sie direkt zu Ihrem Backend springen, aber wir folgen ihm einfach. Für diesen Schritt werden wir alle Schritte dieser Vorlage demonstrieren, da wir jetzt diese Vorlage verwenden.
Flateinige Installationsassistenten:
Wir sehen, dass es willkommen ist, also machen Sie sich keine Sorgen. Dann fangen wir direkt an. Diese Vorlage wurde grün markiert, sodass Sie keinen Aktivierungscode mehr kaufen und dann direkt zustimmen müssen. Klicken Sie nach der Zustimmung auf „Weiter“, und wir installieren diese Untervorlage. Wir müssen sie nicht installieren, also überspringen Sie sie einfach.
Warum ist diese Vorlage dann so schnell? Es ist die erste Vorlage, die wir verwenden, weil sie schneller ist. Ich habe mehrere Kunden, die diese Vorlage verwenden, um sie zu erstellen, daher ist der Stil dieser Vorlage relativ. Die Geschwindigkeit selbst ist relativ schnell, sodass es für uns einfacher ist, die Geschwindigkeit später zu optimieren. Wir sehen, dass für dieses Thema nur drei Plug-Ins installiert werden müssen: eines ist das Panel-Plug-In, das zweite ist ein Social-Media-Login-Plug-In und das dritte ist ein beliebtes Plug-In von WooCommerce.
Es spielt keine Rolle, ob Sie diese drei Plug-Ins installieren. Sie können sehen, welches Sie benötigen. Beispielsweise können wir „Kontakt“ für dieses Panel verwenden. Möglicherweise müssen wir dieses Panel verwenden, um es zu installieren. Wir installieren gleichzeitig auch andere. Später werden wir diese unnötigen Plug-Ins optimieren oder löschen, dann direkt auf „Fortfahren“ klicken und er wird uns bei der Installation dieser drei Plug-Ins helfen. Alle drei Plug-Ins sind kostenlos.
Flateinige Datenimporte:
Der nächste Schritt besteht darin, uns beim Importieren des Inhalts zu helfen. Bei einigen Vorlagen hilft es Ihnen direkt beim Installieren beim Importieren von Inhalten. Bei einigen Vorlagen kann es jedoch so sein, wie wir es Ihnen zuvor gezeigt haben. Wir müssen die Daten separat in die Demo importieren. Es gibt keinen Unterschied. Schauen wir uns dann die darin enthaltenen Module an. Das erste ist beispielsweise ein Formular zum Kontaktieren unseres Panels, dann unser Artikel-Emblem und unser Modul; wir können diese standardmäßig installieren und dann auf „Weiter“ klicken. Beim Importieren der Daten kann es etwas langsam sein, also warten wir einen Moment.
Nach erfolgreicher Installation geht es zum nächsten Schritt. Hier werden wir aufgefordert, ein Logo hochzuladen. Wenn nicht, verwenden wir zunächst das Standardlogo. Als Nächstes können wir verschiedene Vorlagenstile auswählen. Es gibt hier viele Vorlagenstile. Sie können entsprechend Ihren eigenen Anforderungen auswählen. Wir wählen beispielsweise den ersten Standardstil aus, die anderen bleiben gleich und klicken dann auf „Weiter“.
FlatVorschau einiger Installationsseiten:
Unsere Site ist fertig. Besuchen wir sie jetzt. Zum Aktualisieren können wir auf diese Schaltfläche klicken oder zu unserer Homepage zurückkehren.
Jetzt stellen wir fest, dass sich der Stil unserer Vorlage und des unabhängigen Senders drastisch geändert hat. Er ist derselbe wie bei einigen der Vorlagen, die wir zuvor importiert haben. Diese Bilder verwenden die standardmäßigen Platzhalterbilder, die nicht in die offizielle Website importiert wurden. Der Hauptzweck einiger Bilder wie dieser besteht darin, Verstöße zu verhindern. Wir müssen es nur verstehen, weil wir sein Framework verwenden müssen und den gewünschten Inhalt basierend auf diesem Framework ändern können.
Dies ist eine Vorlage. Schauen wir uns auch andere Seiten an. Schauen wir uns zum Beispiel die Seite „Über uns“ und dann „Kontakt“ an.
Dies ist Kontakt. Natürlich müssen wir den Inhalt hier noch bearbeiten. Dann können wir prüfen, ob es eine Shop-Seite gibt. Wir kehren zur Startseite zurück. Glücklicherweise sehen wir, wenn wir ein Produkt auf der Startseite öffnen, dass die Schnittstelle auch direkt importiert wurde. Obwohl das Bild nicht angezeigt wird, wurden alle Stile fertiggestellt. Auf dieser Grundlage ist es für uns sehr einfach, den Inhalt auszufüllen und zu ändern.
Okay, hier geht es um das Importieren einer Vorlage wie Flatsome. Alle Vorlagen auf Themeforest werden grundsätzlich auf die gleiche Weise verwendet, aber manchmal verfügen sie möglicherweise nicht über einen Installationsassistenten und wir müssen im Hintergrund Schritt für Schritt vorgehen. Über andere häufig verwendete Themen sprechen wir später mit Ihnen, aber jetzt erklären wir nur, wie man es für dieses Thema verwendet.
Okay, dies ist der Import der Flatsome-Themendaten, und unser unabhängiger Sender hat Gestalt angenommen.
