One-Page Webseite mit Elementor Pro erstellen - Tutorial

Im heutigen Video erstellen wir eine One-Page Webseite mit Elementor Pro. Ich möchte dir zeigen wie du ein Menü richtig einrichtest und auch eine Startseite etc. erstellen kannst.

Wir werden auch eine Kopfzeile und Fußzeile erstellen, damit die One-Page Webseite auch komplett ist und die Navigation richtig funktioniert.

Schnellnavigation
00:00 Intro & Erklärung
01:24 WordPress SetUp Theme und Plugins
02:48 Startseite aufbauen & Sektionen erstellen
06:55 AnchorPoints (MenüAnker) Erklärung & einbinden
09:47 Menü erstellen
13:07 Header/Kopfzeile erstellen
15:38 Footer/Fußzeile erstellen
17:55 Startseite Anchor testen
19:28 SectionIDs hinterlegen bzw. Ausbessern
21:02 Erklärung richtige Verlinkung der Menüpunkte
22:55 Unterseite im Menü einbinden (Blog)
22:56 Abschlussworte

Dieses Video beinhaltet Werbung.

#wordpress #elementor #tutorial

[NikolausKolba]

Hast du schon eine One-Page Webseite mit Elementor gebaut, bzw. hast du vor bald eine zu bauen?

[SoMeMarkus]

Danke sehr für dieses Video!🙏🏻
Es hat genau das Problem gelöst, für das ich mich 3 Wochen lang nach einer Lösung umgeschaut habe. Sicherlich ist das einfach nur so ein Anfänger-Ding, wenn man zum ersten Mal eine Site baut/ gebaut hat - so wie ich. Für den erfahrenen Profi wahrscheinlich ein Kinderspiel, aber auch er hat mal angefangen. Ansonsten sind auch deine anderen Videos sehr ansehenswert und deinen Kanal habe ich mir abonniert. Viele Grüße. Markus
P.s. meine Site habe ich mit Elementor Pro und Astra gebaut.

[kilipsst]

sehr gutes Video wieder einmal :) finde diese ca. 30min Tutorials sehr angenehm!
Natürlich kann man einen One-Pager auch ohne Elementor Pro realisieren. "Elementor – Header, Footer & Blocks Template" ist ein kostenloses Plugin welches eine ähnliche Funktionalität zum ThemeBuilder bietet.
Gerne würde mich auch ein Video zu einen schönen transparenten Header interessieren! Finde transparente Header, die dann beim scrollen nicht mehr transparent sind, mit Elementor immer etwas umständlich bis es richtig smooth ist.

[weltvladi]

Vielen Dank für das Video. Eine Frage, wie geht man mit Ankern um, wenn Navi oben stendig eingeblenden bleibt, sodass man sagen wir mal 100px Versatz braucht?

[jannes]

Bei mir hält er troz der CSS ID statt dem Anker oben kein Abstand🤔. Irgendwelche Tipps woran das liegen könnte?

[jayog]

Gutes Video habe eine Frage, wenn ich ein neues template erstelle und dort einen header ist da automatisch ein footer drinnen, den krieg ich da irgendwie nicht raus..

[rajnath]

Vielen Dank für deine hilfreichen Videos, Nikolaus! Hast du Tipps wie man mit Elementor auch etwas ältere Browser unterstützen kann (Polyfill o.ä.)? Habe gemerkt, dass die Navigation, die Dropdowns oder Popups bei gar nicht so alten Browsern oder iPads nicht funktionieren. Hast du einen Workaround für deine Kunden-Website?

[ndw-mix]

Hallo, ich schaue mir seit einigen Tagen deine Videos an und dabei ist mir aufgefallen, du arbeitest nur mit vorgefertigten Seiten und änderst diese nur nach deinen Wünschen. Machst du das immer so?

Ich arbeite nämlich seit einer längeren Zeit an meiner Website und lerne noch. Das heißt, am Ende werde ich alles auf meinem Server löschen und dann WordPress neu installieren und alles selber nach meinen Wünschen erstellen.

Warum möchte ich das? Weil ich denke, wenn ich Wochen lang dutzende Seiten, Menüs, Plugins etc. verwendet und getestet habe und dann wieder gelöscht habe, dass dann viel Müll auf dem Server gespeichert wurde oder mach ich mir da einfach viel zu viel Gedanken und viel zu viel Arbeit? Denn eine fertige Seite zu nehmen und nur die eigenen Daten und Bildern ändern ist ja viel schneller umgesetzt. Was meinst du?

[dennish]

Dachte für die Indexierung wäre eine one page nicht so gut