Erstelle deine WordPress Website in 21 einfachen Schritten | Keine Vorkenntnisse oder Programmieren benötigt
► Zum Begleitartikel :
► Siteground : (Das ist ein Affiliate Link)
Timestamps :
Start 00:00:00
1. Hosting und Domain besorgen 00:05:04
2. SSL und WordPress installieren 00:16:26
3. WordPress Grundlagen 00:22:34
a). Seitentitel 00:25:04
b). Benutzername 00:26:06
c). Permalinks 00:26:56
4. Erste Seite erstellen und zur Homepage machen 00:27:53
5. Das richtige Theme installieren 00:29:03
6. Die richtigen Plugins installieren 00:31:30
7. Homepage mit OceanExtra vorbereiten 00:35:00
8. Mehr Seiten erstellen + OceanExtra Einstellungen 00:39:20
9. Elementor Page Builder starten 00:40:38
10. Wie ist eine Elementor Seite aufgebaut? 00:41:13
11. Text bearbeiten 00:45:12
12. Dinge rückgängig machen / wieder herstellen 01:01:51
13. Buttons bearbeiten 01:03:25
a). Innerer Abschnitt 01:03:49
b). Button einfügen und bearbeiten 01:05:17
c). Widgets, Spalten und Sektionen : kopieren & einfügen, duplizieren und Stil übernehmen 01:13:44
14. Bilder bearbeiten (+ andere Hintergründe) 01:17:08
a). Abschnitt bearbeiten 01:17:30
b). Hintergrundfarben 01:19:46
c). Verlauf 01:20:33
d). Hintergrundvideos 01:21:30
e). Hintergrundbilder 01:23:21
f). Bilder Widget 01:27:53
15. Die Seite Responsive machen (mobile Anpassung) 01:33:26
16. Widgets, Spalten und Abschnitte um positionieren oder löschen 01:36:40
17. Mit Vorlagen und Blöcken arbeiten 01:37:53
18. Navigation/ Menü und Header erstellen + bearbeiten 01:43:19
a). Navigation erstellen 01:43:49
b). Header (und Menü) im Customizer bearbeiten 01:46:25
19. Footer bearbeiten (verschiedene Optionen) 01:55:07
20. Allgemeine Tips und Tricks zum Abschluss 01:58:00
21. SSL Einstellungen – auf Starten Seite
Extra Infos :
In diesem WordPress Tutorial lernst du Schritt für Schritt wie man eine Website erstellt.
Wir fangen an, indem wir uns eine Domain und Hosting besorgen.
Als nächstes installieren wir ein SSL Zertifikat und WordPress.
Dann machen wir ein paar Grundeinstellungen im WordPress Dashboard. Diese solltest du jedes mal machen wenn du eine WordPress Website erstellen willst.
Dann können wir schon die erste Seite hinzufügen und diese zur Homepage machen.
Um die Homepage bearbeiten zu können, muss sie erst etwas aufgeräumt werden. Das wird mit dem Plugin OceanExtra erledigt.
Anschließend geht es ans Design : wir starten den Elementor Page builder und fangen an unsere WordPress Seite zu bearbeiten. Wir lernen die Grundlagen, Texte und Button bearbeiten + verschiedene Hintergründe.
Ich zeige dir auch in diesem WordPress Tutorial, wie man mit Vorlagen arbeitet und warum diese so gut sind.
Im letzten Schritt bearbeiten wir den Header und die Navigation. Diese sind essenziell damit sich deine Besucher auf deiner WordPress Website zurechtfinden können.
Nach diesem WordPress Tutorial wirst du bereit sein, um deine Website, nach deinen Wünschen frei erstellen zu können. Du hast alle Grundlagen drauf um loszulegen und schöne Seiten zu bauen.
Du hast auch genug wissen um offene Fragen einfach ergooglen und lösen zu können.
Ansonsten kannst du mir aber auch gerne einen Kommentar da lassen und ich helfe dir aus!
Viel Spaß mit dem Tutorial!
Tim 🙂
#Wordpress #Website #Erstellen #Tutorial #EINFACHEN #Schritten #DeutschGerman
Viel Spaß mit dem Tutorial!
Bei Fragen kannst du gerne einen Kommentar da lassen 🙂
► Zum Begleitartikel : https://webseitenmachen.de/starten
► Webhosting : https://webseitenmachen.de/wphosting (Das ist ein Affiliate Link)
Timestamps :
1. Hosting und Domain besorgen 00:05:04
2. SSL und WordPress installieren 00:16:26
3. WordPress Grundlagen 00:22:34
a). Seitentitel 00:25:04
b). Benutzername 00:26:06
c). Permalinks 00:26:56
4. Erste Seite erstellen und zur Homepage machen 00:27:53
5. Das richtige Theme installieren 00:29:03
6. Die richtigen Plugins installieren 00:31:30
7. Homepage mit OceanExtra vorbereiten 00:35:00
8. Mehr Seiten erstellen + OceanExtra Einstellungen 00:39:20
9. Elementor Page Builder starten 00:40:38
10. Wie ist eine Elementor Seite aufgebaut? 00:41:13
11. Text bearbeiten 00:45:12
12. Dinge rückgängig machen / wieder herstellen 01:01:51
13. Buttons bearbeiten 01:03:25
a). Innerer Abschnitt 01:03:49
b). Button einfügen und bearbeiten 01:05:17
c). Widgets, Spalten und Sektionen : kopieren & einfügen, duplizieren und Stil übernehmen 01:13:44
14. Bilder bearbeiten (+ andere Hintergründe) 01:17:08
a). Abschnitt bearbeiten 01:17:30
b). Hintergrundfarben 01:19:46
c). Verlauf 01:20:33
d). Hintergrundvideos 01:21:30
e). Hintergrundbilder 01:23:21
f). Bilder Widget 01:27:53
15. Die Seite Responsive machen (mobile Anpassung) 01:33:26
16. Widgets, Spalten und Abschnitte um positionieren oder löschen 01:36:40
17. Mit Vorlagen und Blöcken arbeiten 01:37:53
18. Navigation/ Menü und Header erstellen + bearbeiten 01:43:19
a). Navigation erstellen 01:43:49
b). Header (und Menü) im Customizer bearbeiten 01:46:25
19. Footer bearbeiten (verschiedene Optionen) 01:55:07
20. Allgemeine Tips und Tricks zum Abschluss 01:58:00
21. SSL Einstellungen – auf Starten Seite
Hallo Tim, tausend Dank für deine Videos und die ganzen Tipps&Verlinkungen auf deiner Homepage bzgl. Farben, Schriftwahl, Fotoquellen und und und! Wahnsinn! Deine tiefenentspannte Erklärweise ist dabei nur die Kirsche auf der Sahne. Ich kam von 0 Wissen und bin mittlerweile dabei meine eigene Homepage zu gestalten. Hoffe du findest deinen Platz der Berufswelt wo du diese Begabung voll ausleben kannst! Typen wie dich brauchen wir. Danke nochmal, mach weiter so & Beste Grüße
Ich bin gerade ein wenig am verzweifeln, suche das Widget für den inneren Abschnitt bei Elementor aber finde nichts und habe auch keine Ahnung, ob es eine ähnliche Funktion gibt. Vielleicht hat ja jemand das selbe Problem und eine Lösung 🙂
Ich ahbe ein Problem mit der Navigation. Auf der Laptop Version ist es toll. Auf den anderen Geräten wandert, dass Icon soweit nach rechts, dass es es nach reinzoomen und wieder rauszoomen sichtbar ist, allerdings gleich beim Start. Ich bin im Costumizer alle Einstellungen so durch gegangen. Ich weiß nicht mehr weiter. Vor allem hatte ich es schon einmal richtig. Aber danach kamen so viele Änderungen, dass ich soweit nicht zurück möchte. Weiß jemand wie ich den Fehler beheben kann?
Hallo, alle Plugins wie im Video habe installiert und aktiviert dann auf die Home geklickt und dirn kommt nicht Oceanwp Settings. Was kann es sein?
Hallo Tim, vielen Dank für das informative Video, zwei Stunden gespickt mit mega vielen Informationen. Ich habe mich früher mal an der Erstellung von Seiten versucht, damals noch mit einem html-Editor, dann nie wieder. Da hat sich viel getan, nicht mehr annähernd vergleichbar.
Habe zwei grundlegende Fragen. Habe ein Paket von 1und1 / ionos gebucht.
1. Bei Elements sind bei mir einige Widgets mit einem Schloss markiert. Kann ich die trotzdem nutzen?
2. Envato funktioniert bei mir gar nicht. Es springen 4 Punkte auf und ab und anschließend kommt folgende Fehlermeldung: "Sorry there was an error loading this data. Please try again." Ich hoffe nicht, dass es am sehr alten Notebook mit einer entsprechend alten Windows- Version liegt.
Danke schon mal viele Grüße Volker
Sehr schön, dass das ausführlich beschrieben wird. Von Null für absolut planlose Leute.
Hallo, ein toller Beitrag – man kann jeden Schritt wunderbar nachvollziehen. Didaktisch sehr gut aufbereitet.- Meine Seite läuft (Reiseblog) auf Synology. Nur werden leider meine Abonnenten nicht per E-Mail über neue Beiträge benachrichtigt. Gibt es zu diesen Themen (Abonnenten, Benachrichtigung, Kommentare…) auch ein Video?
Lieber Tim, erst mal vielen, vielen lieben Dank für dieses tolle Tutorial. Hier stimmt wirklich alles. Das Tempo ist perfekt, die Struktur, das Inhaltsverzeichnis, wo ich schnell auf die einzelnen Kapitel steuern kann. Deine Stimme ist einfach nur ein absoluter Traum. Würde mir auch gerne Hörbücher mit deiner Stimme anhören. Deine sympathische Art beim Erklären ließen mich bis zum Schluss dran bleiben und durcharbeiten. Mit deiner Hilfe habe ich es auch fast geschafft. Die zusätzlichen Videos auf deiner Webseite sind super als Ergänzung und kann ich jedem nur empfehlen.
Eine Frage habe ich: Wenn ich in meiner Navigation klicke oder geklickt halte, erscheint ein dunkelblaue Rahmen und ich weiß nicht wie ich den wegbekommen kann. Ich meine nicht die Beleuchtung beim Hovern. Wenn ich nur mit der Maus rüber hovere ist alles so wie ich habe möchte. Nur möchte ich keinen Rahmen, der beim Draufklicken erscheint. Hast du da eine Lösung für mich?
was für Kosten kommen auf mich zu, bei erstellen/pflegen der Webseite?
Hallo Tim, ich wollte mir das Plugin Statify für die aktuelle Version 6.3 von WP herunterladen, aber da steht "Achtung ungetestet mit deiner WP Version". Kompatibel bis 6.2.2. Hast du damit schon Erfahrung gemacht? Muss ich auf eine aktuellere Version von Statify warten?
Wirklich starker Content – hat mir sehr geholfen in WordPress reinzukommen. Danke!
Wenn ich für einen Kunden dann mal eine Website erstellen möchte, dann muss er sich ja vorher das Webhosting kaufen oder kann ich das Kaufen und ihm dann irgendwie überschreiben?
Hallo Tim, du bist super! Einfach erklährt gut struckturiert ein sehr gutes Tutorial. Vielen dank
Vielen Dank, sehr hilfreiches Video! Eine Rückfrage: Weshalb OceanWP? Ginge das z.B. auch mit GeneratePress?
Herzlichen Dank für dieses tolle Video!!! Ich habe auch das Template "Indie…." mit dem Motorrad als Vorlage genommen und hätte nun ein paar Fragen. 1. Brauche ich ein Plugin, damit die Fonts von Elementor lokal geladen werden? Da gab es ja mal ein Gerichtsurteil…Dann finde ich die Fontauswahl schwierig, weil man nicht einen Text markieren und durch die einzelnen Schriften scrollen kann, sodass sich der Text direkt verändert. Hast Du hier einen Tip? Desweiteren möchte ich die 3 Bereiche unter dem Hauptfenster (Maintenance, Performance, Repairshop) in meine Arbeitsbereiche ändern und beim Klick soll jeweils eine Bildergalerie erscheinen. Wie mache ich das?
1000 Dank für dieses mega gute Tutorial. Super hilfreich und nun komme ich gut weiter mit meiner Seite. DANKESCHÖÖÖÖN!!!!!
Vielen Dank für das tolle Video. Hier wird die Materie gründlich erklärt und der Fokus richtig gesetzt! Klare, verständliche und hilfreiche Infos – alles gut und zielgruppengerecht verpackt. Besser geht nicht. Danke.
Wie bekomme ich es hin das der Live Preis für ein Produkt angezeigt wird auf Amazon oder so ? Das man drauf klickt und weitergeleitet wird. Das Weiterleiten ist nicht das Problem aber das der Live Preis angezeigt wird
Super Intonation. Besser gehts kaum
Lieber Tim, wie lässt sich denn bei deinem Footer Beispiel der blaue Rahmen beim Anklicken der einzelnen Positionen verändern?
hallo tim, ich brauche nur eine landingpage also keine seiten… hast du einen tipp, wie ich hier vorgehen kann. du beschreibst ja dei schritte zur erstellung einer webseite…. oder bin ich hier dann ganz falsch😞
hallo tim, ich möchte nicht, dass meine landingpage schon öffentlich ist, so lange ich noch nicht fertig bin. kannst du mir sagen, wo ich das einstellen kann? Ich habe nämlich abweichungen zwischen deiner tollen anleitung und dem aktuellen wordpress – ist nicht alles gleich… danke schon mal
Ich brauche Hilfe ! Wenn ich mir ein Header Downloade also ein Nav Bar Downloade bleibt oben noch Platz obwohl da nichts ist
mhh ab un zu denk ich ich bin zu blöd obwohl du echt top erklärst, aber mir viel halt jetzt auch erst auf das dein video ja eigentlich aus 2020 ist und nur aktualisiert im Titel wurde, daher denk ich das du dabei nicht beachtet hast das es wohl auch bei zb elementor es update gibt bzw gab, einerseits im aussehen scheint es im bedienfeld das Feld "inner abschnitt" hinzufügen so nicht mehr zu geben. ist nicht ganz tragisch geht auch anders. irritiert leider nur. Aber mich gerade etwas verzeifeln lässt ist zb. im video abschnitt "Button bearbeiten – inner abschnitt – button zufügen – bearbeiten" wenn du eben mit der aktion "Inner Abschnitt" hinzufügen dieses in den container hinzufügst, kommen bei dir 2 felder. Ich füge diese teil als Button hinzu aber möchte ja auch 2 button neben einander haben, aber funktioniert so nicht 🙁 egal was wie ich es versuche. Vielleicht kannst du mir bitte dazu was schreiben wenn ich 2 Button in einen feld wie bei dir im video hinzufügen möchte funktioniert. Danke und grüße.
Со связкой разобрались. все сработано , обмен прошел. Спасибо.
Hey Tim, vielen Dank für das Video. Bin zuerst ganz gut voran gekommen doch jetzt hakt es bei mir. SEITE ERSTELLEN…. da erscheint ein leeres Nichts. habe mich aus-und wieder eingeloggt. Immer wieder über "Seite" gehoovert und dann auf "erstellen". Aber..nix passiert.. Kannst du mir da helfen?
Hallo Tim, ich hatte wirklich 0 Plan und innerhalb von 2 Stunden konnte ich meine erste Website machen und es sieht nach was aus! Danke dir! Allerdings habe ich zwei Probleme, die ich nicht gelöst bekomme:
1. Den Header habe ich wie du gesagt hast im customizer bearbeitet und hier wird im Responsive Modus auch das Burgersymbol angezeigt. Bearbeite ich dann allerdings meine Website in Elementor dann sehe ich sowohl im Desktop als auch im Smartphonemodus das komplette Menü. Rufe ich die Website über das Handy auf sieht es gleich aus wie in Elementor.
2. Die Website lässt sich auf dem Handy immer nach links und rechts verschieben, so dass weißer Rand zu sehen ist. Wie kann man das wegmachen?
Wie kann ich einen Passwort-geschützten MITGLIEDER-Bereich machen? Ich möchte eine Art BLOG – exklusive Artikel / Infos und Videomaterial für MITGLIEDER, die erst nach LOGIN Zugriff haben? Es gibt viele Themes mit SHOP und BLOG-Funktion. Wenn diese Themes einen LOGIN-Bereich für Shops haben, kann ich dann eine Art Blog "hinter diesem Login verstecken"? TAUSEND DANK
Hallo,danke für dieses Tutorial
ich kann OceanWp Setting (Minute 39:44) nicht bei mir in WordPress sehen. wie kann ich das zeigen lassen.
LG
PAri
wenn ich ein webportal (community) aufbauen möchte, welche plugins brauche ich? es gib bodypress, reicht es auch oder muss ich unbedingt bodyyboss dazu kaufen?
Super Video! DANKE! Wie kann ich meine WordPress Seite mehrsprachig machen? Ich möchte meine Seite auf DEUTSCH und ENGLISCH. Die Themes haben aber standardmäßig keinen Sprachwechsler? Ist das ein eigenes PlugIn oä, dass ich zB bei jedem Theme nachträglich irgendwie hinzufügen kann? DANKE VORAB für deine Hilfe und Rückmeldung!
Hallo Tim! Deine Anleitung ist TOP. Eine Frage hätte ich dann noch: Wie kann ich Seiten von Kategorien (unter Beiträgen) mit Ocean WP bearbeiten? Ich finde die Settings, die auf Seiten unten erscheinen nirgendwo. Und ich würde gerne die rechte Sidebar von Seiten bzw. bei Beiträgen bearbeiten. Wo geht das? Grüße Anke
Ich möchte auf meinen Seiten rechts eine sidebar haben. Wie ich das bekomme, weiß ich, aber wo kann ich sie bearbeiten?
Hallo Tim, vielen Dank für deine detaillierte Einführung in WordPress, die du wirklich sehr strukturiert und einfach
erklärst 🙂 Hast du zufällig auch eine Video-Anleitung für die Einbindung des Impressums und vor allem zu den DSGVOs. Kannst du mir zufällig noch sagen, ob man auf einer Startseite (Visitenkarten-Wesbite), auf der einfach nur das Logo,
die Kontaktdaten, ein Zweizeiler zur angebotenen Dienstleistung und eine Info wie "Hier entsteht eine neue
Internetpräsenz" erscheint, zudem auch ein Impressum & die DSGVs nötig sind oder kann man die in diesem Stadium
noch weg lassen? Liebe Grüße aus Asien.
Hallo Tim, leider gibt es in die Option "inner Abschnitt" in meinen Elementor Einstellungen nicht, sodass ich also auch keinen Button in dem inneren Abschnitt einfügen kann. Weißt du, woran das liegen könnte?