{"id":232643,"date":"2021-12-15T13:15:00","date_gmt":"2021-12-15T10:15:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=232643"},"modified":"2022-05-16T11:16:06","modified_gmt":"2022-05-16T08:16:06","slug":"so-verwenden-sie-das-elementor-page-builder-plugin","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/so-verwenden-sie-das-elementor-page-builder-plugin\/","title":{"rendered":"So verwenden Sie das Elementor Page Builder-Plugin"},"content":{"rendered":"<p>Was w\u00e4re, wenn Sie jedes Pixel des Designs Ihrer Website steuern k\u00f6nnten, ohne Code schreiben zu m\u00fcssen?<\/p>\n<p>Nun, das ist die Mission, die Elementor in Angriff genommen hat, und wissen Sie was?<\/p>\n<p>Sie haben es geschafft!<\/p>\n<p><a href=\"http:\/\/link.competethemes.com\/elementor-guide-cta1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Elementor<\/a> ist ein \u00e4u\u00dferst robustes Tool zum Erstellen von Seiten, mit dem Sie benutzerdefinierte Seiten und sogar ganze Websites erstellen k\u00f6nnen. Und Sie m\u00fcssen sich nicht einmal eine Codezeile ansehen, geschweige denn eine eigene schreiben.<\/p>\n<p>In diesem Elementor-Tutorial erfahren Sie, wie Sie mit dem Page Builder vollst\u00e4ndig benutzerdefinierte Seitendesigns erstellen.<\/p>\n<h2>So verwenden Sie Elementor<\/h2>\n<p>Wenn Sie sich lieber ein Video ansehen m\u00f6chten, behandelt diese Schritt-f\u00fcr-Schritt-Anleitung alles:<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/Up58uOqFiL8\" frameborder=\"0\"><\/iframe><\/div>\n<p><a href=\"http:\/\/link.competethemes.com\/subscribe\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Abonnieren Sie Compete Themes auf Youtube<\/a><\/p>\n<p>Der erste Schritt besteht darin, das Elementor-Plugin zu installieren.<\/p>\n<h2>Elementor installieren<\/h2>\n<p>Elementor ist ein kostenloses Plugin und kann wie jedes andere Plugin installiert werden, das Sie zu Ihrer Site hinzugef\u00fcgt haben.<\/p>\n<p>Rufen Sie das Men\u00fc Plugins &gt; Neu hinzuf\u00fcgen auf und verwenden Sie die Suchleiste oben rechts, um nach \u201eelementor&#8220; zu suchen.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b182e87cb.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b182e87cb.png\" alt=\"So verwenden Sie das Elementor Page Builder-Plugin\"><\/a><\/p>\n<p>Klicken Sie auf die Schaltfl\u00e4che Jetzt installieren und dann auf Aktivieren, nachdem die Installation abgeschlossen ist.<\/p>\n<p>Wenn Elementor installiert ist, werden Ihrer Website zwei neue Men\u00fcs hinzugef\u00fcgt.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1854049c.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1854049c.png\" alt=\"So verwenden Sie das Elementor Page Builder-Plugin\"><\/a><\/p>\n<p>Das Hauptmen\u00fc von Elementor hat einige globale Einstellungen, aber Sie werden sie ehrlich gesagt nicht oft verwenden. Abgesehen davon handelt es sich haupts\u00e4chlich um Links zu Support-Ressourcen und Elementor Pro-Funktionen.<\/p>\n<p>Das Men\u00fc \u201eVorlagen&#8220; ist sehr n\u00fctzlich, und wir werden es sp\u00e4ter im Tutorial genauer betrachten.<\/p>\n<h2>So bearbeiten Sie eine Seite mit Elementor<\/h2>\n<p>Die meiste Arbeit, die Sie mit Elementor erledigen, wird im Elementor-Editor erledigt.<\/p>\n<p>Um zum Editor zu gelangen, k\u00f6nnen Sie das Men\u00fc &quot;Beitr\u00e4ge&quot; oder &quot;Seiten&quot; aufrufen und dann auf die Seite klicken, die Sie bearbeiten m\u00f6chten. Im Editor sehen Sie eine neue Schaltfl\u00e4che &quot;Mit Elementor bearbeiten&quot;, die Sie zum Elementor-Editor f\u00fchrt.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b18718b88.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b18718b88.png\" alt=\"So verwenden Sie das Elementor Page Builder-Plugin\"><\/a><\/p>\n<p>W\u00e4hrend Sie sowohl den Elementor-Editor als auch den normalen Seiteninhalt zusammen verwenden k\u00f6nnen, wird er tendenziell unordentlich und verwirrend. Aus diesem Grund w\u00fcrde ich empfehlen, alle Ihre Inhalte in Elementor f\u00fcr jede Seite zu speichern, auf der Sie sie verwenden.<\/p>\n<p>Sobald Sie auf den blauen Bearbeiten-Button klicken, gelangen Sie zum Editor.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b188ebd4e.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b188ebd4e.png\" alt=\"So verwenden Sie das Elementor Page Builder-Plugin\"><\/a><\/p>\n<p>Wie Sie sehen k\u00f6nnen, ist es wie der Live Customizer eingerichtet. Rechts befindet sich eine Vorschau und links die Widgets.<\/p>\n<p>Widgets sind die grundlegenden Bausteine \u200b\u200bvon Elementor-Seiten, daher ist es unerl\u00e4sslich, zu lernen, wie man sie verwendet.<\/p>\n<p>Innerhalb des Widgets-Men\u00fcs finden Sie einige verschiedene Abschnitte.<\/p>\n<p>Der grundlegende Abschnitt oben enth\u00e4lt praktische Elemente wie den Texteditor, \u00dcberschriften und Symbol-Widgets.<\/p>\n<p>Wenn Sie weiter scrollen, werden Sie feststellen, dass es noch einige weitere Abschnitte gibt:<\/p>\n<ul>\n<li><strong>Pro:<\/strong> erweiterte Widgets wie Post Grids (nur Elementor Pro)<\/li>\n<li><strong>Allgemein:<\/strong> h\u00e4ufiger verwendete Widgets (kostenlos)<\/li>\n<li><strong>Site:<\/strong> zum Erstellen ganzer Sites mit Elementor (nur Elementor Pro)<\/li>\n<li><strong>WooCommerce:<\/strong> zum Erstellen eines WC-Shops mit Elementor (nur Elementor Pro)<\/li>\n<li><strong>WordPress:<\/strong> all deine normalen WP-Widgets<\/li>\n<\/ul>\n<p>Der WordPress-Bereich ist \u00fcbersichtlich, da Sie alle 17 in WordPress enthaltenen Standard-Widgets sowie alle von Plugins hinzugef\u00fcgten Widgets verwenden k\u00f6nnen.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b18aaf338.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b18aaf338.png\" alt=\"So verwenden Sie das Elementor Page Builder-Plugin\"><\/a><\/p>\n<p>Um der Seite ein Widget hinzuzuf\u00fcgen, ziehen Sie es einfach per Drag-and-Drop in das umrandete Feld in der Vorschau.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b18c91945.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b18c91945.png\" alt=\"So verwenden Sie das Elementor Page Builder-Plugin\"><\/a><\/p>\n<p>Sobald Sie das Widget hinzugef\u00fcgt haben, finden Sie in der Seitenleiste alle m\u00f6glichen Anpassungsoptionen.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b18e40dfc.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b18e40dfc.png\" alt=\"So verwenden Sie das Elementor Page Builder-Plugin\"><\/a><\/p>\n<p>Jedes Widget hat einen Inhalts-, Stil- und Erweitert-Bereich. Hier ist ein kurzer Blick auf einige der Stiloptionen, die f\u00fcr eine \u00dcberschrift verf\u00fcgbar sind:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b190866c3.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b190866c3.png\" alt=\"So verwenden Sie das Elementor Page Builder-Plugin\"><\/a><\/p>\n<p>Sie k\u00f6nnen den Inhalt jedes Widgets zwar \u00fcber die Registerkarte Inhalt in der Seitenleiste bearbeiten, Sie k\u00f6nnen ihn jedoch auch direkt in der Vorschau bearbeiten.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1933969a.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1933969a.png\" alt=\"So verwenden Sie das Elementor Page Builder-Plugin\"><\/a><\/p>\n<p>Das sollte Ihnen eine gute Vorstellung von den Grundlagen von Widgets geben. Wie Sie gesehen haben, gibt es eine Vielzahl von Widgets. Au\u00dferdem sind sogar <a href=\"https:\/\/mightythemes.com\/products\/mighty-addons\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Add-Ons verf\u00fcgbar<\/a>, die Widgets enthalten, die normalerweise in Elementor nicht verf\u00fcgbar sind.<\/p>\n<p>Inzwischen sind Sie wahrscheinlich schon gespannt, was Sie mit Elementor machen k\u00f6nnen, aber glauben Sie mir, es gibt noch viel mehr.<\/p>\n<h2>Erstellen Sie benutzerdefinierte Seitenlayouts<\/h2>\n<p>Bisher haben Sie nur gesehen, wie Sie Widgets per Drag-and-Drop auf die Seite ziehen, was zu einem einfachen, einspaltigen Design f\u00fchrt.<\/p>\n<p>Sie k\u00f6nnen auch in der Vorschau auf die Plus-Schaltfl\u00e4che klicken, um eine neue Seitenstruktur zu erstellen.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b19546ddd.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b19546ddd.png\" alt=\"So verwenden Sie das Elementor Page Builder-Plugin\"><\/a><\/p>\n<p>Sobald Sie darauf klicken, sehen Sie 12 verschiedene Strukturen zur Auswahl.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b196dea8e.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b196dea8e.png\" alt=\"So verwenden Sie das Elementor Page Builder-Plugin\"><\/a><\/p>\n<p>Sobald Sie eines ausgew\u00e4hlt haben, wird der Seitenabschnitt erstellt und Sie k\u00f6nnen Widgets per Drag-and-Drop in jede der Spalten ziehen. Auf diese Weise k\u00f6nnen Sie Widgets in logische Abschnitte gruppieren und den Abschnitt sogar formatieren.<\/p>\n<p>Wenn Sie oben im Seitenabschnitt auf den Ziehpunkt klicken, werden die Seitenleisten-Updates mit neuen Optionen angezeigt.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b198af26d.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b198af26d.png\" alt=\"So verwenden Sie das Elementor Page Builder-Plugin\"><\/a><\/p>\n<p>Auf der Registerkarte Stil finden Sie viele gro\u00dfartige Optionen, einschlie\u00dflich der besonders praktischen Hintergrundoption.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b19ad8420.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b19ad8420.png\" alt=\"So verwenden Sie das Elementor Page Builder-Plugin\"><\/a><\/p>\n<p>Sie k\u00f6nnen eine Farbe, einen Farbverlauf, ein Bild, ein Video oder eine Diashow als Hintergrund f\u00fcr jeden Seitenabschnitt verwenden.<\/p>\n<p>Und als ob das nicht genug w\u00e4re, k\u00f6nnen Sie sogar den Hintergrund und das Styling einzelner Spalten innerhalb des Seitenbereichs \u00e4ndern.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b19d226c9.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b19d226c9.png\" alt=\"So verwenden Sie das Elementor Page Builder-Plugin\"><\/a><\/p>\n<p>Die M\u00f6glichkeit, Widgets, Spalten und Abschnitte separat zu gestalten, bietet eine immense Kontrolle.<\/p>\n<p>Es gibt nur ein Problem.<\/p>\n<p>Sie werden schnell feststellen (wenn Sie es noch nicht getan haben), dass Hintergr\u00fcnde in Seitenabschnitten seltsam aussehen, weil sie auf die Mitte der Seite beschr\u00e4nkt sind. So beheben Sie das.<\/p>\n<h2>Bauraum fixieren<\/h2>\n<p>In meinem Beispiel verwende ich das <a href=\"https:\/\/www.competethemes.com\/chosen\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Thema Chosen<\/a>, und wie Sie sehen, stoppt der Hintergrund des von mir erstellten Seitenabschnitts abrupt in der Mitte der Seite.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b19ee6197.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b19ee6197.png\" alt=\"So verwenden Sie das Elementor Page Builder-Plugin\"><\/a><\/p>\n<p>Dies liegt daran, dass Elementor-Inhalte den gleichen Platz im Thema einnehmen wie der Beitragsinhalt. So sieht eine normale Seite im Chosen-Design aus:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a12d79a.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a12d79a.png\" alt=\"So verwenden Sie das Elementor Page Builder-Plugin\"><\/a><\/p>\n<p>F\u00fcr Standard-Posts und -Seiten sieht es gut aus, aber mit Elementor kann es das Design umst\u00e4ndlich machen. Die L\u00f6sung besteht darin, eine Seitenvorlage zu verwenden.<\/p>\n<p>Um die Seitenvorlage zu \u00e4ndern, k\u00f6nnen Sie den Editor besuchen, den Abschnitt Seitenattribute \u00f6ffnen und dann dieses Dropdown-Men\u00fc f\u00fcr die Vorlage verwenden:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a2d26e1.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a2d26e1.png\" alt=\"So verwenden Sie das Elementor Page Builder-Plugin\"><\/a><\/p>\n<p>W\u00e4hrend viele Themes, wie Chosen, ihre eigenen Seitenvorlagen enthalten, f\u00fcgt Elementor Ihrer Website immer zwei Vorlagen hinzu:<\/p>\n<ul>\n<li>Elementor Canvas: volle Breite ohne Kopf- oder Fu\u00dfzeile<\/li>\n<li>Elementor Full Width: volle Breite mit Kopf- und Fu\u00dfzeile<\/li>\n<\/ul>\n<p>Sie k\u00f6nnen die Seitenvorlage auch im Elementor-Editor \u00e4ndern, indem Sie unten auf das Symbol Seiteneinstellungen klicken und dann diese Seitenlayout-Option verwenden:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a4d24c1.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a4d24c1.png\" alt=\"So verwenden Sie das Elementor Page Builder-Plugin\"><\/a><\/p>\n<p>Wenn wir das erledigt haben, tauchen wir wieder ein, um mit Elementor wundersch\u00f6ne Seiten zu erstellen.<\/p>\n<h2>Vorgefertigte Bl\u00f6cke hinzuf\u00fcgen<\/h2>\n<p>Was Sie bisher von Elementor gesehen haben, ist beeindruckend. Sie k\u00f6nnen mit den Tools, die Sie gesehen haben, alles erstellen, was Sie sich vorstellen k\u00f6nnen.<\/p>\n<p>Das hei\u00dft, die Herausforderung ist entmutigend. M\u00f6chten Sie wirklich eine komplette Webseite von Grund auf neu erstellen? Wenn Sie keine Erfahrung mit Webdesign haben, erstellen Sie wahrscheinlich eine Seite, die amateurhaft aussieht.<\/p>\n<p>Sch\u00f6ne Seiten zu erstellen ist harte Arbeit!<\/p>\n<p>Gl\u00fccklicherweise hat sich Elementor auch auf diese Situation vorbereitet.<\/p>\n<p>Zuvor haben Sie gelernt, dass Sie auf die Plus-Schaltfl\u00e4che klicken k\u00f6nnen, um eine Seitenstruktur hinzuzuf\u00fcgen. Wenn Sie jedoch auf das Ordnersymbol klicken, k\u00f6nnen Sie einen neuen Block hinzuf\u00fcgen.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a6bdade.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a6bdade.png\" alt=\"So verwenden Sie das Elementor Page Builder-Plugin\"><\/a><\/p>\n<p>Sie sehen dieses Popup-Fenster mit Hunderten von vorgefertigten Seitenabschnitten:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a8a342c.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a8a342c.png\" alt=\"So verwenden Sie das Elementor Page Builder-Plugin\"><\/a><\/p>\n<p>Sie k\u00f6nnen einfach auf einen dieser Bl\u00f6cke klicken, um ihn in Ihre Seite einzuf\u00fcgen. Hier beginnt Elementor wirklich zu gl\u00e4nzen.<\/p>\n<p>Anstatt eine ganze Seite von Grund auf neu zu erstellen, k\u00f6nnen Sie einfach vorgefertigte Bl\u00f6cke einf\u00fcgen, bis Sie das richtige Design und Layout haben. Mit den Sortieroptionen wird dies noch einfacher.<\/p>\n<p>\u00dcber das Dropdown-Men\u00fc Kategorie k\u00f6nnen Sie Bl\u00f6cke nach ihrer spezifischen Verwendung filtern.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1ab41ed9.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1ab41ed9.png\" alt=\"So verwenden Sie das Elementor Page Builder-Plugin\"><\/a><\/p>\n<p>So sieht einer der Bl\u00f6cke aus, wenn er in meine Seite eingef\u00fcgt wurde:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1ae0665c.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1ae0665c.png\" alt=\"So verwenden Sie das Elementor Page Builder-Plugin\"><\/a><\/p>\n<p>Wie Sie sehen, besteht es aus Widgets, sodass Sie jeden einzelnen Aspekt des Blocks von der Spaltenstruktur bis zum Text bearbeiten k\u00f6nnen.<\/p>\n<p>Bl\u00f6cke sind erstaunlich und machen das Erstellen von Webseiten viel einfacher, aber die n\u00e4chste Funktion bl\u00e4st sie weg.<\/p>\n<h2>Vorgefertigte Seiten hinzuf\u00fcgen<\/h2>\n<p>Im Popup-Fenster gibt es auch eine Registerkarte Seiten. Klicken Sie darauf und Sie finden diesen Bildschirm:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b058f86.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b058f86.png\" alt=\"So verwenden Sie das Elementor Page Builder-Plugin\"><\/a><\/p>\n<p>Was Sie sehen, sind Hunderte von vorgefertigten Seiten, die mit Elementor erstellt wurden. Sie k\u00f6nnen auf eine davon klicken, um sie sofort in Ihre Seite einzuf\u00fcgen.<\/p>\n<p>Wie erstaunlich ist das?<\/p>\n<p>Sicher, Sie k\u00f6nnen Ihre eigenen Designs von Grund auf neu erstellen, aber ehrlich gesagt, warum sollten Sie das tun? Der schnellste und einfachste Weg besteht darin, eine vorhandene Vorlage zu finden, die Ihnen gef\u00e4llt, und diese dann einfach in Ihre Seite einzuf\u00fcgen.<\/p>\n<p>Dieser Prozess macht das Erstellen von Webseiten mit Elementor unglaublich schnell, einfach und angenehm.<\/p>\n<p>W\u00e4hrend die kostenlose Version von Elementor nur eine Handvoll Vorlagen enth\u00e4lt, k\u00f6nnen Sie mit <a href=\"http:\/\/link.competethemes.com\/elementor-tutorial\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Elementor Pro<\/a> alle \u00fcber 200 freischalten .<\/p>\n<p>Themeforest hat vor kurzem <a href=\"http:\/\/link.competethemes.com\/elementor-template-kits-tutorial\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Elementor Template Kits<\/a> auf seiner Website ver\u00f6ffentlicht, und Sie k\u00f6nnen dort viel mehr vorgefertigte Vorlagen und Bl\u00f6cke finden.<\/p>\n<p>Ich habe auch eine Sammlung der <a href=\"https:\/\/themewp.inform.click\/de\/die-besten-elementor-vorlagen-kits-fur-2021\/\" title=\"besten Elementor-Vorlagen-Kits zusammengestellt,\">besten Elementor-Vorlagen-Kits zusammengestellt,<\/a> die Ihnen gefallen k\u00f6nnten.<\/p>\n<h2>Verwenden Sie Ihre Bl\u00f6cke und Seiten wieder<\/h2>\n<p>Jetzt haben Sie das meiste von Elementor gesehen, aber es gibt noch eine weitere Funktion.<\/p>\n<p>Sie k\u00f6nnen benutzerdefinierte Seiten erstellen, indem Sie das bisher Gelernte verwenden. Wenn Sie jedoch eine ganze Site mit Elementor erstellen oder f\u00fcr Kunden-Websites verwenden m\u00f6chten, ben\u00f6tigen Sie einen besseren Workflow. Hier kommt das Men\u00fc Vorlagen ins Spiel.<\/p>\n<p>Unten im Editor sehen Sie die gr\u00fcne Schaltfl\u00e4che Aktualisieren, mit der Sie Ihre \u00c4nderungen speichern k\u00f6nnen.<\/p>\n<p>Wenn Sie auf den Pfeil daneben klicken, sehen Sie die Option, die Seite als neue Vorlage zu speichern.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b2c966d.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b2c966d.png\" alt=\"So verwenden Sie das Elementor Page Builder-Plugin\"><\/a><\/p>\n<p>Alles, was Sie tun m\u00fcssen, ist, ihm einen Namen zu geben und auf &quot;Speichern&quot; zu klicken.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b5183ae.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b5183ae.png\" alt=\"So verwenden Sie das Elementor Page Builder-Plugin\"><\/a><\/p>\n<p>Zur\u00fcck im WordPress-Dashboard finden Sie Ihre Vorlage hier im Men\u00fc Vorlagen aufgef\u00fchrt:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b6e859a.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b6e859a.png\" alt=\"So verwenden Sie das Elementor Page Builder-Plugin\"><\/a><\/p>\n<p>Sie k\u00f6nnen hier Vorlagen erstellen und bearbeiten, ohne die Seiten zu bearbeiten, in die sie eingef\u00fcgt wurden. Sie k\u00f6nnen sogar die Registerkarte Abschnitte besuchen und Ihre eigenen Seitenabschnitte erstellen.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b8c1468.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b8c1468.png\" alt=\"So verwenden Sie das Elementor Page Builder-Plugin\"><\/a><\/p>\n<p>Wenn Sie dann an einer Seite arbeiten, k\u00f6nnen Sie jede Ihrer vorgefertigten Seiten oder Bl\u00f6cke aus der Registerkarte Meine Vorlagen im Popup-Fenster einf\u00fcgen.<\/p>\n<p>W\u00e4hrend Sie diese Funktion nicht ben\u00f6tigen, wenn Sie nur eine oder zwei <a href=\"https:\/\/themewp.inform.click\/de\/top-8-der-besten-wordpress-landing-page-themes-fur-hohe-conversions\/\" title=\"Zielseiten erstellen\">Zielseiten erstellen<\/a>, ist sie beim Erstellen von Websites f\u00fcr Kunden unverzichtbar.<\/p>\n<h2>Beginnen Sie mit der Verwendung von Elementor<\/h2>\n<p>Puh!<\/p>\n<p>Das war ein langes Tutorial und enthielt eine Menge neuer Informationen, aber ich hoffe, es hat Ihnen gefallen.<\/p>\n<p>Mit Elementor k\u00f6nnen Sie:<\/p>\n<ul>\n<li>Verkaufsseiten erstellen<\/li>\n<li>Erstellen Sie sch\u00f6ne Vorlagen f\u00fcr normale Seiten<\/li>\n<li>Erstellen Sie vollst\u00e4ndig benutzerdefinierte Websites<\/li>\n<\/ul>\n<p>Obwohl es ein kompliziertes Werkzeug ist, haben die Entwickler es intuitiv gemacht und ich denke, sie haben dieses Ziel des \u201eWebdesigns ohne Code&#8220; effektiver erreicht als jedes andere Produkt zuvor.<\/p>\n<p>Wenn Sie noch weiter gehen m\u00f6chten, werfen Sie einen Blick auf Elementor Pro und einige der zus\u00e4tzlichen Funktionen, die es enth\u00e4lt:<\/p>\n<p><a href=\"http:\/\/link.competethemes.com\/elementor-tutorial\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Schauen Sie sich Elementor Pro an \u2192<\/a><\/p>\n<p>Es gibt Popups, mehr Widgets und sogar eine \u201eTheme Builder&#8220;-Funktion, die ich hier noch nicht einmal behandelt habe.<\/p>\n<p>Wenn Sie viel gelernt haben, teilen Sie diesen Artikel bitte mit jemand anderem, bevor Sie gehen, und vielen Dank f\u00fcrs Lesen!<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Aufnahmequelle:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>F\u00fcgen Sie Ihrer Website Widgets, benutzerdefinierte Seitenstrukturen, vorgefertigte Vorlagen und mehr mit dem fantastischen Elementor Page Builder-Plugin hinzu.<\/p>\n","protected":false},"author":1,"featured_media":218485,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[547],"tags":[845],"class_list":["post-232643","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-anpassen","tag-affiai-de"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/232643","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/comments?post=232643"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/232643\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media\/218485"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media?parent=232643"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/categories?post=232643"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/tags?post=232643"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}