Die Elementor-Tools machen die Gestaltung schöner Seiten, Artikel und ganzer Websites zu einem Kinderspiel.
Wie man neue Elementor-Vorlagen sicher anwendet
Elementor-Vorlagen sind vorgefertigte Layouts für einzelne Seiten oder bestimmte Elemente der Benutzeroberfläche (UI). Obwohl sie wie WordPress-Themes klingen, sind sie grundlegend anders.
Wenn Sie eine neue Elementor-Vorlage auf Ihre Website anwenden, kann sich deren Aussehen oder Funktionalität ändern. Vor diesem Hintergrund müssen Sie einige Vorbereitungen treffen, bevor Sie die Vorlage ändern.
- Schritt 1: Erstellen einer Sicherungskopie
Bevor Sie Änderungen an einer Elementor-Vorlage vornehmen, müssen Sie ein Backup erstellen. Dadurch wird sichergestellt, dass Sie bei einem neuen Designproblem zum vorherigen Zustand zurückkehren können.
Es gibt verschiedene Plugins, die bei der Erstellung von Website-Backups helfen. Zum Beispiel können Sie mit dem UpdraftPlus Plugin können Sie alle Dateien und Datenbankinformationen in die Cloud kopieren.
- Schritt 2: Versetzen Sie die Website in den Wartungsmodus
Eine Änderung Ihrer Website-Vorlage kann zu unerwarteten Abstürzen, Fehlern oder anderen Problemen führen. Nach der Anwendung eines neuen Designs müssen Sie sich möglicherweise Zeit nehmen, um die Website zu testen und Anpassungen vorzunehmen.
Bevor Sie eine neue Elementor-Vorlage anwenden, muss die Website in den Wartungsmodus versetzt werden. Dadurch wird verhindert, dass Besucher auf die Website zugreifen, während Sie das neue Design testen!
Es gibt mehrere Plugins, die zur Erstellung benutzerdefinierter Wartungsmodi verwendet werden können, wobei WP Maintenance Mode eine beliebte Wahl ist.
Dieses Plugin verfügt über viele zusätzliche Funktionen, darunter das Hinzufügen eines Countdowns zum Startbildschirm Ihrer Wartungsseite. Diese Funktion kann Ihnen helfen, das Gefühl einer Neugestaltung und eines Relaunches Ihrer Website zu erzeugen.
Sobald Sie Ihre Website in den Wartungsmodus versetzt haben, können Sie verschiedene Vorlagen ausprobieren und testen, wie sie auf dem Frontend angezeigt werden. Wenn Sie mit den Ergebnissen zufrieden sind, können Sie den Wartungsmodus aufheben und Ihren Besuchern das aktualisierte Design zeigen.
- So speichern Sie ein Element oder eine Vorlage
Die Verwendung einer Vorlage kann Ihnen helfen, ein einheitliches Design für Ihre gesamte Website zu gewährleisten und Zeit zu sparen, wenn Sie dasselbe Design auf mehreren Websites verwenden.
So können beispielsweise WordPress-Design- und Entwicklungsagenturen davon profitieren, wenn sie Vorlagen erstellen, die die Kernelemente enthalten, die sie üblicherweise für die Websites ihrer Kunden verwenden.
1:Seite als Element oder Vorlage speichern.
Die Möglichkeit, jede Seite als Elementor-Vorlage zu speichern, hilft Ihnen, ein standardisiertes Erscheinungsbild zu schaffen, das Sie auf Ihrer Website einsetzen können.
Die Erstellung von Vorlagen bedeutet, dass nicht für jede Seite die gleichen Elemente manuell neu erstellt werden müssen, was die Produktivität erheblich steigert.
Um die aktuelle Seite als Elementor-Vorlage zu speichern, finden Sie am unteren Rand der Elementor-Seitenleiste die SchaltflächeAktualisierungen/VeröffentlichungenSchaltfläche. Klicken Sie dann auf das Pfeilsymbol neben dieser Schaltfläche:
Seite als Element oder Vorlage speichern
Sie können nun auf die SchaltflächeAls Vorlage speichern. Daraufhin wird ein Fenster geöffnet, in dem Sie einen beschreibenden Namen für diese Vorlage angeben können:.
Benennen Sie die Seitenvorlage und klicken Sie dann auf Speichern. Dann können Sie die Seitenvorlage benennen, indem Sie die Elementor-Bibliothek starten und "Meine Vorlagen" können Sie jederzeit auf das Muster zugreifen.
2:Speichern Sie das Teil als Element oder Vorlage.
Viele Websites haben wiederkehrende Elemente, wie Formulare zur Lead-Generierung oder Texte, die die meistverkauften Produkte beschreiben. Durch die Erstellung von Abschnittsvorlagen können Sie diese Elemente einfach zu jeder Seite hinzufügen. Sie können sogar Abschnittsvorlagen für verschiedene Inhaltskategorien erstellen, wie z. B. CTA-Vorlagen (Call-to-Action). Wann immer Sie einen CTA benötigen, importieren Sie einfach diese Vorlage und passen die Nachricht an.
Um eine Vorlage zu erstellen, halten Sie die Strg-Taste gedrückt und klicken Sie auf den entsprechenden Abschnitt. Wählen Sie dann Als Vorlage speichern. Vergeben Sie im Pop-up-Fenster einen beschreibenden Namen für die Vorlage und klicken Sie auf Speichern.
Um eine Vorlage anzuwenden, starten Sie die Elementor-Vorlagenbibliothek, gehen Sie auf die Registerkarte Meine Vorlagen, suchen Sie das gespeicherte Design und fügen Sie es der Seite hinzu.
- Wie man ein Element oder eine Vorlage erstellt
Um eine Seite oder einen Teil einer Vorlage zu erstellen, navigieren Sie zu Vorlagen > Gespeicherte Vorlagen. Klicken Sie dann auf "Neues Element hinzufügen". Im nächsten Fenster öffnet sich das Dropdown-Menü "Vorlagentyp auswählen...":
- Vorlagentyp auswählen
Jetzt können Sie die Art der zu erstellenden Vorlage angeben. Wir haben bereits Seiten und einige Vorlagen behandelt, aber dieses Fenster bietet noch weitere Optionen.
Nachdem Sie den Vorlagentyp ausgewählt haben, geben Sie dem Entwurf einen beschreibenden Namen und klicken Sie auf "Eine Vorlage erstellen". Die Elementor-Bibliothek wird gestartet, in der Sie eine bestehende Vorlage als Basis verwenden können. Alternativ können Sie dieses Fenster auch schließen und eine Vorlage von Grund auf neu erstellen.
Verwenden Sie den Standard-Elementor-Editor, um die Vorlage zu erstellen. Wenn Sie bereit sind, Ihr Design zu speichern, klicken Sie auf "Beitrag". Dadurch wird das Feld Veröffentlichungseinstellungen geöffnet.
Hier in der Veröffentlichungsbox können Sie einige Regeln für die Verwendung dieser Vorlage festlegen. Sie können zum Beispiel auf "Bedingung hinzufügen" und gibt an, dass dieses Layout nur für einzelne Seiten verwendet werden soll.
- So exportieren Sie Elemente oder Vorlagen
Sie können Elemente oder Vorlagen aus dem WordPress-Dashboard exportieren. Diese Methode kann Ihnen helfen, Designs mit Kollegen zu teilen oder sie an Kunden zur Genehmigung zu senden. Sie können die Exportfunktion sogar nutzen, um Sicherungskopien der mit Elementor entworfenen Designs zu erstellen.
Der Export von Vorlagen ist eine einfache Möglichkeit, Designs auf mehreren Websites zu verwenden. Das ist sehr praktisch für WordPress-Design- und Entwicklungsagenturen, die mehrere Websites verwalten. Wenn Sie von einem Design profitieren möchten, ist das Exportieren oft der erste Schritt, um es mit der Welt zu teilen.
Navigieren Sie im WordPress-Dashboard zu "Vorlage > Gespeicherte Vorlagen", um den Entwurf zu exportieren. Auf dieser Registerkarte können Sie alle in der Bibliothek gespeicherten Vorlagen sehen.
WordPress unterteilt diese Vorlagen auch in Seiten- und Abschnitts-Tags. Suchen Sie einfach die Vorlage, die Sie exportieren möchten, und fahren Sie mit dem Mauszeiger über sie:.
- Wählen Sie zwischen Seiten- und Abschnittsvorlagen.
Wenn der Link "Vorlage exportieren" erscheint, klicken Sie darauf. Elementor lädt nun diese Vorlage als JSON-Datei herunter.
Es ist auch möglich, Vorlagen aus der Elementor-Bibliothek zu exportieren. Öffnen Sie in dieser Bibliothek den Ordner "Meine VorlagenRegisterkarte "Vorlagen". Suchen Sie die Vorlage, die Sie exportieren möchten, und tippen Sie auf das Symbol mit den drei Punkten, um die Vorlage direkt aus der Bibliothek zu exportieren, und klicken Sie dann auf Exportieren.
- Wie importiere ich Elemente oder Vorlagen?
Wenn Sie eine Vorlage im JSON- oder ZIP-Format haben, können Sie diese in die Elementor-Bibliothek hochladen. Navigieren Sie zunächst zumVorlagen > Gespeicherte Vorlagen. Klicken Sie oben in diesem Bildschirm auf Vorlage importieren:.
Wählen Sie dann die zu importierenden Elemente oder Vorlagen aus und klicken Sie auf "Jetzt importieren". Die Vorlage wird nun in Ihrer Bibliothek angezeigt.
Um dieses Design auf Ihr Website-Layout anzuwenden, öffnen Sie einfach die entsprechende Seite oder den Artikel mit Elementor oder einem Editor. Klicken Sie dann auf das Ordnersymbol, um eine Vorlage hinzuzufügen.
Suchen Sie die Schaltfläche Vorlage hinzufügen.
Wählen Sie im nächsten Fenster "Meine Vorlagen"Registerkarte". Hier können Sie alle von Elementor importierten Vorlagen finden:.
Um zu sehen, wie dieses Design auf der aktuellen Seite aussehen wird, klicken Sie auf Vorschau. Wenn Sie diese Vorlage verwenden, wählen Sie den zugehörigen Einfügelink.
- So exportieren und importieren Sie einzelne Elemente oder Seiten
Seiten können als Elementor-Vorlagen gespeichert und exportiert werden, anstatt sie manuell neu zu erstellen. Sie können Designs in jede Website importieren, auf der Elementor installiert ist. Um eine einzelne Seite als Vorlage zu speichern, klicken Sie auf das Pfeilsymbol neben der Schaltfläche Elementor veröffentlichen/aktualisieren und wählen Als Vorlage speichern.
- Speichern einer einzelnen Seite als Vorlage
Geben Sie im Pop-up-Fenster den Namen der Vorlage ein. Klicken Sie dann auf Speichern.
Die WordPress-Vorlagengalerie sollte sich automatisch öffnen. Sie können die gerade erstellte Vorlage finden und auf das Symbol mit den drei Punkten klicken. Wenn Sie dazu aufgefordert werden, wählen Sie Exportieren.
- Suchen Sie eine beliebige Vorlage in der Bibliothek.
Alternativ können Sie dies auch tun, indem Sie im WordPress-Dashboard zu "Vorlage > Gespeicherte Vorlagen", um diese einzelne Seitenvorlage zu exportieren. Bewegen Sie den Mauszeiger über die entsprechende Vorlage und klicken Sie auf "ableiten.".
Sobald eine einzelne Seitenvorlage sicher auf Ihrem lokalen Computer gespeichert ist, kann sie in eine andere Website importiert werden. Wechseln Sie einfach zur neuen Website und navigieren Sie zu "Templates > Saved Templates".
Klicken Sie oben auf dem Bildschirm auf "Vorlage importieren". Sie können nun Ihr einseitiges Design importieren.
Wie exportiere und importiere ich eine ganze Elementor-Site?
Sie möchten beispielsweise ein Vorlagen-Toolkit erstellen, das alle Standardseiten einer Website enthält (z. B. die Kontaktseite und die Startseite). Dieses Toolkit kann dann für die Erstellung der Basis-Website verwendet werden.
- Exportieren Sie die gesamte Elementor-Website
Mit der Export-Toolkit-Funktion von Elementor können Sie Ihre komplette Website, einschließlich Inhalt und Einstellungen, exportieren. Diese Funktion ist nützlich, wenn Sie verwandte Websites erstellen und denselben Branding-Stil beibehalten möchten. Zum Beispiel könnten Sie eine Microsite erstellen, um eine bevorstehende Produkteinführung zu bewerben.
Navigieren Sie in Ihrem WordPress-Dashboard zum BereichElementor > Artefakt. Klicken Sie auf Import/Export.
Klicken Sie auf Export starten. Wenn Sie dazu aufgefordert werden, geben Sie den Inhalt und die Daten an, die heruntergeladen werden sollen. Sie können zum Beispiel nur Vorlagen exportieren. Oder Sie exportieren den gesamten Inhalt, einschließlich Seiten, Artikel und benutzerdefinierte Beitragstypen:.
Klicken Sie anschließend auf , um den Abschnitt Kit-Informationen zu erweitern und der Datei einen beschreibenden Namen zu geben. Um Ihrer Datei einen aussagekräftigen Namen zu geben, können Sie auch die optionale Beschreibung eingeben.
Wenn Sie mit Ihrer Auswahl zufrieden sind, klicken Sie auf Exportieren. elementor wird nun Ihre Suite erstellen und eine Zusammenfassung aller in der Datei enthaltenen Elemente anzeigen:.
Elementor lädt das generierte Toolkit automatisch auf Ihren Computer herunter. Wenn Sie dazu aufgefordert werden, klicken Sie auf Zurück zum Dashboard.
- Importieren Sie Ihre Website
Es wird empfohlen, ein vollständiges Backup zu erstellen, bevor Sie fortfahren. Sobald das Backup abgeschlossen ist, müssen Sie die Elementor-Experimente-Funktion auf der Zielseite aktivieren. Navigieren Sie zu "Elementor > Tools" und wählen Sie die Funktion "Template Suite importieren/exportieren" aus und aktivieren Sie sie.
Klicken Sie anschließend auf "Import starten". Auf dem folgenden Bildschirm wählen Sie die Datei aus, die Sie im vorherigen Schritt heruntergeladen haben, um sie zu importieren.
Behebung des Fehlers "Ungültige Datei" bei Elementor
Wenn Sie versuchen, eine Vorlage zu importieren, kann es vorkommen, dass Sie die Fehlermeldung "Ungültige Datei" erhalten. Dies bedeutet, dass Sie versuchen, eine Vorlage zu importieren, die mit einer früheren Version von Elementor erstellt wurde. Um dieses Problem zu beheben, müssen Sie vorübergehend auf eine frühere Version von Elementor wechseln. Diese Änderung kann zu Problemen mit Ihrer Website führen.
Wenn Sie bereit sind, weiterzumachen, gehen Sie zur Liste der Elementor-Plugins und wählen Sie Erweiterte Ansicht.
- Klicken Sie auf Erweiterte Ansichtsoptionen.
Verwenden Sie unten auf der Seite das Dropdown-Menü, um eine frühere Version von Elementor auszuwählen. Für beste Ergebnisse wird empfohlen, die neueste Version von Elementor 1, 1.9.8, herunterzuladen.
- Laden Sie die neueste Version von Elementor herunter
Sie können mit einfachen Themes und Plugins aktualisieren. Nach der Aktivierung dieses Plugins können Sie ältere Versionen von Elementor hochladen, ohne die neueste Version zu deaktivieren und zu löschen.
Nachdem Sie eine ältere Version von Elementor hochgeladen haben, navigieren Sie zu Plugins > Installed Plugins.WordPress sollte automatisch auf die ältere Softwareversion umgestellt haben:.
Sie sollten nun in der Lage sein, die Vorlage ohne Probleme zu importieren. Sobald der Import abgeschlossen ist, navigieren Sie zurück zu Plugins > Installierte Plugins und stellen Sie die neueste Version von Elementor wieder her. Die Vorlage sollte sich nun in der Bibliothek befinden und einsatzbereit sein.
Elementor-Plugin zum Importieren und Exportieren von Vorlagen
Happy Addons Pro erweitert das Standard-Elementor-Erlebnis um über 20 neue Funktionen. Es umfasst mehrere Funktionen, die in Ihre Import- und Export-Workflows integriert werden können:.
Wenn Sie mehrere Websites verwenden, müssen Sie möglicherweise die domänenübergreifende Kopier- und Einfügefunktion von Happy Addons Pro nutzen. Damit können Sie ganz einfach Inhalte von einer Website kopieren und in eine völlig andere Domain einfügen.
Zusammenfassung:
In diesem Artikel wird beschrieben, wie Sie mit Elementor Vorlagen erstellen, speichern, exportieren und importieren können, einschließlich Seiten- und Abschnittsvorlagen. Wenn Sie diese Schritte befolgen, können Sie die Designeffizienz verbessern, die Markenkonsistenz auf Ihrer Website aufrechterhalten und sicherstellen, dass Ihre Website im Falle eines Problems leicht wiederhergestellt werden kann. Diese Methoden sind nützlich, egal ob Sie ein Entwicklungsunternehmen sind, das mehrere Websites verwaltet, oder ein einzelner Benutzer, der ein konsistentes Design beibehalten möchte.