WordPress Website erstellen 2021 (Elementor PRO Tutorial)
#wordpress erste schritte –>
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://trk.elementor.com/ypfn7wf6lz6g
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
NEU: ✨ KOSTENLOSE CHECKLISTE zu diesem Videos herunterladen 🙂 unter https://www.websiteleichtgemacht.de/shop
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: https://www.paypal.me/websiteleichtgemacht
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
Recommended Posts
Erste Schritte SEO
March 19, 2023
Comments
Comments are closed.
✨CSS-Codes✨ aus dem Tutorial:
1. Erstes Accordeon-Teil schließen:
.elementor-accordion-item:first-child { display: none; }
2. Weißen Rand in mobilen Versionen entfernen:
html,
body{
width:100%;
overflow-x:hidden;
}
3. Text im Kontaktformular zentrieren:
.labelcentered .elementor-field{
text-align: center;
}
Text im Kontaktformular nur für mobile Versionen zentrieren:
@media (max-width: 900px) {
.elementor-field{
text-align: center;
}
Super Tutorial Samira!
Eine Frage zum Import vom Templates: Wenn ich Templates aus der Elementor-Library übernehme, kann ich wählen zwischen Einstellungen übernehmen und eben nicht übernehmen. Was bedeutet das?
Hey, wirklich großartiges Tutorial von dir, vielen Dank 🙂 Arbeite schon lange und auf vielen Websites mit Elementor und habe trotzdem noch einiges gefunden, was ich noch nicht wusste. Danke dafür 🙂
tolles Video, danke für die mühe!
Samira, ganz tolles Tutorial. Vielen Dank dafür !
Danke für das Video, du hast eine super angenehme Stimme 🙂
Einfach das beste Video und stummer sehr angenehm
das ist das beste Lehrvideo von Elementor Pro, daß ich je gesehen habe. Dankschön!
Kleiner Tipp am Rande. Man stellt den Monitor nicht so das die Sonne direkt darauf leuchtet sonst hast du Spiegelungen.🙆🙆
Meine Seite bei Bplaced kostet nichts.😄😄
Wenn man mal überprüfen würde Wer alles mit Öko Strom arbeitet würde man herausfinden das es so viel Öko Strom gar nicht gibt. Alles abzocke.
Bist du Mitarbeiterin von Webgo? Schaut so aus.🙋🙋🙋🙋
Bei bplaced bist du sofort freigeschaltet😃😃
Wie ich das so einschätze bist du auch so ein Öko Mensch der an die Co2 Lüge glaubt. Hast du schon mal Recherche gehalten darüber das noch kein Mensch auf der Welt beweisen kann das dass CO2 Schuld an der Ererwärmung ist? Hast du schon mal davon gehört das dass gesamte Festland der Erde Milliarden von Jahren komplett nur Wald war? Weißt du das Bäume CO 2 Produzieren? Kannst du dir vorstellen wie heiß es auf der Erde sein müsste wenn das CO2 der Wälder dafür verantwortlich wäre? Hast du schon mal gehört das die Sonne sich ausdehnt und immer größer wird und es dadurch Wärmer wird auf der Erde? Hast du schon davon gehört das die Sonne Zyklen hat? Das heiśt das sie mal Wärmer und mal kälter ist und das sich das auf der Erde bemerkbar macht. Weißt du das es abwechselnd Eiszeiten und Warmzeiten gibt wodurch sich das Klima auf der Erde verändert? Weißt du das sich das Magnetfeld der Erde sich alle paar tausend Jahre umpolt von Nord nach Süd und umgekehrt und sich dadurch das Klima ändert. Weißt du das die Erde sich mit 1670 Km/h dreht, dass sie mit 107000 Km/h die Stunde durch All fliegt und das die Erde mit 900000 Km/h sich mit dem Sonnensystem um die Milchstraße bewegt?
Kannst du dir vorstellen das sich durch die alles das Klima verändert kann? Kommen dir da nicht Zweifel das die Grünen Hilfsschüler dich und andere für vollkommen verblödet halten? Du zahlst CO2 Steuer und in China werden jedes Jahr Hunderte von Kohlekraftwerken gebaut. Hält das CO2 von China an der deutschen Grenze an. Glaubst du das China wegen euch keine Kohlekrftwerke mehr baut. Du kannst sicher sein das China nichts ändern wird. Das einzige was passiert das durch die Grüne Idiotie du eines Tages frierend vor deinem Computer sitzt weil du die Energiekosten nicht mehr bezahlen kannst, ach ja, dein Computer läuft dann auch nicht mehr. Energiekosten können dann nur noch Menschen bezahlen ab einem Einkommen von 10.000 Euro. Da gehören die dazu die die jetzt sagen wie wichtig der Klimaschutz ist und du dafür immer mehr in die Tasche greifen musst. Mein Eindruck ist das die Bevölkerung immer blöder und devoter wird. Wenn die in Berlin sagen springt aus dem Fenster das tut euch gut, dann springt ihr. Ihr lasst euch von Hilfsschülern eure Zukunft kaputt machen. Ihr Klimaschützer werdet euch noch umgucken. Aber dann ist es zu spät.
Liebe Samira!
Ich danke dir sehr für dieses wirklich umfangreiche Video! Deine liebe, geduldige Art spricht mich sehr an.
Ich habe das Problem, dass ich mich einfach nicht in die Bibliothek einwählen kann, leider kann ich auch niemanden erreichen.
Hast du vielleicht einen Tipp?
Ganz liebe Grüße und nochmals vielen lieben Dank!
Christina
Ist eine Top Anleitung 🤟👍
Supper Video Anleidungen
Hallo liebe Samira, vielleicht hast du es irgendwo erwähnt und ich habe es bei deinem tollen Input überhört. Es gibt viele goldene (gelbe) Rahmen in dem gewählten Theme. Manche konnte ich entfernen bzw ändern, manche finde ich nicht unter den Rahmeneinstellungen. Bspw. Teamvorstellung oder bei der Iconleiste. Wo finde ich die Einstellung zum ändern? Liebe Grüße und danke für deine ganze Mühe!
Super tolles Video! Danke Dafür und bitte weiter so.
Liebe Samira,
kannst du mir bitte eine Einschätzung geben, was einfacher ist: den woo-commerce-shop mit elementor erstellen, oder einen von IONOS integrieren?
Herzliche Grüsse🔅
Gabriela
Deine Turtorials sind wirklich hilfreich und angenehm anzusehen, haben mir bei meinem neuen Job sehr geholfen und an dieser Stelle echt großes Dankeschön für Deine Zeit und Mühe 🙂 Weiter so
Danke!
Manchmal erklären es Frauen besser als Männer 😀