WordPress Website erstellen 2021 (Elementor PRO Tutorial)



Erstelle deine eigene WordPress Website indem du ganz einfach Schritt für Schritt meinem Tutorial folgst. Ich zeige dir ausführlich alle Schritte und du kannst deine Fragen unten in die Kommentare stellen. Um eine professionellen Website zu erstellen arbeite ich mit Elementor und zeige dir heute die Pro-Version des beliebten „Page-Builder“. Nebenbei gebe ich viele hilfreiche Tipps, damit du am Ende mit deiner Seite auch wirklich zufrieden bist.

Ich danke dir vielmals, wenn du meine Arbeit unterstützt und dein Hosting über meinen Affiliate-Link bestellst. (Keine Mehrkosten für dich, kleine Provision für mich : )

🏡Webgo Pro 5€: https://wpp.webgo.de/trck/eclick/e6755a76bb029b3b9e2f97bbcfb585a1
🏡Webgo SSD Pro 7€: https://wpp.webgo.de/trck/eclick/e6755a76bb029b3b84b0715b274ee326
🏡Webgo Profi 10€: https://wpp.webgo.de/trck/eclick/e6755a76bb029b3b5b7d02982bf3a070
GUTSCHEINCODE für 10€ Rabatt: “websiteleichtgemacht”

⭐️ Elementor Pro: https://elementor.com/pricing/?ref=15811

Inhalt:
1. Domain und Hosting buchen
0:00:00 Einleitung und Überblick

0:03:00 Domain und Hosting buchen
2. WordPress und Elementor installieren
0:08:47 WordPress installieren
0:09:58 WordPress Grundeinstellungen
0:11:56 Plugins installieren und einstellen (Elementor, Wordfence, Updraft Plus)
0:20:39 Permalinks ändern und Theme installieren („Hello“ Theme von Elementor)
3. Website gestalten
0:23:44 Seiten erstellen
0:24:28 Wartungsmodus / „Coming Soon“-Modus aktivieren
0:30:32 Menü und Header-Template erstellen
0:38:00 Logo einfügen
0:48:18 Favicon einfügen
0:52:11 Titelbild und Überschrift
1:07:49 Button gestalten (globale Einstellungen)
1:12:48 Seiten Navigation
1:14:26 Homepage gestalten
1:25:00 Globale Widgets
1:31:22 Fußzeile „Footer“ erstellen
1:37:34 „Actionlink“ einfügen
1:41:51 Kontaktseite
1:51:49 Impressum und Datenschutzerklärung
1:55:15 mobilen Versionen bearbeiten
1:56:51 Custrom CSS einfügen
2:01:20 „inline“ Funktion
2:06:55 link für Bild-Widget einfügen
2:07:29 Coockiebanner installieren
2:08:29 Popups erstellen
2:15:45 Schlussworte

Ich zeige dir alle wesentlichen Funktionen des Page-Builder „Elementor Pro“, der es uns ermöglicht schnell und einfach eine komplexe und responsive Website zu erstellen. „Responsiv“ bedeutet, dass die Seite nicht nur auf dem Desktop, sondern auch auf Smartphones und Tablets richtig gut aussieht.

Als erstes zeige ich dir die Installation von WordPress, von Themes und Plugins, sowie die besten Grundeinstellungen. Während ich dir den Elementor Page-Builder in der Praxis zeige, gebe ich dir viele nützliche Tipps für ein wirkungsvolles Design deiner Seite und gebe dir Anregungen, wie du die Seite ganz auf deine Bedürfnisse hin abstimmen kannst.

Kurzgesagt: Mit diesem Tutorial lernst du, wie du eine voll funktionsfähige Webseite ganz nach deinen Wünschen erstellen kannst. Wenn du einfach nur das nachmachst, was ich mache, dann hast du am Ende dieses Videos deine fertige Website vor dir auf dem Bildschirm. Falls du Fragen hast, schreib sie am besten in die Kommentare, so dass jeder von meiner Antwort profitieren kann. : )

Ich wünsche dir viel Spaß beim Gestalten deiner Website! 🌻🙋🏻‍♀️🌿
Samira

🌟 Wenn du noch einen BLOG zu deiner Website hinzufügen möchtest, schau auch im nächsten Video vorbei: https://youtu.be/BVsHOGocM08
💐 Wenn du meine Arbeit unterstützen möchtest, dann freue ich mich auch riesig über eine Spende auf mein Paypal-Konto: https://www.paypal.me/SamiraMilutzki

Alle Links die ich im Tutorial erwähne:
Webgo Hosting: https://premium.webgo.de/partnerdoor.php?partnerid=sm007&bannerid=58
Elementor: https://elementor.com/pricing/?ref=15811
Really Simple SSL Plugin: https://de.wordpress.org/plugins/really-simple-ssl/
Wordfence Plugin: https://de.wordpress.org/plugins/wordfence/
Updraft Plus Plugin: https://de.wordpress.org/plugins/updraftplus/
Kostenlose Bilder: https://unsplash.com/ , https://www.pexels.com/de-de/ , https://pixabay.com/de/
Bilder zuschneiden: ResizeImage.net/de oder so
Bilder komprimieren: https://compressjpeg.com/de/
Video zu Padding und Margin: https://youtu.be/weZPZt_vnDw

🏡 Meine Website: https://www.websiteleichtgemacht.de

source