WordPress Elementor Website erstellen – Schritt-für-Schritt Tutorial für Anfänger auf Deutsch (2022)

#wordpress erste schritte –>


In diesem WordPress Tutorial zeige ich dir Schritt-für-Schritt wie du eine neue Website mit Elementor erstellst. Elementor ist ein Drag&Drop Pagebuilder für WordPress mit dem du deine Website individuell gestalten kannst. Wenn du eine WordPress Website erstellen willst, benötigst du einen Domainnamen und einen Hosting Anbieter. Ich zeige dir wie du deine Wunschdomain bekommst, wie du WordPress installierst, wie du mit Elementor arbeitest, welche Plugins unverzichtbar sind, wie du deine Website für die Google Suchmaschine opimierst, wie du ein Cookie Banner für deine WordPress Website bekommst und vieles mehr.

—–
Inhalt
00:00:00 – Einführung
00:02:21 – WordPress Hosting
00:07:07 – WordPress installieren
00:09:57 – SSL Zertifikat erstellen
00:13:13 – WordPress Benutzeroberfläche
00:16:03 – WordPress aufräumen
00:17:15 – Theme installieren
00:19:58 – WordPress Einstellungen bearbeiten
00:22:13 – Seiten und Blogbeiträge anlegen
00:24:35 – Wichtige Plugins für den Anfang
00:27:25 – iThemes Security einrichten
00:30:14 – Google Authenticator aktivieren
00:32:04 – Theme Einstellungen bearbeiten
00:32:27 – Titel und Logo anpassen
00:35:10 – Homepage und Beitragsseite festlegen
00:36:28 – Container und Seitenleiste anpassen
00:40:11 – Nach-oben-Scroll Button aktivieren
00:42:10 – Blog Einstellungen anpassen
00:45:06 – Footer Einstellungen bearbeiten
00:47:52 – Menü erstellen
00:53:12 – Seite mit Elementor bearbeiten
00:53:24 – Elementor Einführung
00:55:15 – Globale Design-Einstellungen ändern
00:57:24 – Allgemeine Einstellungen
01:01:53 – Neuen Abschnitt erstellen
01:03:48 – Elementor Abschnitte, Spalten und Widgets
01:05:27 – Layout im Hero Bereich anpassen
01:08:31 – CTA Button erstellen
01:14:18 – Neue Spalte hinzufügen und duplizieren
01:15:12 – Bild Element hinzufügen
01:16:15 – Titel und Beschreibung bearbeiten
01:17:48 – Abschnitt bearbeiten und Hintergrund anpassen
01:20:46 – Trennlinienform hinzufügen
01:22:46 – Elemente duplizieren
01:25:23 – Bild Karussell Widget bearbeiten
01:28:00 – Abschnitt für Dienstleistungen erstellen
01:29:18 – Icon Box Widget bearbeiten
01:32:10 – Margin und Padding anpassen
01:34:43 – Stil Einstellungen kopieren und einfügen
01:35:29 – Abschnitt und Spalten Hintergrund ändern
01:38:13 – Abschnitt für Case Studies erstellen
01:40:31 – Stil Einstellungen bearbeiten
01:43:01 – Komplette Spalte kopieren
01:44:16 – Abschnitt für Häufig gestellte Fragen erstellen
01:46:13 – Elementor Templates benutzen
01:49:13 – Trennlinien erstellen
01:52:38 – Abschnitt für Kontaktformular erstellen
01:53:00 – Google Maps Widget hinzufügen
01:54:32 – WPForms Plugin installieren
01:55:45 – Neues Formular erstellen
01:56:58 – Formular bearbeiten
02:00:04 – Formular in Elementor verwenden
02:02:10 – Ankerlink verwenden
02:04:11 – Responsive Optimierung für das Smartphone
02:10:17 – Responsive Optimierung für das Tablet
02:15:56 – Elementor Vorschaumodus
02:16:53 – Footer Menü erstellen
02:18:09 – Stil Einstellungen für das Menü bearbeiten
02:21:09 – Footer Bereich bearbeiten
02:22:21 – Widgets im Customer erstellen
02:25:10 – Social Media Verlinkung erstellen
02:27:19 – Widgets in WordPress bearbeiten
02:31:24 – Impressum und Datenschutzseite erstellen
02:34:50 – Rank Math SEO Plugin installieren
02:36:22 – Suchmaschinenoptimierung in Elementor
02:38:27 – Meta Beschreibung optimieren
02:41:04 – Seite für Suchmaschinen deaktivieren
02:43:12 – Autoptimize Plugin installieren
02:44:58 – Real Cookie Banner Plugin installieren
02:47:00 – Cookie Banner einrichten
02:48:19 – Essentielle Cookies erstellen
02:50:31 – Cookie Banner Design anpassen

—–
💡 Das könnte dich auch interessieren
Top 10 WordPress Plugins – https://youtu.be/ltV2GgC79Ew
Online Marketing Grundlagen – https://youtu.be/LaBpD011UDE
Google My Business Tutorial – https://youtu.be/lLj5mE6iHiA

—–
✅ Links
Hosting und Domain – https://all-inkl.com/webhosting/
Real Cookie Banner Download – https://moritzceglarek.com/real-cookie-banner *
Elementor Pro – https://moritzceglarek.com/elementor *
Impressum Generator – https://www.e-recht24.de/impressum-generator.html
Datenschutz Generator – https://www.e-recht24.de/muster-datenschutzerklaerung.html

—–
💻 Mein Setup
Schreibtisch – https://amzn.to/30LargE *
Laptop – https://amzn.to/3tiuuPS *
Kamera – https://amzn.to/2Q8UxLf *
Mikrofon – https://amzn.to/3q8jN1V *

—–
✌️ Let’s connect
YouTube Kanal abonnieren – https://moritzceglarek.com/youtube
Meine Tools – https://moritzceglarek.com/tools
Kontakt – https://moritzceglarek.com
LinkedIn – https://moritzceglarek.com/linkedin
Instagram – https://moritzceglarek.com/instagram

—–
Die mit * gekennzeichneten Links sind Affiliate Links. Solltest du über diesen Link ein Produkt erwerben, erhalte ich dafür eine kleine Provision und du unterstützt damit meine Arbeit. Der Preis für dich bleibt dabei zu 100% gleich und verändert sich nicht. Vielen Dank für deine Unterstützung!

#wordpress #wordpresstutorial #websiteerstellen

MoritzCeg

Share

Comments

  1. Inhalt
    00:00:00 – Einführung

    00:02:21 – WordPress Hosting

    00:07:07 – WordPress installieren

    00:09:57 – SSL Zertifikat erstellen

    00:13:13 – WordPress Benutzeroberfläche

    00:16:03 – WordPress aufräumen

    00:17:15 – Theme installieren

    00:19:58 – WordPress Einstellungen bearbeiten

    00:22:13 – Seiten und Blogbeiträge anlegen

    00:24:35 – Wichtige Plugins für den Anfang

    00:27:25 – iThemes Security einrichten

    00:30:14 – Google Authenticator aktivieren

    00:32:04 – Theme Einstellungen bearbeiten

    00:32:27 – Titel und Logo anpassen

    00:35:10 – Homepage und Beitragsseite festlegen

    00:36:28 – Container und Seitenleiste anpassen

    00:40:11 – Nach-oben-Scroll Button aktivieren

    00:42:10 – Blog Einstellungen anpassen

    00:45:06 – Footer Einstellungen bearbeiten

    00:47:52 – Menü erstellen

    00:53:12 – Seite mit Elementor bearbeiten

    00:53:24 – Elementor Einführung

    00:55:15 – Globale Design-Einstellungen ändern

    00:57:24 – Allgemeine Einstellungen

    01:01:53 – Neuen Abschnitt erstellen

    01:03:48 – Elementor Abschnitte, Spalten und Widgets

    01:05:27 – Layout im Hero Bereich anpassen

    01:08:31 – CTA Button erstellen

    01:14:18 – Neue Spalte hinzufügen und duplizieren

    01:15:12 – Bild Element hinzufügen

    01:16:15 – Titel und Beschreibung bearbeiten

    01:17:48 – Abschnitt bearbeiten und Hintergrund anpassen

    01:20:46 – Trennlinienform hinzufügen

    01:22:46 – Elemente duplizieren

    01:25:23 – Bild Karussell Widget bearbeiten

    01:28:00 – Abschnitt für Dienstleistungen erstellen

    01:29:18 – Icon Box Widget bearbeiten

    01:32:10 – Margin und Padding anpassen

    01:34:43 – Stil Einstellungen kopieren und einfügen

    01:35:29 – Abschnitt und Spalten Hintergrund ändern

    01:38:13 – Abschnitt für Case Studies erstellen

    01:40:31 – Stil Einstellungen bearbeiten

    01:43:01 – Komplette Spalte kopieren

    01:44:16 – Abschnitt für Häufig gestellte Fragen erstellen

    01:46:13 – Elementor Templates benutzen

    01:49:13 – Trennlinien erstellen

    01:52:38 – Abschnitt für Kontaktformular erstellen

    01:53:00 – Google Maps Widget hinzufügen

    01:54:32 – WPForms Plugin installieren

    01:55:45 – Neues Formular erstellen

    01:56:58 – Formular bearbeiten

    02:00:04 – Formular in Elementor verwenden

    02:02:10 – Ankerlink verwenden

    02:04:11 – Responsive Optimierung für das Smartphone

    02:10:17 – Responsive Optimierung für das Tablet

    02:15:56 – Elementor Vorschaumodus

    02:16:53 – Footer Menü erstellen

    02:18:09 – Stil Einstellungen für das Menü bearbeiten

    02:21:09 – Footer Bereich bearbeiten

    02:22:21 – Widgets im Customer erstellen

    02:25:10 – Social Media Verlinkung erstellen

    02:27:19 – Widgets in WordPress bearbeiten

    02:31:24 – Impressum und Datenschutzseite erstellen

    02:34:50 – Rank Math SEO Plugin installieren

    02:36:22 – Suchmaschinenoptimierung in Elementor

    02:38:27 – Meta Beschreibung optimieren

    02:41:04 – Seite für Suchmaschinen deaktivieren

    02:43:12 – Autoptimize Plugin installieren

    02:44:58 – Real Cookie Banner Plugin installieren

    02:47:00 – Cookie Banner einrichten

    02:48:19 – Essentielle Cookies erstellen

    02:50:31 – Cookie Banner Design anpassen

  2. Vielen Dank für das ausführliche Tutorial!
    Ich hätte eine Frage:
    Wenn ich Facebook Werbung schalten möchte, so ist es Pflicht ein Impressum auf der Landing Page zu haben, oder?
    Muss dies sein, bzw. muss die Anschrift unbedingt darim enthalten sein?

  3. Wenn ich ehrlich bin: Die einzige WIRKLICHE Schritt für Schritt-Anleitung , die ich bisher kenne. Warum? Weil wirklich JEDER einzelne Klick auf alle Knöpfe, die man so drücken muss,in Worten ausgedrückt wird.Auch das, was man normalerweise nebenbei in der Routine ganz selbstverständlich macht, aber für einen Anfänger eben nicht selbstverständlich ist.Jeder Button, den Moritz anklickt,wird auch benannt und immer wieder erklärt. Man muss nicht angestrengt einem huschenden Mouse-Zeiger folgen, um mit zu kriegen, was noch alles nebenbei geschieht.Und alles in leicht verständlicher Sprache und in Ruhe erklärt und natürlcih auch noch gut strukturiert. Das ist eine ganz hervorragende pädagogische Leistung und grosse Hilfe für alle, die es nicht so mit der Technik haben und mit schwirrenden Kopf vor dem Bildschirm sitzen!

  4. Hallo, ich finde das Video super.
    Leider ist aber etwas schief gelaufen, als ich den Google-authenticator installiert habe. Seit dem kann ich mich nicht in WordPress einloggen.
    Alle Codes sind angeblich nicht korrekt. Support von all-incl. sagt ich soll mich an WordPress oder google wenden um den wieder zu deinstallieren. Nur da komm ich auch nicht weiter. Wie bekomme ich den wieder weg?

  5. Vielen Dank für das super verständliche und ausführliche Tutorial! Ich habe mich schon vorher mit WordPress auseinandergesetzt und bin immer wieder an Kleinigkeiten hängen geblieben. Mir wurden damit viele offene Fragen beantwortet!

  6. Super Video, sehr hilfreich. Ist zwar lang aber gut erklärt. Hab nebenbei meine Seite danach gebaut und gleich eine Frage Ist die Anzahl der Unterseiten bei Elementor begrenzt?

  7. Habe den Authenticator eingerichtet. Nun kann ich meine Seiten nicht mehr bearbeiten. Woran liegt es? Es wird immer nur der Authenticator angezeigt.

  8. Vielen Dank für dieses umfangreiche Tutorial. Ich kannte mich schon etwas aus, aber es ist nochmal eine sehr gute Zusammenfassung.

  9. Warum funktioniert der Customizer bei mir nicht so wie bei dir?

  10. Schaue mir gerne deine Videos an, da du sehr verständlich und klar sprechen kannst.Vielen Dank für deine Hilfe

  11. Saustark Moritz, Vielen Dank für den krassen Mehrwert. Auch deine Art und Weise wie du es rüberbringst. KLASSE! Daaaaankeeeeeee🤗🤗🤜💥🤛

  12. Also ich bin beruflich Programmierer und mittlerweile weiß ich glaub ich, warum jede Seite gleich Aussieht^^
    Klar sprechen wir hier von einen Plugin, dass einem ermöglich schnell an eine Webseite zu kommen aber für eine professionelle Seite sollte man tiefer in die Tasche greifen und es z.B von einer Werbeagentur programmieren lassen, da beim programmieren keine Grenzen gesetzt sind und diese Seite dann auch individuell zu einem "passt".

    Aber bekommst trotzdem ein Like von mir für deinen Zeitaufwand^^

  13. Lieber Moritz, ich bin erst bei 1:50 aber muss jetzt schon mal ein Lob da lassen. Ich finde Du erklärst die einzelnen Schritte sehr gut, man kann Dir auch bei erhöhter Wiedergabegeschwindigkeit gut folgen und Du zeigst schnell und präzise die wichtigsten Einstellung, um eine tolle, solide und moderne Webseite zu bauen. Ich stecke schon seit Wochen fest und habe mir zum neuen Jahr vorgenommen meine Webseite endlich fertig zu stellen. Ich habe durch Dein Video schon einige Tipps mitgenommen, die ich mir zuvor mühselig ergoogeln musste. Dein Video eignet sich optimal für jeden Einsteiger aber auch für Fortgeschrittene! Du hast echt mehr Klicks verdient! Besten Dank und gerne mehr Erklärvideos zu WP, Elementor, usw. Weiter so!

  14. Vielen Dank für das ausführliche Tutorial!👍

  15. Wow ich kann dir garnicht sagen wie hilfreich dieses Video für mich war!! Vielen Dank Moritz!

  16. Super Video vielen Dank dafür. Habe trotzdem eine Frage zur Blog-Seite. Wie kann ich die bearbeiten und verschöneren, denn unter WordPress – Seiten bearbeiten ist das leider nicht möglich? Und wie kann ich links für fb, insta etc. einbauen zum Beispiel in der Hauptmenüleiste?
    lg max

  17. Ich bin total begeistert von deinem Video!!!! 😊Tausend Dank lieber Moritz für deine ruhige und gut verständliche Art, alles zu erklären. Fühle mich als Neuling sehr gut abgeholt und umfassend informiert! Bin sehr motiviert, nun mit meiner Webseite zu starten!

  18. Hi Moritz, vielen Dank für deine umfangreichen und tollen Tutorials! Ich bin neu auf dem Gebiet des Webseiten-Erstellens und wollte gern wissen, ob du Erfahrung hast mit mailchimp? Danke für deine Antwort!

  19. Super Video,
    sehr angenehm, langsam und verständlich durch die wichtigsten Funktionen geführt.
    Bis jetzt das gelungenste Video zum Thema WordPress & Elementor das ich gesehen habe.

  20. Mega Video Tutorial ❤

  21. Dein Video ist mega! Vielen Dank dafür 🙏🏻

  22. Hinzufügen von Impressum und Datenschutz?

  23. Sehr ambitioniert, nur schade, das du so schnell sprichst und für meine Auffassungsgabe thematisch zu viel hin- und herspringst.

  24. Super erklärt, super hilfreich. Vielen Dank!! Abonniert!
    Ich habe einige Tutorials zu dem Thema angeschaut, aber dieses ist das beste. Bin nun erleichtert und froh.

  25. Hallo Moritz, Super Video resp. Anleitung. Ich bin ganz neu mit WordPress 5.9.2 und Elementor 3.5.6. Nun ist mir Aufgefallen das Dein Elementor in Deutsch ist. Mache ich etwas falsch oder sind die neuen Versionen einfach Englisch. Danke für ne kurze Rückmeldung.

  26. Suuuuuuper gutes Video! Vielen Dank!!!

  27. Danke, Moritz. Ich habe bisher mir den Anfang geschaut und wollte mal fragen, was Du von Templates hältst. Wäre es nicht viel einfacher sich ein Demo Template von Oceanwp auszusuchen und das zu aktivieren oder hat das Nachteile?

  28. super Video! Echt ausführlich erklärt – ich musste es einfach komplett anschauen. Danke dafür.
    Hast Du auch noch ein Video wie man mit Elementor die Blog-Seite baut? Ich finde z.B. die Beitragsübersicht nur in der PRO-Version von Elementor!

  29. Ich bin absolut begeistert von diesen Tutorial. Super leicht und ausführlich erklärt. Es macht Spaß damit zu arbeiten. Ganz vielen Dank für Deine Arbeit.

  30. Tolles Video, gibt es auch eins wo du zb erklärst wie man ein Konto anlegt wenn man Grafikdesigner ist und es für Kunden macht ?
    Ich finde absolut nichts 😩

  31. sehr gutes und sehr Detailliertes Video. Eine Frage hätte ich aber, muss man ein Domain haben um WordPress zu nutzen oder kann man es auch so für ein Test verwenden. Danke im Voraus für die Antwort

  32. ohhh yeahhhhhh

  33. Sehr sehr starkes Tutorial, danke!

  34. Super Einstieg in das Thema! Vielen Dank!

  35. Tausend mal Danke für dieses tolle Tutorial! Ich finde es unfassbar großzügig, dass du so etwas hier kostenlos einstellst. Meine Website ist jetzt fertig und ich bin dir sehr dankbar, dass ich dank des Videos so viel Geld für die Erstellung sparen konnte, das ich jetzt anderweitig in den Aufbau meines Herzensbusiness investieren kann. Danke, danke, danke!

  36. Sie sollten sich schämen das Sie ein schlechten Zeit billder empfelen

  37. Weiß jemand, warum die Social Media Icons bei mir im Footer schwarz/grau sind und nicht die für Instagram und Facebook bekannten Farben?

  38. Geiles Tutorial =D

  39. Hallo Moritz.
    Vielen Dank für die Informationen. Vielleicht kannst Du mir bei ein Problem mit Elementor helfen:
    Ich habe über Envato eine HomePage-Template (kompatibel mit Elementor) gekauft und versucht sie ins WordPress mit installiertem Elementor-Plugins, hoch zu laden.
    Leider bekomme ich einen Fehler angezeigt: Das Paket konnte nicht installiert werden. Dem Theme fehlt das Stylesheet style.css.
    Kannst du mir in einfachen Worte erklären, was läuft hier schief?
    Ich habe denke ich, alles versucht, jedoch ich kann das Thema nicht hochladen egal wie ich versuche.
    Die Datei ist gezippt *.zip.
    Vielen lieben Dank in Voraus.

  40. Du bist ja sehr nett. Aber ich muss Dir sagen, daß bei meinem Hoster das SSL Zertifikat schon voll automatisiert mit nur einem Klick auf die Webseite übertragen wird.

  41. Klasse Tipp mit dem Authenticator…das Ding hat mich komplett ausgeperrt!! Prima!

  42. Wow, vielen Dank, ich bin Schritt für Schritt alles mit dir durch gegangen und es ist so super verständlich erklärt für Anfänger 🙂

  43. Genial verständlich erklärt. Großes Lob. Du hast mich gerettet.🙏

  44. super hilfreich und sehr ausführlich. Vielen Dank!

Comments are closed.