{"id":1496,"date":"2023-08-13T11:18:31","date_gmt":"2023-08-13T09:18:31","guid":{"rendered":"https:\/\/quantenfrosch.at\/blog\/?p=1496"},"modified":"2023-09-04T16:19:26","modified_gmt":"2023-09-04T14:19:26","slug":"wordpress-elementor-leitfaden","status":"publish","type":"post","link":"https:\/\/quantenfrosch.at\/blog\/wordpress-elementor-leitfaden\/","title":{"rendered":"Elementor \u2013 ein Leitfaden f\u00fcr den WordPress Page Builder"},"content":{"rendered":"
<\/div>\n

Elementor hat sich als einer der f\u00fchrenden Page-Builder f\u00fcr WordPress etabliert. Mit seiner einfachen Drag-and-Drop-Funktionalit\u00e4t und einer Vielzahl von Anpassungsoptionen erm\u00f6glicht Elementor Nutzern, sch\u00f6ne und professionell aussehende Websites ohne Programmierkenntnisse zu erstellen. In diesem Artikel werden wir tief in Elementor eintauchen und Ihnen zeigen, was Sie \u00fcber Elementor wissen m\u00fcssen und wie Sie es optimal nutzen k\u00f6nnen.<\/p>\n

1. Was ist Elementor?<\/h2>\n

Elementor ist ein intuitiver Page Builder f\u00fcr WordPress<\/em>, der es Ihnen erm\u00f6glicht, Ihre Website visuell zu gestalten. Anstelle von kompliziertem Programmcode k\u00f6nnen Sie einfach Elemente per Drag-and-Drop auf Ihre Seite ziehen und ablegen. Dies macht es zu einem idealen Werkzeug f\u00fcr Anf\u00e4nger und Unternehmen jeder Gr\u00f6\u00dfe, die schnell und effizient professionell aussehende Websites erstellen m\u00f6chten.<\/p>\n

1.1. Warum Elementor verwenden?<\/h3>\n

Egal, ob Sie ein erfahrener Webentwickler oder ein Anf\u00e4nger sind, Elementor bietet eine benutzerfreundliche Oberfl\u00e4che, die es jedem erm\u00f6glicht, eine Website zu erstellen. Ob Sie ein perfektes Design erzielen wollen, Ihren Website-Erstellungsprozess beschleunigen oder die Lead-Generierung erh\u00f6hen m\u00f6chten, das Plugin bietet Ihnen die UNterst\u00fctzung, die Sie ben\u00f6tigen, um jede Art von Website zu erstellen.<\/p>\n

Es gibt viele Gr\u00fcnde, Elementor f\u00fcr Ihr n\u00e4chstes Webdesign-Projekt in Betracht zu ziehen:<\/strong><\/p>\n

Benutzerfreundlichkeit:<\/strong> Elementor ist benutzerfreundlich und intuitiv. Sie k\u00f6nnen einfach Seiten gestalten, indem Sie Elemente per Drag-and-Drop verschieben und die \u00c4nderungen in Echtzeit sehen.<\/p>\n

Keine Programmierkenntnisse erforderlich:<\/strong> Sie m\u00fcssen keinen Code schreiben, um eine professionelle Website zu erstellen. Dies macht es ideal f\u00fcr Anf\u00e4nger und alle, die keine Programmierkenntnisse haben.<\/p>\n

Flexibilit\u00e4t:<\/strong> Mit diesem Plugin k\u00f6nnen Sie fast jeden Aspekt Ihrer Website anpassen. Von der Schriftgr\u00f6\u00dfe und -farbe bis hin zum Layout und Animationen \u2013 Sie haben die volle Kontrolle.<\/p>\n

Vorlagen:<\/strong> Der Page Builder bietet viele vorgefertigten Vorlagen (Templates), die Sie f\u00fcr Ihre Website verwenden k\u00f6nnen, um den Prozess der Website-Erstellung zu beschleunigen. Diese k\u00f6nnen mit ein paar Mausklicks importiert und ganz nach Ihren W\u00fcnschen anpasst werden.<\/p>\n

Integrationen:<\/strong> Elementor integriert sich nahtlos mit einer Vielzahl von anderen WordPress-Plugins und -Tools.<\/p>\n

Preis:<\/strong> Elementor ist auch in einer kleineren, kostenlosen Version verf\u00fcgbar. Die kostenpflichtige Pro-Version bietet zus\u00e4tzliche erweiterte Funktionen, wie Bewegungseffekte, Maus-Effekte und mehr als 50 Widgets.<\/p>\n

Addons:<\/strong> Zus\u00e4tzlich zu den zahlreichen nativen Funktionen wird es durch ein gro\u00dfes \u00d6kosystem von Drittanbieter-Addons<\/a> unterst\u00fctzt, die sich auf Themen, Vorlagen, Widgets und mehr erstrecken.<\/p>\n

Wir haben auch eine ausf\u00fchrliche Anleitung \u00fcber die Erstellung eines Header mit Elementor<\/a> geschrieben; schauen Sie ihn sich an!<\/p>\n

2. Wie installiert man das Plugin in WordPress?<\/h3>\n

Die Installation von Elementor in WordPress ist einfach und dauert nur wenige Minuten. Hier sind die Schritte:<\/p>\n

2.1. Methode 1: Elementor’s Website<\/h4>\n
    \n
  1. Besuchen Sie die Elementor Website<\/strong><\/a> und holen Sie sich die kostenlose Version von Elementor. Ein Download-Button ist prominent auf der Startseite platziert.<\/li>\n
  2. Sobald Sie Ihre E-Mail eingegeben haben, wird Ihr Browser automatisch die ZIP-Datei herunterladen<\/strong>.<\/li>\n
  3. Navigieren Sie anschlie\u00dfend zum Plugin Bereich<\/strong> im Backend-Seite Ihrer WordPress-Website, klicken Sie auf „Installieren“ und laden Sie die .ZIP-Datei \u00fcber den Button „Plugin hochladen“<\/strong> auf Ihrer Website hoch.<\/li>\n
  4. Nach der Installation klicken Sie auf „Aktivieren“<\/strong> und das Plugin ist einsatzbereit!<\/li>\n<\/ol>\n

    \"Plugin<\/a><\/p>\n

    2.2. Methode 2: WordPress Dashboard<\/h4>\n

    Die Installation \u00fcber das WordPress-Dashboard ist ein einfacher Prozess. Befolgen Sie diese Schritte, um das Plugin zu installieren:<\/p>\n

      \n
    1. Melden Sie sich in Ihrem WordPress-Dashboard<\/strong> an.<\/li>\n
    2. Gehen Sie zu „Plugins“ > „Installieren“.<\/strong><\/li>\n
    3. Geben Sie in das Suchfeld „Elementor“<\/strong> ein.<\/li>\n
    4. Klicken Sie auf „Jetzt installieren“<\/strong>.<\/li>\n
    5. Nach der Installation klicken Sie auf „Aktivieren“<\/strong>.<\/li>\n
    6. Nun ist Elementor auf Ihrer Website installiert und einsatzbereit.<\/li>\n<\/ol>\n

      \"Elementor<\/p>\n

      Unabh\u00e4ngig davon, welche Methode Sie zur Installation von Elementor w\u00e4hlen, Sie finden es im Anschluss in der Liste der installierten Plugins – und es hat auch einen eigenen Eintrag im Seitenmen\u00fc. Von diesem Bereich aus k\u00f6nnen Sie die Plugin-Einstellungen anpassen.<\/p>\n

      3. Widgets und Optionen<\/h3>\n

      Bevor wir unsere eigenen Seiten und Vorlagen mit Elementor erstellen, werfen wir einen kurzen \u00dcberblick \u00fcber die Optionen, die Sie mit Elementor haben!<\/p>\n

      Allgemeine Einstellungen<\/h4>\n

      Elementor hat eine Handvoll Allgemeiner Einstellungen, die Sie direkt in der Plugin-Optionen finden k\u00f6nnen. Diese erm\u00f6glichen es Ihnen, die Arten von Beitr\u00e4gen auszuw\u00e4hlen, mit denen Elementor arbeiten soll, Standardschrift und Abstand einzustellen und Einstellungen zur Responsivit\u00e4t anzupassen.<\/p>\n

      \"Elementor<\/a><\/p>\n

      Mit Widgets arbeiten<\/h4>\n

      Eine wichtige Funktion eines jeden Page Builders ist die Benutzerfreundlichkeit. Sie sollten in der Lage sein, schnell einzusteigen und Ihre Vorstellungen, ohne viel experimentieren oder recherchieren zu m\u00fcssen, in die Realit\u00e4t umzusetzen k\u00f6nnen.<\/p>\n

      Beim Elementor handelt es sich um einen Front-End-Editor, d.h. Sie k\u00f6nnen sehen, wie die Seite aussehen wird, w\u00e4hrend Sie daran arbeiten.<\/p>\n

      Sobald Sie sich an den Workflow, wie das Ziehen und Platzieren von Widgets auf der Seite und das Anpassen von Eigenschaften in der Seitenleiste, gew\u00f6hnt haben, werden Sie feststellen, dass es sehr intuitiv ist.<\/p>\n

      \"Grundlegende<\/a><\/p>\n

      Welche Widgets sind enthalten?<\/h4>\n

      Im Allgemeinen basiert Elementor auf einem Drag-and-Drop-Editor, der Bereiche, Spalten und Widgets aufnehmen kann.<\/p>\n

      Das System ist folgenderma\u00dfen aufgebaut:<\/p>\n