Möchten Sie mit Elementor ein Layout erstellen? Möchten Sie einfach eine professionell aussehende WordPress-Website erstellen? Dann müssen Sie Laden Sie das WordPress Elementor-Plugin hier herunter.

 Elementor ist ein visueller Seitenersteller mit der Funktion "Drag and Drop", mit der Sie ohne Programmierkenntnisse auf einfache Weise benutzerdefinierte Layouts in WordPress erstellen können.

In diesem Tutorial zeigen wir Ihnen, wie Sie mit Elementor mit nur wenigen Klicks auf einfache Weise benutzerdefinierte WordPress-Layouts erstellen können. Wir bieten Ihnen auch Schauen Sie sich die anderen Alternativen dieses wunderschönen WordPress-Plugins an.

Aber vorher, wenn Sie WordPress Discover noch nie installiert haben Wie man ein Wordpress-Blog 7 Schritte für die Installation et Wie finden, zu installieren und ein Wordpress-Theme auf Ihrem Blog aktivieren 

Dann zurück zu warum wir hier sind.

Erstellen Sie mit Elementor ein Layout

Warum und wann werden benutzerdefinierte Layouts in WordPress erstellt?

Bevor Sie anfangen, können Sie dieses WordPress-Plugin anhand der Artikel entdecken Präsentation einer WordPress Builder Seite: Elementor oder entdecken Sie die Elementor-Tutorial: Einführung in die Benutzeroberfläche 

viele WordPress-Themes Sowohl kostenlos als auch Premium bieten mehrere Layoutoptionen für verschiedene Arten von Seiten. Manchmal erfüllt jedoch keines dieser Vorlagenlayouts Ihre Anforderungen.

Wenn Sie jedoch ein Fan von PHP, HTML und CSS sind, haben Sie die Möglichkeit, eigene Seitenvorlagen zu erstellen oder sogar ein untergeordnetes Thema für Ihre Website zu erstellen. Die Mehrheit der WordPress-Benutzer sind jedoch keine Entwickler, daher funktioniert diese Option für sie nicht.

Entdecken Sie auch diese 8 WordPress Plugins zur einfachen Erstellung Ihrer Layouts

Wäre es nicht toll, Layouts mit einer einfachen Oberfläche (Drag and Drop) zu erstellen?

Genau das macht Elementor. Dies ist ein Plugin für den WordPress-Seitenersteller, mit dem Sie ganz einfach Ihre eigenen WordPress-Layouts ohne Programmierkenntnisse erstellen können.

Es verfügt über eine intuitive Benutzeroberfläche, mit der Sie benutzerdefinierte Layouts mit Echtzeitvorschau erstellen können. Es enthält viele vorgefertigte Module für alle Arten von Webdesign-Elementen.

Es bietet mehrere professionell gestaltete Seitenvorlagen, die Sie sofort laden und als Ausgangspunkt verwenden können. Schauen wir uns an, wie Sie mit dem WordPress Elementor-Plugin benutzerdefinierte WordPress-Layouts erstellen.

Erste Schritte mit Elementor

Zuerst müssen Sie das Plugin kaufen " Elementor Pro ". Dies ist die kostenpflichtige Version des Plugins " Elementor Kostenlos, mit dem Sie auf zusätzliche Funktionen und den Kundensupport von 1 zugreifen können.

Dann müssen Sie die installieren und aktivieren Elementor-Plugin. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung unter Weg, um ein WordPress-Plugin zu installieren.

Besuchen Sie nach der Aktivierung die " Elementor> Einstellungen So konfigurieren Sie den Betrieb dieses Plugins.

Elementoreinstellungen

Hier können Sie „Elementor“ für verschiedene Arten von Beiträgen aktivieren. Standardmäßig ist es für Ihre WordPress-Beiträge und -Seiten aktiviert. Wenn Sie benutzerdefinierte Postformate auf Ihrer Website haben, werden diese auch hier angezeigt und Sie können sie ebenfalls aktivieren.

Sie können Benutzerrollen ausschließen oder einschließen, die Elementor beim Schreiben von Posts oder Seiten verwenden können. Standardmäßig ist es nur für Administratoren aktiviert.

Unsere Ideen für 8 WordPress-Plugins zum Verwalten von Rollen und Benutzern

Vergessen Sie nicht, auf den Button «zu klicken. Änderungen speichern Speichern Sie Ihre Einstellungen.

Erstellen eines benutzerdefinierten Layouts mit Elementor

Zuerst müssen Sie eine neue Seite (oder einen neuen Beitrag) auf Ihrer WordPress-Website erstellen. Auf der Seite nach der Bearbeitung sehen Sie die neue Schaltfläche "Mit Elementor bearbeiten".

Mit elementor bearbeiten

Wenn Sie darauf klicken, wird die Elementor-Benutzeroberfläche geöffnet, in der Sie Ihre Seite mit dem visuellen Seitenersteller mit Drag & Drop-Funktion bearbeiten können.

Element per Drag & Drop

Sie können jetzt Abschnitte hinzufügen und Ihre Seite von Grund auf neu erstellen oder eine der standardmäßig gelieferten Vorlagen laden.

Modelle sind ein schnellerer Weg, um schnell loszulegen. Daher bietet Elementor mehrere professionell gestaltete Vorlagen, die Sie beliebig anpassen können.

Beginnen wir mit einer Vorlage, indem wir auf den Button " Fügen Sie eine Vorlage hinzu ".

Daraufhin wird ein Popup-Fenster angezeigt, in dem Sie die verschiedenen verfügbaren Modelle sehen können. Sie sollten nach einem Modell suchen, das Ihren Vorstellungen entspricht. 

Layout elemntor Plugin

Aktivieren Sie nun das gewünschte Modell und klicken Sie auf die Schaltfläche einfügen So fügen Sie es Ihrer Seite hinzu

Elementor lädt die Vorlage für Sie.

Sie können jetzt damit beginnen, die Vorlage an Ihre Anforderungen anzupassen. Zeigen Sie einfach auf ein Element und klicken Sie darauf, um es auszuwählen. Elementor zeigt Ihnen die Einstellungen in der linken Spalte an.

Beginn der Seitenbearbeitung auf elementor

Lassen Sie uns nun darüber sprechen, wie die Layouts von Elementor funktionieren.

Die angebotenen Modelle der Elementor-Plugin basieren auf Abschnitten, Spalten und Widgets. Abschnitte sind wie Linien oder Blöcke, die Sie auf Ihrer Seite platzieren.

Jeder Abschnitt kann mehrere Spalten haben und jeder Abschnitt und jede Spalte kann ihre eigenen Stile, Farben, Inhalte usw. haben.

Bearbeiten einer Seite mit elementor

Sie haben die Möglichkeit, Elemente mithilfe der von Elementor angebotenen Widgets zu Ihren Spalten und Abschnitten hinzuzufügen.

Diese Widgets sind Arten von Inhaltsblöcken, die Sie in Abschnitten Ihrer Seiten platzieren können.

Wählen Sie einfach ein Widget aus und legen Sie es in Ihrem Abschnitt oder Ihrer Spalte ab. Es gibt eine riesige Auswahl an Widgets, die alle gängigen Webdesign-Elemente abdecken, die Sie sich vorstellen können.

Element e Design mit Elementor

Sie können Bilder, Texte, Themen, Bildergalerien, Videos, Karten, Symbole, Testimonials, Schieberegler, Karussells und vieles mehr hinzufügen.

Siehe auch unsere 15 Elementor-Designs und -Vorlagen zum Erstellen einer Website

Sie können auch Standard-WordPress-Widgets und sogar von anderen erstellte Widgets hinzufügen Wordpress-Plugins auf Ihrer Website.

Wenn Sie fertig sind, können Sie auf die Schaltfläche " Registrieren Um Ihre Änderungen beizubehalten.

Passen Sie das Layout mit elementor an

Remarque: Durch das Speichern eines Layouts wird die Seite nicht auf Ihrer WordPress-Website veröffentlicht. Es wird einfach Ihr Layout gespeichert.

Zu diesem Zeitpunkt haben Sie die Möglichkeit, eine Vorschau Ihrer Seite anzuzeigen oder zum WordPress-Dashboard zu wechseln. Damit kehren Sie zum Standard-WordPress-Post-Editor zurück. Sie können Ihre WordPress-Seite jetzt speichern oder auf Ihrer Website veröffentlichen.

Layoutveröffentlichung mit Elementor

Das war's, also fertig mit dem Erstellen einer Seite mit dem WordPress Elementor Plugin.

Aber wie viele Seitenersteller bietet es auch Erweiterungen Auf diese Weise können Sie einfach und schnell neue Layouts erstellen, indem Sie dem Standard-Plugin mehr Designelemente hinzufügen.

Laden Sie Elementor herunter

Entdecken Sie auch einige Premium-WordPress-Plugins  

Sie können andere verwenden Wordpress-Plugins um ein modernes Erscheinungsbild zu geben und die Handhabung Ihres Blogs oder Ihrer Website zu optimieren.

Wir bieten Ihnen hier einige Premium-WordPress-Plugins an, die Ihnen dabei helfen werden.

1. JetElements 

Dieses Plugin erweitert Ihr Elementor-Bundle um eine Vielzahl von Modulen, die beim Erstellen Ihrer Website äußerst nützlich sind. Leistungsstarke Elemente wurden speziell für die Integration in die Funktionalität von Elementor entwickelt, um Ihnen vielseitige Lösungen und stilvolle Elemente zu bieten.

Elementor WordPress Plugin Jetelement

Die Hauptmerkmale sind: viele nützliche Module, die viele Stiloptionen, Funktionsparameter und absolut anpassbare Elemente enthalten, unglaubliche Elemente, um Ihren Online-Shop schnell zu starten, Unterstützung für RTL-Sprachen, WPML-Plugin-Unterstützung und ein Modul Kontaktformular 7 Erstaunlich, mit dem Sie Ihre Kontaktformulare hinzufügen und in Ihre Website einbetten können.

Herunterladen | Demo | Web-Hosting

2. JetMenu 

JetMenu ist eine Erweiterung sehr funktional Plugin Elementor, mit dem Sie erstellen können megamenus mit benutzerfreundlichen Bildlaufelementen. Dieses Plugin schränkt Ihre Vorstellungskraft nicht ein und hat das Potenzial, fantastische Menüs zu erstellen und sie entsprechend Ihrer Vision und Ihren Bedürfnissen zu überarbeiten.

Jetmenu WordPress Elementor Plugin

Die Hauptmerkmale sind: Es sind keine Programmierkenntnisse erforderlich. reichhaltige Funktionen, die sich perfekt mit Einfachheit und Klarheit verbinden lassen, Eine große Auswahl an Inhaltsmodulen, die speziell für die Erstellung Ihrer Menüs entwickelt wurden, ein ansprechendes Layout und vieles mehr.

Wenn Sie die Menüs oder Megamenüs Ihrer Website aufpeppen möchten, ist dieses WordPress-Plugin zu konsultieren.

Herunterladen | Demo | Web-Hosting

3. JetWooBuilder 

JetWooBuilder ist ein unverzichtbares Addon, mit dem Sie mit Elementor vollwertige WooCommerce-Produktseiten erstellen können.

Jetwoobuilder WordPress Elementor Plugin

Als Features finden Sie unter anderem: Mehrere einzigartige Produktseitenvorlagen, viele Grafiken Produktseiten erstellen WooCommerceViele auffällige Inhalts-Widgets wie In den Warenkorb, Vorschau, Bild, Bewertung, Verwandte und viele mehr bieten die Möglichkeit zur Anzeige Produkt Taxonomien und mehr.

Herunterladen | Demo | Web-Hosting

Einige nützliche Ressourcen:

Fazit:

Hier ist ! Das war's für dieses Tutorial. Ich hoffe, Sie können damit moderne und professionelle Layouts mit dem Plugin erstellen Elementor.

Sie können jedoch auch unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung oder der eine auf Divi: das beste WordPress-Theme aller Zeiten.

Teilen Sie diesen Artikel besonders in Ihren verschiedenen sozialen Netzwerken.

...