Neuestes Avada WordPress GPL-Theme herunterladen

Dieser Artikel teilt das Avada-Thema, das schon immer den Bildschirm auf Themeforest dominiert hat.

Einführung in das Avada-Thema:

Dieses Theme ist sehr leistungsstark und ist das ganze Jahr über das meistverkaufte Business-Theme auf Themeforest. Mit diesem Theme können Sie unsere TOB-Site vervollständigen und problemlos verschiedene TOC-Sites erstellen. Natürlich können wir auf Avadas offizieller Website, Avada.com, auch viele Demovorlagen sehen.

Die Vorlagen hier enthalten Websites, mit denen wir allgemeine TOB-Websites erstellen können. Außerdem gibt es viele mit Avada erstellte Einkaufszentren-Websites. Wir können jede beliebige öffnen, um sie in der Vorschau anzuzeigen. Nach dem Öffnen können wir sehen, dass dies eine mit dem Avada-Thema erstellte ToB-Store-Website ist.

Wir sehen, dass es alle Funktionen der Toc-Site vollständig anzeigt, einschließlich Produktlisten, Produktdetails usw. Das Wichtigste ist, dass Avada mit einem Editor geliefert wird, sodass wir ihn nicht verwenden müssen Elementor oder Es ist ein anderer Seitenersteller, der auch über eine visuelle Drag-and-Drop-Oberfläche verfügt.

Nun, ich habe das Avada-Theme schon einmal verwendet, um einem Kunden beim Aufbau einer Top-Site zu helfen. Sie stellen Lampen für Live-Übertragungsfotografie her. Wenn Sie dieses Theme verwenden möchten, gehen Sie einfach zu Themeforest und kaufen Sie es. Sie können es einmal kaufen. Für den dauerhaften Gebrauch.

Wenn die Meldung angezeigt wird, dass die Registrierung erfolgreich war, bedeutet dies, dass unser Design seine Vorlagendaten normal importieren kann. Wenn Sie bei Verwendung dieses Designs feststellen, dass Sie sich nicht registrieren können, können Sie natürlich zu Themeforest gehen, um eine kommerzielle Version zu kaufen, oder Sie können mich finden und ich werde einen Aktivierungscode für Sie zurücksetzen. Er kann nur auf einer Site verwendet werden.

Erforderliche Plug-Ins für die Installation des Avada-Themas:

Nachdem die Einstellungen abgeschlossen sind, können wir auch auf „Erste Schritte“ klicken, um die Assistentenoberfläche aufzurufen. Dann werden wir den Assistenten hier nicht aufrufen. Wir klicken direkt auf die vom Plug-In hinzugefügte Schaltfläche links, da nur die erforderlichen Plug-Ins installiert sind. Diese Funktionen können angezeigt werden.

Es weist uns auch darauf hin, dass es einige notwendige Plug-Ins gibt, die wir installieren müssen. Wir sehen, dass dies die Plug-In-Liste ist, von denen zwei installiert werden müssen. Das erste ist das Kernmodul von Avada und das andere ist sein Builder. , sein Seitenersteller. Wenn Sie sich dann nicht direkt registrieren können, finden Sie in unserem Themenpaket zwei passende Plug-Ins. Wir sehen, dass das erste das Kern-Plug-In ist und das zweite der Seitenersteller. Sie können diese beiden Plug-Ins auch normal installieren.

Wir aktivieren die beiden Plug-Ins direkt online. Es ist egal, welches zuerst installiert wird. Das erste wurde erfolgreich installiert, und dann installieren wir den Seitenersteller des zweiten. Nach erfolgreicher Installation rufen wir erneut das Dashboard des Themas auf. Auf der Festplatte sehen wir, dass alle Funktionen angezeigt werden, und dann sehen wir, dass hier ein Patch vorhanden ist. Wir müssen den Patch anwenden. Hier wählen wir alle Patches aus. Nachdem der Patch angewendet wurde.

Gehen Sie zurück zur Rezeption, um unsere Benutzeroberfläche zu aktualisieren. Jetzt wurde unser Avada-Theme erfolgreich installiert, aber derzeit sehen wir, dass es auf unserer Site keinen Inhalt gibt, nur einige feste Formate, die mit allen Business-Themes identisch sind. Sie müssen auch die Vorlagendaten importieren.

Avada-Theme-Datenimport:

Hier sehen wir, dass es eine Website gibt. Wenn wir sie dann öffnen, sehen wir, dass sie viele klassische Themen enthält.

Wenn wir beispielsweise ein Einkaufszentrum erstellen möchten, sehen wir uns zunächst die generierten Effekte an. Dasselbe Prinzip gilt natürlich auch, wenn wir Vorlagen verwenden. Wir verwenden einfach das Framework, da hier bereits alle Seiten integriert sind. Nachdem es für Sie erstellt wurde, können Sie es bequemer erneut ändern. Sie sagten jedoch, dass Sie weder eine Vorlage noch das Theme-Framework benötigen. Ist das in Ordnung?

Das ist natürlich möglich, aber wir müssen es Stück für Stück machen. Wenn wir beispielsweise unser Menü gestalten möchten und unser Inhalt unsere Konsumationsseite enthält, müssen wir es Stück für Stück gestalten, sodass die Erstellung mühsam wird. Normalerweise verwenden wir ein Geschäftsthema, importieren alle seine Geschäftsvorlage und ändern es dann basierend auf der Geschäftsvorlage.

Wenn Ihr Design aktiviert wurde, können Sie es direkt importieren. Klicken Sie auf „Eingabe“. Anschließend werden wir darauf hingewiesen, dass drei erforderliche Plug-Ins vorhanden sind. Wir haben sie erfolgreich installiert. Nach erfolgreicher Installation können wir dann die zu importierenden Daten auswählen. Sie können auch auswählen, alles zu importieren, einschließlich Bilder, Artikelseiten, einige Layouts, Symbole, Formulare usw., die in diesem Demodesign verwendet werden. Sie können sie mit einem Klick importieren und dann auf „Mit einem Klick importieren“ klicken. Klicken Sie auf „OK“. Anschließend kann der Importvorgang etwas langsam sein. Wir müssen einen Moment warten.

Wenn die Meldung erscheint, dass der Import erfolgreich war, klicken wir auf „OK“ und kehren dann zum Aktualisieren zu unserer Rezeption zurück.

Jetzt können wir sehen, dass der gesamte Demonstrationseffekt importiert wurde.

Hierzu gehören einige grundlegende Seiten, die wir zum Erstellen einer Inhaltsverzeichnisseite benötigen, darunter verschiedene unabhängige Seiten wie unsere Homepage, die Infoseite, unsere Shop-Seite, Kategorieverzeichnisse und unsere Seite mit Neuigkeiteninformationen. Nach dem Öffnen des Produkts können Sie auch sehen, dass unsere Produktseite sehr umfassend ist. Anschließend können wir sie sehr bequem auf dieser Grundlage ändern und sie lässt sich auch sehr schnell erstellen.

Einführung in die Avada-Themestruktur:

Lassen Sie uns die Gesamtstruktur des Avada-Themas teilen. Die Einstellungen dieses Themas sind sehr kompliziert, sonst könnte es nicht das ganze Jahr über den ersten Platz bei den Verkäufen auf Themeforest erreichen. Dies liegt daran, dass dieses Thema als universelles Thema bezeichnet werden kann und Sie damit jede unabhängige Site erstellen können, die Sie sich vorstellen können und die mit WordPress fertiggestellt werden kann. Hier teilen wir seine Funktionen in mehrere Module auf, um unsere späteren Vorgänge zu erleichtern.

Globale Einstellungen des Avada-Themas:

Rufen wir zunächst das Dashboard dieses Designs auf. Werfen wir einen Blick auf den Inhalt des Dashboards. Das erste Element im Menü oben sind unsere Einstellungen. Wir können auf die globalen Einstellungen klicken. Die globalen Einstellungen entsprechen den Grundeinstellungen unseres Designs. Sie können für den oberen Teil unseres Layoutmenüs verwendet werden, einschließlich des unteren Teils einiger Logos sowie einiger Einstellungen für die Seitenleiste und andere Seiten. Wir werden später ausführlich darauf eingehen.

Avada-Theme-Builder-Builder:

Der zweite Inhalt ist für unseren Builder. Wir haben Ihnen bereits gesagt, dass Avada einen eigenen Page Builder hat. Es ist nicht nötig, Elementor oder andere Page Builder zu installieren, sodass wir die Anzahl der Plug-ins so weit wie möglich reduzieren können. Während der Installation sehen wir, dass es viele Elemente enthält, die wir als Module bezeichnen, also bestimmte Module in unserer unabhängigen Station. Wir haben beispielsweise zuvor einen solchen Grafikeffekt gesehen, einschließlich der folgenden Produktlistenaufrufe usw., die alle als Module bezeichnet werden. Wir sehen, dass es viele davon gibt, und wir werden sie später ausführlich erklären, wenn wir sie verwenden.

Einer der Schritte hier ist, dass Sie einige Elemente, die Sie nicht benötigen, abhaken können. Beispielsweise Warnhinweise oder Videos wie Twitter-Timelines können wir abhaken und dann schließen, wenn wir sie nicht benötigen.

Der zweite Punkt ist für unsere Seiten, z. B. welche Seitenformate. Es gibt einige Inhaltsformate in WordPress, z. B. unsere Artikel, Seiten, Produkte und unsere Fotoalben usw., welche Seiten das Seitenerstellungsmodul verwenden müssen. Wenn Sie es nicht benötigen, haken Sie es einfach ab. Dies ist der erste Punkt. Wir nennen es unsere Designeinstellungen.

Demodaten für Avada-Theme-Websites:

Websites, wir haben es Ihnen gezeigt, als wir die Daten vorhin importiert haben. Dies ist der offizielle Designer von Avada. Er bietet verschiedene Seitenstile zum Erstellen verschiedener Arten unabhängiger Websites. Diese Seitenstile sind grundsätzlich für die gesamte Website. Beispielsweise enthält der unabhängige Stationseffekt eines Inhaltsverzeichnisses, den wir vorhin importiert haben, unzählige Seiten, einschließlich aller Seitenstrukturen, die für unsere unabhängige Station des Inhaltsverzeichnisses erforderlich sind, und kann mit einem Klick importiert werden.

Natürlich können Sie auch einige Tob-Sites erstellen. Es gibt viele Sites, darunter für die Gesundheitsbranche, die Bildungsbranche usw. für verschiedene Branchen, die mit einem Klick importiert werden können. Anschließend können Sie die importierten Daten auch bereinigen. Beispielsweise können wir den Toc-Seitenstil, den wir zuvor importiert haben, mit einem Klick bereinigen.

Avada Theme Studio:

Das Studio des Unternehmens Avada wird weiterhin Updates veröffentlichen, beispielsweise einige Vorlagendateien, Kopfzeileneffekte, Titeleffekte und einige Inhaltsmodule.

Dann haben Sie ein kommerzielles Design gekauft oder den Aktivierungscode eingegeben und das Design aktiviert. Sie können sein Labor synchronisieren, das aus einigen Designmodulen besteht, die in seinem Studio ständig aktualisiert werden, und es in unseres importieren. Auf der Site können wir es später verwenden, wenn wir Seiten erstellen.

Auch der Importvorgang ist sehr einfach. Wenn Ihnen beispielsweise ein Modul gefällt, klicken Sie einfach auf das Pluszeichen und es wird für Sie importiert.

Wenn unsere Site im folgenden Fall noch nicht eingerichtet wurde, können wir sie in einen Vorabversionsstatus versetzen. Dies ist eine Schnittstelle wie bei vielen Sites, die sich im Aufbau befinden. Im Untermenü enthalten unsere Patches dann beispielsweise einige häufig verwendete Plug-Ins sowie einige wichtige CSS. Dies ist für unsere Leistung optimiert und enthält einige Unterstützung. Es wird nicht häufig verwendet. Dies ist das obige Modul.

Front-End-Effekt des Avada Theme Builders:

Auf der rechten Seite sehen wir einen Live-Builder. Was bedeutet das? Zusätzlich zu unserem Seitenerstellungsplan, der im Hintergrund verwendet wird, kann es sich auch um ein WYSIWYG-ähnliches Elementor handeln. Sogar im Vordergrund können wir seine Benutzeroberfläche bearbeiten und die Vorgehensweise ist dieselbe.

Seitenlayouteinstellungen für das Avada-Design:

Das erste ist der Bereich, in dem das Thema seine Wirkung entfaltet. Sehen wir uns zunächst das Layout der ersten Seite an. Es teilt alle unsere Seiten in vier Teile. Der erste Teil ist unser oberer Teil. Man kann ihn auch den Kopfteil nennen. Das ist er. Inhalt darin.

Der zweite Teil ist dann unser Seitentitel. Wenn wir beispielsweise eine Zubehörseite oder eine Produktseite öffnen, ist der unter der oberen Überschrift unser Seitentitel.

Sie können hier einige Inhalte schreiben, die auch auf unseren Seiten zu sehen sind, z. B. auf unserem Blog. Das, was wir jetzt sehen, ist auch der Seitentitel, und das nächste ist der Inhalt auf der Seite, der Inhalt im Inhalt. Sie können auch bearbeiten. Das letzte ist die Unterseite unseres Fußes. Es unterteilt eine Seite in 4 Teile, und diese 4 Teile befinden sich in verschiedenen Modulen.

Das erste, das wir sehen, ist beispielsweise ein globales Layoutmodul, das unsere Kopfzeile, unseren Titel, unseren Inhalt und unsere Fußzeile enthält. Sobald Sie es hier eingerichtet haben, wird es auf alle globalen Seiten angewendet. Nehmen Sie Änderungen vor, und dann sind die anderen Bereiche gleich. Beispielsweise ist unsere Produktseite unsere Produktseite. Wir können sehen, dass es in unserem Shop viele Produktlisten gibt. Wenn wir eines der Produkte öffnen, ist es auch eine separate Seite.

Diese Seite enthält außerdem unseren Header, die Seite, den Titel, unseren Inhalt und unseren Footer unten. Sie können verschiedene Module speziell für diese Seite entwerfen, einschließlich unserer Konsumseite. Einige Module werden standardmäßig zu unserer Einkaufsspaltenseite hinzugefügt. Zusätzlich zu diesen Modulen können Sie natürlich auch ein neues Modul erstellen.

Wenn wir beispielsweise ein Modul erstellen und auf unsere Produktseite gehen, erstellen wir einen Bereich. Natürlich ist es am besten, den Namen beim Erstellen nicht zu wiederholen. Okay, das ist der neu erstellte Bereich. In diesem Bereich können wir für diese Module, beispielsweise für unseren ersten Header, einen neuen Header speziell dafür erstellen oder einen neuen Header hineingießen.

Dann ist das Modul hier der Abschnitt, den wir unten erstellen müssen, und dann können Sie den Abschnitt importieren, sodass auf dieser Seite nur einige Effekte für diese Seite angezeigt werden.

Wir sehen, dass es hier eine Einstellung gibt. Nachdem Sie auf Einstellungen geklickt haben, können Sie eine bestimmte Zubehörseite oder eine globale Beitragsseite oder unsere Produktseite anvisieren. Beispielsweise sehen wir, dass die erste Seite eine bestimmte Produktseite anvisiert, einzeln. Stellen Sie einen Effekt dafür ein. Nach der Einstellung wird nur diese Seite die Kopfzeile aufrufen, einschließlich der Fußzeile. Durch ein solches Layout können wir dafür sorgen, dass jede Seite unserer unabhängigen Station eine völlig andere Struktur anzeigt. Das ist Avada. Die Stärke des Themas besteht darin, dass es einem Zeichenbrett entspricht. Auf diesem Zeichenbrett können Sie Ihr Design so ausdrücken, wie Sie möchten, sodass diese Vorlage vielseitig ist.

Nachdem wir das Layout gelesen haben, sehen wir, dass es unter dem Layout einen Abschnitt gibt, der sein Modul ist. Sie können die Module darin separat einstellen. Sie können beispielsweise den Anzeigeeffekt eines Inhaltsinhalts separat einstellen und dann den Anzeigeeffekt des Inhalts festlegen. Wird auf einer bestimmten Seite des Layouts aufgerufen, einschließlich unseres Zubehörtitels, unserer Kopfzeile usw. Dies ist die Struktur seines Layouts.

Off-Canvas-Einstellungen des Avada-Themas:

Off-Canvas ist auf Popup-Fenster ausgerichtet, insbesondere auf einige unabhängige Sender. Wenn wir beispielsweise die Homepage einiger unabhängiger Sender öffnen, werden häufig einige Popup-Fenster für Abonnements angezeigt. Dann können Sie diesen Popup-Fenstereffekt verwenden und dann ein Popup-Fenster erstellen und das Popup-Fenster dann bestimmten Seiten zuweisen.

Schriftsymbol der Avada-Themesymbole:

Als nächstes kommen die Icons, also einige Schriftsymbole, die mit Avada geliefert werden. Wenn wir beispielsweise unsere unabhängige Site öffnen, sehen wir hier einige Icons sowie die Einkaufsleiste unseres Benutzercenters. Dies sind Benutzersymbole. Sie können die Originalversion dieser Benutzersymbole verwenden oder einen Stapel von Schriftsymbolen importieren, die Sie selbst entworfen haben, damit der Stil Ihrer markenunabhängigen Site relativ einheitlich ist.

Avada-Theme-Formular:

Als nächstes wird ein Formularmodul integriert. In „Kontakt“ müssen wir beispielsweise häufig Beratungsinformationen von Benutzern sammeln. Genau wie bei diesem Formular haben wir zuvor andere Themen verwendet. Wenn wir dieses Formular anzeigen möchten, müssen wir einige Plug-Ins installieren, z. B. Kontaktformular 7 und andere Plug-Ins, dann wird dieses Thema mit einem Klick integriert und Sie können es direkt verwenden. Wenn Sie beispielsweise ein Formular erstellen, können wir ein Formular zur Kontaktaufnahme erstellen. Für ein solches Formular können wir dann auch auflisten, wie oft das Formular angezeigt und wie oft es abonniert wurde, und Sie können die entsprechenden Daten sehen.

Das folgende wird nicht häufig verwendet. Es bezieht sich auf jede Seite, auf die unser Formular verweist. Wir werden es vorerst nicht verwenden, da wir normalerweise solche Kontakte oder andere Formulare direkt verwenden, wenn wir die Seite erstellen. Rufen Sie das Modul einfach im Avada-Builder auf.

Diashow mit dem Avada-Theme-Slider:

Das nächste ist, dass unsere Folie ein Slider ist. Unsere Homepage wird beispielsweise eine Folie haben. Natürlich hat das Design, das wir jetzt verwenden, keine Folie, aber Sie können eine solche Folie zu einer anderen Seite hinzufügen. Die Diashow ist auch in drei Module unterteilt. Das erste ist für unsere Folienliste. Es kann mehrere Folien erstellen und dann verschiedene Folien auf verschiedenen Seiten aufrufen.

Die zweite Möglichkeit ist für die spezifischen Bilder auf der Folie. Sie können beispielsweise jeder Folie 4 bis 5 Bilder hinzufügen, die dann hier angezeigt werden. Die nächste Möglichkeit besteht darin, diese Folien zu importieren und zu exportieren.

Das letzte ist sein Modulsatz. Egal, ob es sich um eine Vorlage oder ein Modul unseres Produkts handelt, das wir später erstellen, es wird in diesem Modul platziert, einschließlich der Module, die wir in seinem Studio importiert haben. Es wird auch zu einem Modulsatz wie unserem hinzugefügt. Dies sind alle seine Funktionen, aber diese Funktionen können es unserem Avada-Thema ermöglichen, den Aufbau jedes unabhängigen Website-Stils abzuschließen.