Einführung zum Thema Porto:
Dieses Thema ist ein sehr altes Thema. Viele unabhängige Verkäufer verwenden dieses Thema, um einige Shop-TOC-Sites zu erstellen. Das ist kein Problem. Dieses Thema ist derzeit jedoch nur für $29 verfügbar, Sie können es also auch kaufen.
Selbstverständlich stellen wir Ihnen hier auch eine GPL-Version zur Verfügung, die Sie auch im Normalfall nutzen können.
Gehen wir zunächst auf die offizielle Website des Themas und werfen wir einen Blick darauf.
Zunächst einmal hat dieses kommerzielle Thema sehr hohe Verkaufszahlen. Insbesondere beim Erstellen von Inhaltsverzeichnisseiten verwenden wir dieses Thema häufig. Wir können uns einfach darüber informieren. Was sind die Merkmale dieses Themas?
Portobauer:
Der erste ist, dass es einige Seitenersteller gibt. Natürlich ist der hier erwähnte Seitenersteller kompatibel mit häufig verwendeten Elementor Und WPBakery. Es werden einfach viele benutzerdefinierte Module basierend auf diesem Seitenersteller hinzugefügt. Was wir jetzt beispielsweise sehen, sind seine Elemente.
Es fügt jedem Seitenersteller viele benutzerdefinierte Funktionsmodule hinzu, z. B. Warnschaltflächen oder Handlungsaufforderungen. Es wurden auch einige spezielle Verarbeitungen durchgeführt, um es besser an sein Thema anzupassen.
Wenn Sie dieses Design verwenden, müssen Sie es einfach nur installieren und können dann sofort loslegen, denn Sie können die Seite schnell ändern, sofern Sie einen beliebigen Seitenersteller verwenden können.
Zweitens müssen Kopf und Fuß angepasst werden, ein Problem, auf das wir beim Erstellen unabhängiger Stationen häufig stoßen. Beispielsweise ist das obere Modul kritisch, da viele Kunden Ihre Website aufrufen. Das Erste, was ich auf einer unabhängigen Site sehe, ist Ihr Kopfbereich. Daher sollten wir hier einige wichtige Funktionen hinzufügen, z. B. unser Kategorienverzeichnis oder einige Inhalte, die die Benutzer sehen sollen. Wenn Sie den oberen oder unteren Bereich anpassen können, ist es für uns relativ bequem, eine unabhängige Station zu erstellen.
Als nächstes wurde ein Studio hinzugefügt. Dies ist nicht das erste Mal, dass wir von diesem Studio hören. Es hat viele kommerzielle Themen, wie Avada, was bedeutet, dass dieses Thema weiterhin regelmäßig aktualisiert wird. Es werden einige schöne Module oder Seiten entworfen. Sie können dieses Studio verwenden, es in Ihre unabhängige Bibliothek importieren und dann den entworfenen Stil verwenden.
Als nächstes folgen die Designeinstellungen, die für allgemeine Geschäftsdesigns verfügbar sind. Als nächstes folgt die Installationsnavigation. Die Installationsnavigation hier führt Sie durch die Erstellung einer großen, unabhängigen Website. Wir werden Ihnen gleich eine ausführliche Demonstration geben.
Porto-Header-Modul:
Ein anderes Theme ist auch schneller, weil es eine Geschwindigkeitsoptimierung integriert hat. Natürlich gibt es neben diesen Vorteilsmodulen noch einige andere Module, die wir uns ebenfalls ansehen können. Beispielsweise kann der Header auch einige grundlegende Menüs hinzufügen, darunter einige Top-Menüs und einige Super-Menüs. Wir können es auch unten oder klassisch hinzufügen, darunter einige, die mit Elementor kompatibel sind. Modul.
Porto-Seitenlayout:
Das nächste ist das Layout. Das Layout umfasst ein Boxmodell, volle Breite und RTL. RTL bezieht sich auf die Sortierung von rechts nach links. Bei den meisten unabhängigen Sendern, die wir derzeit verwenden, lesen wir den Inhalt also von links nach rechts, aber es gibt einige arabische Länder oder Menschen im Nahen Osten, die es gewohnt sind, von rechts nach links zu spielen. Wenn Ihr Thema also derzeit RTL unterstützt, können Sie es direkt verwenden, wenn wir uns mit dem Markt im Nahen Osten befassen. Es verfügt über diese Funktion, um die Sortiermethode unseres Inhalts umzuschalten.
Darüber hinaus ist die Suche auch eine überzeugende Sofortsuche. Sobald Sie ein Schlüsselwort eingegeben haben, müssen Sie nicht mehr auf OK klicken und können direkt nach den Ergebnissen suchen. Natürlich gibt es noch einige andere Funktionen, schauen wir uns diese einmal an.
Installation des Porto-Themas:
Nachfolgend zeigen wir Ihnen, wie Sie dieses Design installieren und verwenden.
Wir rufen unser Backend auf, suchen unser Design, installieren dann unser Design und klicken auf „Hochladen“. Hier haben wir dieses Design vorbereitet, einschließlich der unterstützenden Plug-Ins sowie des chinesischen Pakets, einschließlich der offiziellen Dokumentation. Wir gehen direkt zur Installation des Hauptprogramms und klicken, um die Installation zu öffnen. Nachdem das Design erfolgreich installiert wurde, aktivieren wir es. Nach der Aktivierung gelangen wir direkt zu seiner Einstellungsoberfläche und Navigationsoberfläche. Wir müssen hier einige notwendige Dinge installieren.
Plug-In: Es gibt eine Schaltfläche, auf die wir klicken können, um es zu installieren. Eines davon ist die Kernkomponente. Wir müssen es zuerst installieren und dann auf „Fortfahren“ klicken. Die anderen Plug-Ins sind verfügbar, wenn wir verschiedene Vorlagen importieren oder verschiedene aufrufen. Wir müssen nur andere Plug-Ins installieren, wenn wir den Stil verwenden.
Dann kehren wir zur ersten Schnittstelle der Navigation zurück. Wir sehen, dass dieses Thema aktiviert wurde. Dann gehen wir zum zweiten Schritt über, der darin besteht, unser System zu erkennen. Unter den drei am häufigsten verwendeten ist das erste unser PHP-Speicherlimit. Wir haben uns dafür qualifiziert, dass dies eine maximale Upload-Zeit von 300 hat, aber unseres beträgt 120, was es nicht beeinflusst. Wenn Sie der Meinung sind, dass dies ein Problem darstellt, können Sie es natürlich einfach entsprechend den Inhalten auf der Learning Fitness-Website ändern. Dann ist der nächste Schritt die Freigabe Ihrer Nutzungsdaten. In diesem Fall kann es offiziell mit Ihrer unabhängigen Station verbunden werden, daher müssen wir dies unter normalen Umständen deaktivieren.
Gehen Sie dann zum dritten Schritt. Hier müssen wir ein untergeordnetes Design installieren. Klicken Sie auf diese Schaltfläche, um es zu installieren. Wenn Sie es nicht installieren möchten, überspringen Sie es einfach. Der vierte Schritt umfasst die erforderlichen Plug-Ins. Wir müssen sie hier nicht installieren, da wir unterschiedliche Designs importieren und unterschiedliche Plug-Ins verwenden. Der andere Schritt ist der Editor der gesamten Site. Wir müssen ihn überprüfen und dann so fortfahren. Wir gelangen zu seiner Importschnittstelle für Vorlagenstile, wo Sie Ihren Stil importieren können.
Der letzte Punkt ist die Unterstützung. Anschließend schließen wir den Assistenten ab, den wir beiseite gelegt haben, und prüfen dann, ob das Design erfolgreich installiert wurde. Zuerst rufen wir das Dashboard auf, wo wir auch sehen können, dass das Design aktiviert wurde, und dann werden einige Einstellungen vorgenommen.
Das zweite ist sein Seitenlayout. Dieses Seitenlayout ist sehr personalisiert. Es unterteilt unsere gesamte Seite in kleine Module. In jedem kleinen Modul können Sie unterschiedliche Inhalte festlegen, wie zum Beispiel unseren Header. Klicken Sie auf unseren Kopf, hier können Sie einen Block festlegen und diesen Block dann einfach aufrufen.
Aber wir haben noch keinen Block erstellt, also machen Sie sich darüber keine Sorgen; bei den anderen ist es gleich.
In unserem Inhalt, beispielsweise auf unserer Einzelseite oder unserer Produktdetailseite, einschließlich unserer Produktkategorie-Verzeichnisseite und unserer Seitenleiste, können wir unterschiedliche Module aufrufen, was bedeutet, dass jedes Modul auf der Seite unabhängig von einem Bereich angepasst werden kann. Darin liegt die Stärke dieses Designs.
Porto-Theme-Einstellungen:
Der dritte Punkt sind die Einstellungen dieses Themas. Dabei handelt es sich um globale Einstellungen, die alle Business-Themes haben. Dazu gehören Grundeinstellungen, Layouteinstellungen, Stil, Kopfmenü, Logo usw.
Wenn beispielsweise ein Logo vorhanden ist, können wir das Logo durch unser eigenes Logo ersetzen, ein von uns vorbereitetes Logo hochladen und es dann speichern.
Dann gibt es noch einige andere, wie unsere Brotkrümelnavigation, die untere Auto-Seitenleiste, die Zubehörseite, unser Artikelportfolio, unser Mitgliedercenter und unseren Import und Export der WooCommerce-Einstellungen. Und als Nächstes kommt die Navigation. Hier können Sie den Schritten zum Erstellen einer eigenständigen Seite Schritt für Schritt folgen.
Das nächste ist für unsere Geschwindigkeit optimiert, da wir Ihnen bereits eine seiner Kernfunktionen vorgestellt haben. Es fügt diesem Thema ein Leistungsoptimierungsmodul hinzu und richtet es als Navigation ein. Anschließend können Sie die Schritte wie den ersten Schritt befolgen. Wenn Sie einen Seitenersteller wie WPbakery verwenden, gibt es einige Module, die Sie nicht benötigen. Sie können sie überprüfen und löschen.
Der zweite ist für Slider Revolution Wir haben Ihnen bereits von einer sehr leistungsstarken Folie erzählt. Wenn Sie diese Folie also auf Ihrer unabhängigen Station verwenden, wird Ihre Geschwindigkeit langsamer, da dieses Plug-In zu leistungsstark ist. Es enthält also viele redundante Codes. Klicken Sie hier, um es zu überprüfen und zu optimieren. Dies ist natürlich Ihr Thema. Wenn Sie dieses Plug-In installieren, müssen Sie sich keine Sorgen machen, wenn es nicht installiert ist.
Leistungsoptimierung für das Porto-Design:
Hier sind einige Leistungsoptimierungen. Beispielsweise werden die Bilder, die wir hochladen, automatisch für uns komprimiert. Beispielsweise kann das Komprimierungsverhältnis so komprimiert werden, dass es die Breite und Höhe unseres größten hochgeladenen Bildes sowie das verzögerte Laden unserer Bilder umfasst. Sie können es tun. Es ist standardmäßig eingestellt, und es gibt noch einige andere. Wenn beispielsweise unser CSS oder JS viele Kommentare oder Leerzeichen enthält, können Sie diese zusammenfassen und Ihre Speicherplatzkapazität reduzieren.
Wenn das von Ihnen verwendete Framework Bootstrap nicht unterstützt, können Sie es außerdem damit optimieren. Sie können auch Ihre Google-Schriftarten optimieren. Als wir vorhin über einige Plug-Ins zur Leistungsoptimierung für Sie gesprochen haben, waren die verwendeten Methoden genau dieselben.
Das nächste ist für unser Mobiltelefon. Beispielsweise wird die Diashow auf dem Mobiltelefon nicht angezeigt. Unser Schlüssel-CSS wird direkt in unserem Header platziert, um unsere Reaktion zu beschleunigen.
Das nächste ist unser Tool. Dieses Tool ist hauptsächlich für das Theme selbst gedacht. Wenn es beispielsweise einige Plug-Ins enthält, können Sie diese bereinigen und einen Teil ihres redundanten Codes entfernen.
Das andere ist der Seitenaufbau, der sich auch im Dashboard befindet, das wir gerade aufgerufen haben. Das Modul, das wir hier aufrufen, wird unserem Seitenaufbau hinzugefügt, der Vorlagenkomponente. Das letzte ist unser Patch. Wenn es einen Patch gibt, können Sie ihn beheben. Wenn nicht, ignorieren Sie ihn einfach. Das ist die Funktion dieses Themas.
Lassen Sie uns also demonstrieren, wie die Daten importiert werden. Wir rufen die Assistentenseite erneut auf, suchen die Demo, importieren den Inhalt und ersetzen hier unser Logo.
Anschließend können Sie die Daten über die Schaltfläche „Weiter“ löschen, nachdem Sie die Daten importiert haben, und dann können Sie einige andere Vorlagenstile ändern. Die Vorlagenstile darin sind abgestuft. Wenn Sie beispielsweise eine Toc-Site erstellen möchten, sollten Sie „Shop“ auswählen. Wenn Sie eine Tob-Site erstellen, sollten Sie „Business“ auswählen. Wenn Sie ein Blog erstellen, sollten Sie einfach „Blog“ auswählen.
Porto-Themendatenimport:
Hier nehmen wir die Toc-Site als Beispiel. Wenn wir jetzt beispielsweise einen Stil importieren, sehen wir, dass dieser Stil gut aussieht, also klicken wir darauf und können dann auswählen, welche Art von Seitenersteller wir verwenden möchten.
Die erste Möglichkeit ist, WPBakery zu verwenden, und die zweite Möglichkeit ist, Elementor. Wählen Sie Elementor nach Ihren eigenen Vorlieben. Wenn Sie beispielsweise Elementor verwenden möchten, wählen Sie Elementor. Nachdem Sie Elementor ausgewählt haben, müssen wir zwei erforderliche Plug-Ins installieren. Sie müssen also diese beiden Plug-Ins installieren.
Klicken Sie auf Installieren und installieren Sie dann ein weiteres Plug-In. Nachdem die Installation erfolgreich war, klicken wir auf die Schaltfläche unten, um den Import zu starten. Er wird uns jetzt helfen, diesen Vorlagenstil zu importieren. Warten wir einen Moment.
Wenn die Meldung erscheint, dass der Import erfolgreich war, gehen wir zurück zu unserem Frontdesk, um zu aktualisieren. Wir sehen, dass die gesamte Site importiert wurde, und dann wird ein Popup-Fenster mit unserem Banner darüber angezeigt.
Nachfolgend finden Sie unser Kategorieverzeichnis und unsere Produktliste, darunter einige Module am unteren Rand. Natürlich können diese Module geändert und dann angeklickt werden, um ein Produkt einzugeben. Wir sehen, dass das Layout dieses Produkts auch sehr vernünftig ist. Mit der folgenden Beschreibung sowie unseren Bewertungen haben wir die Installation des Porto-Themas und seinen Datenimport abgeschlossen.
