Du hast ein Template Kit bei Envato Elements gefunden, das ZIP heruntergeladen, und jetzt starrst du auf dein WordPress Dashboard und fragst dich, wohin es geht Das ist eine faire Frage Envato hat sein offizielles Envato Elements WordPress Plugin ausgemustert, so dass der alte Importpfad, den viele Tutorials beschreiben, noch nicht mehr existiert.
Die gute Nachricht: Sie können jedes Envato Elements-Vorlagenkit mit dem importieren Funktion für Vorlagen-Kits in Master-Addons, und es erledigt den ganzen Auftrag Laden Sie die Postleitzahl hoch, importieren Sie jede Seite, erstellen Sie die Kopf - und Fußzeile und veröffentlichen Sie Kein zusätzliches Import-Plugin erforderlich.
Dieser Leitfaden durchläuft den gesamten Prozess auf einem echten Kit (einem SaaS-Kit namens Klyro), einschließlich der drei Schritte, die die meisten Tutorials überspringen: Zuweisen der Kopf- und Fußzeile, Umschalten jeder Seite auf das Elementor-Layout in voller Breite und Deaktivieren der Standardfarben von Elementor, sodass das Kit verwendet wird Das Design wird tatsächlich angezeigt.
Was Sie vor dem Import benötigen
- WordPress Mit dem kostenlosen Elementor Plugin installiert
- Master-Addons für Elementor (kostenlose Version funktioniert; siehe die Installationsführung Wenn du es noch nicht eingerichtet hast)
- Ein Template Kit ZIP Heruntergeladen von Envato-elemente oder ThemeForest
Eines sollten Sie vor dem Start überprüfen: Wenn Sie ein Kit von Envato Elements herunterladen, entpacken Sie es nicht Der Importeur erwartet die ursprüngliche ZIP-Datei Safari-Benutzer sollten “Sichere Dateien nach dem Herunterladen öffnen” in den Einstellungen von Safari deaktivieren, oder der Browser entpackt das Kit für Sie und unterbricht den Upload.
Ein leichtes Theme wie Hello Elementor funktioniert am besten unter einem Template-Kit, da das Kit fast alles ersetzt, was das Theme normalerweise rendern würde. Wenn Sie noch eines auswählen, finden Sie hier einen Vergleich der Beste leichte WordPress-Themes für Elementor.
Schritt 1: Öffnen Sie Template-Kits in Master-Addons
Gehen Sie von Ihrem WordPress-Dashboard aus zu Master-Addons → Template-Kits. Sie sehen die Kit-Bibliothek: 30+ fertige Website-Kits, die Sie mit einem Klick importieren können, plus eine Upload-Option für Kits von externen Quellen wie Envato Elements.
Die Bibliothekskits sind praktisch, wenn Sie sich noch nicht auf ein Design festgelegt haben Aber da Sie bereits ein Envato-Kit haben, schauen Sie sich die Symbolreihe in der oberen rechten Ecke an und klicken Sie auf die Symbol hochladen.
Schritt 2: Laden Sie das Envato Elements Kit ZIP hoch
Durch Klicken auf das Upload-Symbol wird das Fenster Vorlagen-Kit hochladen Ziehen Sie Ihr Kit ZIP in das Feld oder klicken Sie auf Dateien durchsuchen Und wähle es aus deinem Download-Ordner Es werden nur .zip-Dateien akzeptiert, genau das gibt dir Envato.
Master Addons lädt die Datei hoch, liest dann das Kit und registriert jede Vorlage darin Ein Fortschrittsfenster zeigt jede Stufe. Halten Sie die Registerkarte offen, bis sie fertig ist, da Sie beim Schließen mitten im Import ein halbes Kit haben können.
Schritt 3: Importieren Sie die Kit-Vorlagen
Sobald das Kit gelesen ist, sehen Sie alles, was es enthält: Globale Kit-Stile, Startseite, Kopfzeile, Fußzeile, Über, Dienste, Blog, Blog-Details, Kontaktieren Sie uns, und eine 404-Seite in unserem Klyro-Beispiel Jede Vorlage hat einen eigenen Import-Button.
Zwei Tipps hier:
- Importieren Sie zuerst globale Kit-Stile. Diese Vorlage enthält die Farben, Schriftarten und Website-Einstellungen des Kits. Wenn Sie es zuerst importieren, erbt jede folgende Seite das richtige Design.
- Den Rest dann importieren. Master Addons stellt sie in die Warteschlange und verarbeitet jede Vorlage mit ihren Bildern einzeln.
Wenn der Lauf beendet ist, erhält man einen Bestätigungsbildschirm mit der Gesamtzahl In diesem Fall sind 9 Vorlagen aus dem Klyro-Kit auf der Seite gelandet.
Überprüfen Seiten In Ihrem Dashboard finden Sie die importierten Seiten wartend: Klyro – Startseite, Klyro – Blog, Klyro 404 und so weiter. Es gibt sogar eine MA importiert Filter am oberen Rand des Pages-Bildschirms, damit Sie genau sehen können, was das Kit hinzugefügt hat Wenn Sie nur eine einzelne Seite anstelle eines ganzen Kits benötigen, wird der Prozess dafür in unserem Leitfaden behandelt So importieren Sie eine Elementor-Vorlage.
Schritt 4: Fügen Sie die Kopf- und Fußzeile mit Theme Builder hinzu
Hier geht es bei den meisten Importen seitwärts Kopf und Fußzeile des Kits kommen als gespeicherte Vorlagen an, aber noch wird sie auf deiner Seite nichts angezeigt Der Standardkopf deines Themes zeigt immer noch Um das zu beheben, baust du sie als Thementeile mit dem Master Addons Theme Builder.
Gehe zu Master-Addons → Theme Builder und klicken Neue Vorlage hinzufügen„Nennen Sie im Popup „Header“(oder alles, was Sie später erkennen werden) und stellen Sie den Vorlagentyp auf „Header” ein Kopfzeileund klicken Sie Mit Elementor bearbeiten.
Öffnen Sie im Elementor-Editor die Vorlagenbibliothek (das Ordnersymbol in der Leinwand) und wechseln Sie zum Vorlagen Tab, und finden Sie den Header-Bereich, der Ihrem Kit beiliegt Klicken Sie Einfügen Und der Header des Kits fällt auf die Leinwand, das Menü und so weiter.
Veröffentlichen Sie die Vorlage und wiederholen Sie dann die gleichen Schritte für die Fußzeile: neue Vorlage, Typ FußzeileFügen Sie den Fußzeilenbereich des Kits aus der Bibliothek ein und veröffentlichen Sie ihn.
In den Einstellungen jeder Vorlage finden Sie außerdem eine Bedingungen Tab und ein Aktivierung Umschalten Stellen Sie die Bedingung auf Gesamte Seite ein und schalten Sie die Aktivierung ein, und die Kopf - und Fußzeile Ihres Kits wird jetzt auf jeder Seite gerendert Die Kopfdokumentation Bedingungen genauer abdeckt, und wenn Sie möchten, dass der Header beim Scrollen festgesteckt bleibt, siehe So erstellen Sie einen Sticky Header in Elementor. Derselbe Theme Builder behandelt auch Fußzeilenbearbeitung in WordPress mit Elementor Wann immer Sie es später ändern müssen.
Schritt 5: Stellen Sie jede Seite auf Elementor volle Breite ein
Öffnen Sie eine Ihrer importierten Seiten auf dem Frontend und Sie könnten zwei Probleme bemerken: Der alte Header Ihres Themes sitzt über dem Header des Kits, und der Inhalt wird in die Inhaltsspalte des Themes gequetscht Beide stammen aus derselben UrsacheDie Seiten verwenden immer noch das Standardseitenlayout des Themes.
Der Fix dauert dreißig Sekunden mit einem Bulk Edit:
- Gehe zu Seiten → Alle Seiten
- Aktivieren Sie das Kontrollkästchen oben in der Liste, um alle Seiten auszuwählen
- Wählen Sie Bearbeiten Aus dem Dropdown der Massenaktionen und klicken Sie auf Anwenden
- Wählen Sie im Dropdown der Vorlage aus Elementor volle Breite
- Klicken Sie auf Aktualisieren
Elementor Full Width entfernt die Seitenleiste und den Inhaltsumschlag des Designs, rendert jedoch weiterhin Theme-Hooks, wodurch Ihr neuer Theme Builder-Header und Ihre neue Fußzeile angezeigt werden können. Ein Massenupdate und jede importierte Seite verwenden das richtige Layout.
Schritt 6: Deaktivieren Sie die Standardfarben und Schriftarten von Elementor
Dies ist der Schritt, den fast jeder vermisst, und deshalb sehen importierte Kits oft leicht ab: falsche Linkfarben, falsche Überschriftenschriften, Schaltflächen, die nicht zur Demo passen. Elementor wendet seine eigenen Standardfarben und -schriften auf Ihren Inhalt an und sie überschreiben die globalen Stile des Kits.
Schalten Sie sie aus:
- Gehe zu Elementor → Einstellungen In Ihrem Dashboard
- Auf der General Tab, ankreuzen Deaktivieren Sie Standardfarben
- Tick Deaktivieren Sie Standardschriftarten
- Änderungen speichern
Wenn beide Kästchen aktiviert sind, erbt Elementor Farben und Typografie von den Global Kit Styles des Kits, anstatt seine eigenen zu erzwingen. Laden Sie nach dem Speichern eine Seite neu und Sie werden sehen, wie sie mit dem Design der Envato-Demo in Berührung kommt.
Schritt 7: Stellen Sie Ihre Homepage und Vorschau ein
Letzte Berührungen Gehen Sie zu Einstellungen → Lesen„Setzen Sie „Ihre Homepage-Anzeigen“auf eine statische Seite und wählen Sie die Startseite des Kits aus. „Öffnen Sie dann Ihre Website”.
Kopfzeile oben, Fußzeile unten, Held in voller Breite, Schriftarten und Farben richtig Von hier aus ist es normale Elementorbearbeitung: Demo-Text und Bilder gegen eigene austauschen, Kontaktformular verkabeln, alles anpassen, was das Kit für Ihre Marke falsch gemacht hat Master Addons' 80+ Widgets und Erweiterungen Stehen immer dann im Editor zur Verfügung, wenn die eingebauten Elemente des Kits nicht ausreichen.
Warum Master-Addons anstelle des Template Kit Import Plugins verwenden?
Envatos eigene Help-Dokumente weisen Benutzer nun auf ein eigenständiges Import-Plugin hin, da die Das offizielle Envato Elements-Plugin wurde eingestellt. Das Plugin importiert Vorlagen und hört dort auf Für Kopf - und Fußzeile braucht man noch etwas anderes, was meistens bedeutet, Elementor Pro für seinen Theme-Builder zu kaufen.
| Aufgabe | Template Kit-Import-Plugin | Master Addons |
|---|---|---|
| Envato Kit importieren ZIP | Ja | Ja |
| Vorgefertigte Kit-Bibliothek | Nein | 30+ Kits im Lieferumfang enthalten |
| Kopf-/fußbauer | Nein (braucht Elementor Pro) | Ja, eingebaut |
| 404, Archiv, Einzelvorlagen | Nein | Ja, über Theme Builder |
| Zusätzliche Widgets zur individuellen Anpassung des Kits | Nein | 80+ Widgets und Erweiterungen |
Da Kits stark auf Bildern basieren, lohnt es sich auch, Ihre importierten Medien über einen Optimierer laufen zu lassen Große Demobilder sind der häufigste Grund, warum sich ein frisches Kit langsam anfühlt; unser Leitfaden auf So beschleunigen Sie Elementor-Websites Abdeckungen die schnellen Gewinne Der Theme Builder und Template Kits Upload sind in Master Addons Free verfügbar, und die Pro-version Schaltet die vollständige Kit-Bibliothek und Premium-Widgets frei, wenn Sie sie wünschen.
Fehlerbehebung: Importiertes Kit sieht nicht wie die Demo aus
- Falsche Farben oder Schriftarten: Sie haben Schritt 6 übersprungen. Deaktivieren Sie die Standardfarben und Schriftarten von Elementor und laden Sie die Seite dann neu.
- Themenkopfzeile, die über dem Kit-Kopfzeile angezeigt wird: Die Seite befindet sich noch auf dem Standardlayout des Themes Setzen Sie sie auf Elementor Full Width (Schritt 5) und stellen Sie sicher, dass Ihr Theme Builder-Header mit einer siteweiten Bedingung aktiviert ist.
- Inhalt in einer schmalen Spalte stecken: Gleicher Fix Elementor Full Width, nicht die Standardvorlage des Themes.
- Fehlende Bilder: Führen Sie den Import für diese Vorlage erneut aus. Langsame Hosts verkleinern manchmal die Bilddownloads mitten im Import.
- Angewandte Stile, aber Layout defekt: Importieren Sie zuerst Global Kit Styles und importieren Sie dann die betroffene Seite erneut, sodass sie die Kit-Einstellungen erbt.
Häufig gestellte Fragen
Kann ich Envato Elements-Vorlagenkits ohne das Envato-Plugin importieren?
Ja. Das offizielle Envato Elements WordPress-Plugin wurde eingestellt, aber jedes von Envato Elements oder ThemeForest heruntergeladene Kit ZIP kann über Master Addons unter Master Addons → Template Kits hochgeladen werden. Es importiert jede Vorlage, jedes Bild und jeden globalen Stil im Kit.
Benötige ich Elementor Pro, um ein Envato-Vorlagenkit zu verwenden?
Normalerweise nein. Die meisten Kits werden für kostenloses Elementor gebaut. Master Addons fügt den Header- und Footer-Builder hinzu, den Pro sonst bereitstellen würde. Überprüfen Sie die Anforderungen des Kits auf seiner Envato-Seite, da einige Kits Elementor Pro-Widgets wie Forms verwenden.
Warum sieht mein importiertes Template-Kit anders aus als die Demo?
Zwei häufige Ursachen: Die Standardfarben und Schriftarten von Elementor, die die globalen Stile des Kits überschreiben, und Seiten, die das Layout des Designs anstelle von Elementor Full Width verwenden Deaktivieren Sie Standardfarben und Schriftarten in den Einstellungen von Elementor und wechseln Sie jede importierte Seite in die Vorlage für die volle Breite.
Wie bekomme ich Kopf - und Fußzeile aus einem Template-Kit auf meiner Seite angezeigt?
Erstellen Sie eine Header-Vorlage in Master Addons Theme Builder, fügen Sie den Header-Abschnitt des Kits aus der Elementor-Bibliothek ein und veröffentlichen Sie ihn mit einer siteweiten Anzeigebedingung Wiederholen Sie dies mit einer Footer-Vorlage Beide erscheinen dann automatisch auf jeder Seite.
Sind Master Addons Template-Kits kostenlos?
Die Upload-Funktion und mehrere Kits in der Bibliothek sind kostenlos Pro-Kits erfordern eine Master Addons Pro-Lizenz, die auch die Premium-Widgets freischaltet, und sind mit einer 14-tägigen Geld-zurück-Garantie ausgestattet.
Einwickelnd
Das Importieren eines Envato Elements-Vorlagenkits läuft auf sieben Schritte hinaus: Hochladen des ZIP in Master Addons Template Kits, Import von Global Kit Styles zuerst, Import der Seiten, Erstellen der Kopf - und Fußzeile in Theme Builder, Bulk-Set-Seiten in Elementor Full Width, Deaktivieren der Standardfarben und Schriftarten von Elementor, und Setzen Sie Ihre Homepage Der gesamte Lauf dauert etwa zehn Minuten, und das meiste davon ist das Ansehen von Fortschrittsbalken.
Schnappen Sie sich ein Kit, das Ihnen gefällt, und wenn Sie irgendwo stecken bleiben, ist die Dokumentation zum Import von Vorlagenkits und die Vorgefertigter Bausatzführer Jeden Bildschirm ausführlich abdecken.
Verwandte Lektüre: Beste Elementorthemen mit Vorlagenkits zu koppeln, und So erstellen Sie eine Blogseite mit Elementor Sobald Ihr Kit live ist.
