Was ist Elementor?<\/h2>\n\n\n\n
Elementor<\/a> ist als sogenannter Website-Builder genau das: Ein Tool, um WordPress-Websites zu erstellen, ohne sich mit der Code-Basis und dem Template-<\/a>Design<\/a> zu besch\u00e4ftigen. Es wird als Plugin installiert und erlaubt anschlie\u00dfend die freie Gestaltung eigener Seiten und Themes per Drag & Drop. WordPress-Nutzer, die ihre eigene Website gestalten wollen, finden in Elementor \u00fcber 90 Widgets, um das Layout der WordPress-Seite ganz nach eigenem Gusto zu gestalten. Dabei ist Elementor eine Art Homepage-Baukasten<\/a> f\u00fcr WordPress, der es auch Laien erm\u00f6glicht, mit geringem Aufwand attraktive Websites zu erstellen. Zahlreiche professionelle Theme-Entwickler nutzen das Tool bereits, um vorgefertigte WordPress-Themes<\/a> auf Elementor-Basis zu erstellen: Anwender, die nicht von Grund auf neu starten wollen, k\u00f6nnen mit einem solchen Theme viel Zeit sparen.<\/p>\n\n\n\n Der Page-Builder eignet sich f\u00fcr alle WordPress-Nutzer, die das Theme-Design selbst in die Hand nehmen wollen. In der Basisversion ist es kostenlos, allerdings auch stark eingeschr\u00e4nkt: Viele Features sind mit Verweis auf die Pro-Version deaktiviert. Diese schl\u00e4gt mit rund 50 EUR im Jahr f\u00fcr eine einzelne Website zu Buche. Webdesigner und Agenturen k\u00f6nnen aber auch Pakete buchen, die deutlich mehr Website-Aktivierungen erhalten und dabei sukzessive den Preis pro Seite senken, insgesamt aber nat\u00fcrlich teurer sind. <\/p>\n\n\n\n Womit wir beim Stichwort w\u00e4ren. Elementor<\/a> ist nicht f\u00fcr jeden Anwender sinnvoll. Die meisten modernen kommerziellen Themes setzen heutzutage auf das ein oder andere Page- oder Themebuilder-System, weshalb sich haupts\u00e4chlich f\u00fcr private Website der Kostenaufwand kaum lohnt. Wer einfach ein Blog mit WordPress betreiben will, kann einen Blick auf die zahlreichen WordPress-Gratis-Themes<\/a> werfen: Hier gibt es zwar keine Theme-Builder, aber m\u00f6glicherweise ein Design, das den eigenen Anspr\u00fcchen gen\u00fcgt.<\/p>\n\n\n\n Wer sich f\u00fcr Elementor entscheidet<\/a>, kann das Tool in seiner kostenlosen Basis-Version ganz einfach aus dem WordPress-Plugin-Repository herunterladen: Logge dich daf\u00fcr in dein WordPress ein, w\u00e4hle \u201ePlugins\u201c und anschlie\u00dfend \u201eInstallieren\u201c. Suche jetzt im Suchfeld nach \u201eElementor\u201c: Mit Klick auf \u201eJetzt Installieren\u201c wird es auf deiner WordPress-Website eingerichtet. Anschlie\u00dfend klickst du noch auf \u201eaktivieren\u201c, schon kannst du Elementor auf deinem WordPress-Blog<\/a> verwenden. <\/p>\n\n\n\n Was jetzt noch fehlt, ist ein Basis-Theme, das Elementor unterst\u00fctzt. Hier bietet sich zun\u00e4chst das Hello-Theme von Elementor<\/a> an, das sich analog zur Plugin-Installation \u00fcber Design \u2192 Themes \u2192 Installieren ebenfalls \u00fcber das WordPress-Repository eingespielt und aktiviert werden kann. Wer die kostenpflichtige Elementor-Version w\u00e4hlt, kann mittels des Theme-Builders auch von Grundauf neue Themes erstellen.<\/p>\n\n\n\n Sind Elementor und Hello-Theme aufgesetzt, ist zun\u00e4chst ein Blick in die Einstellungen sinnvoll: W\u00e4hle Elementor -> Einstellungen -> Experimente und schaue, ob Elementor f\u00fcr \u201eHello Theme Header & Footer\u201c auf \u201eAktiv\u201c geschaltet ist. Anschlie\u00dfend kannst du mit der eigentlichen Bearbeitung der Seiten beginnen. Lege zuvor am besten die Struktur deiner Internetseite<\/a> fest und lege anschlie\u00dfend die Seiten an. In diesem Beispiel legen wir eine Startseite mit einem Bild an: W\u00e4hle im WordPress-Backend Seiten -> Erstellen, Vergib einen Namen f\u00fcr die Seite und klicke auf \u201ePublish\u201c, um diese zu ver\u00f6ffentlichen. Wiederhole das mit allen geplanten Unterseiten. <\/p>\n\n\n\n Rufe eine der Seiten auf und klicke oben auf \u201eMit Elementor bearbeiten\u201c. Daraufhin \u00f6ffnet sich der Elementor-Pagebuilder. Du siehst jetzt links in der Leiste die m\u00f6glichen Elementor-Widgets: Ziehe sie in das entsprechende Feld im Elementor-Editor, um sie hinzuzuf\u00fcgen. Um sie zu l\u00f6schen, kannst du oben rechts in den Elementen auf das X klicken. Zus\u00e4tzlich kannst du noch den Page-Navigator f\u00fcr mehr \u00dcbersicht \u00f6ffnen, der alle Elemente \u00fcbersichtlich in einer Liste zeigt: Diesen findest du ganz unten links neben dem Speichern-Knopf. Der Navigator ist sehr praktisch, um Elemente schnell auszuw\u00e4hlen und zu bearbeiten. Jetzt kannst Du auch schon das erste Element auf deine Startseite ziehen: Wir w\u00e4hlen in diesem Beispiel ein Bild, das wir anschlie\u00dfend aus der Mediathek hinzuf\u00fcgen k\u00f6nnen. <\/p>\n\n\n\n Nachdem du das Element \u2013 in diesem Fall das Bild \u2013 in den Elementor-Editor gezogen hast, werden dir auf der linken Seite weitere Optionen angezeigt: Inhalt, Stil und Erweiterungen: Hier hast du die M\u00f6glichkeit, dem Element Eigenschaften mit auf den Weg zu geben. So kannst du zum Beispiel \u00fcber Options \u2192 Stil \u2192 CSS-Filter das Bild ein wenig \u00fcberarbeiten: Aufhellen, kontrastreicher machen oder unscharf maskieren. Unter \u201eErweitert\u201c findest du eine Reihe von M\u00f6glichkeiten zur Feineinstellung des jeweiligen Elements. Auf diese Weise kannst du jetzt nach und nach alle Widgets, die du ben\u00f6tigst, zu deiner Website hinzuf\u00fcgen und dir so ganz einfach die Seite bauen, die du dir w\u00fcnschst. Vergiss nicht, zwischendurch zu speichern. Wenn du unten neben dem Speichern-Knopf auf \u201eResponsiver Modus\u201c klickst, erh\u00e4ltst du zudem eine Vorschau f\u00fcr verschiedene Endger\u00e4te.<\/p>\n\n\n\n Das war nat\u00fcrlich nur ein kleiner Blick in die ersten Schritte mit dem Page-Builder. Schon die Gratis-Version verf\u00fcgt \u00fcber zahlreiche M\u00f6glichkeiten, Seiten nach deinen eigenen W\u00fcnschen anzupassen. Richtig interessant \u2013 und noch einmal deutlich umfangreicher \u2013 wird der Editor aber, wenn du zur Pro-Version greifst. Hier kannst du ganze Themes mit dem Theme-Builder bauen und hast Zugriff auf praktische Funktionen, die die Elementor-Gratisversion sperrt oder gar nicht anzeigt. <\/p>\n\n\n\n Aufgrund der Vielfalt und Leistungsf\u00e4higkeit des Editors empfehlen wir, dir Zeit zu nehmen und alles zu erkunden. Kennst du dich einmal mit dem Tool aus, wirst du das Layout deiner Website mit wenigen Handgriffen optimieren k\u00f6nnen.<\/p>\n\n\n\n Bild: Steffi Timm\/Pixabay<\/p>\n\n\n\n Du willst auch direkt mit WordPress oder Elementor durchstarten?<\/strong><\/p>\n\n\nZu den WordPress-Paketen<\/a>\n\nElementor WordPress Hosting<\/a>","protected":false},"excerpt":{"rendered":" Das eigene Theme f\u00fcr WordPress zu erstellen, ist alles andere als einfach. Mit dem kostenpflichtigen Theme-Builder Elementor geht das hingegen ganz einfach per Drag & Drop. <\/p>\n","protected":false},"author":138,"featured_media":99176,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,490],"tags":[772,55,261],"acf":[],"yoast_head":"\n![\"\"](\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2022\/07\/Elementor-Installation-1-1024x673.png\")
Wann Elementor sinnvoll ist \u2013 und wann nicht<\/h2>\n\n\n\n
Die Installation<\/h2>\n\n\n\n
![\"\"](\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2022\/07\/Elementor-Editor-1-1024x503.png\")
Eine Seite mit Elementor erstellen <\/strong><\/h2>\n\n\n\n
Elemente auf die Startseite ziehen<\/strong><\/h2>\n\n\n\n
![\"\"](\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2022\/07\/Elementor-navigator-1-1024x648.png\")
Elemente bearbeiten<\/h2>\n\n\n\n
![\"\"](\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2022\/07\/Elementor-responsiv-1-1024x723.png\")
Elementor: Ideal f\u00fcr kreative Website-Betreiber<\/h2>\n\n\n\n