WordPress

Website / Landingpage

Übersicht

Du hast schon eine Domain/Website und/oder bist bei einem anderen Webhoster?

Schritt 1: Domain ausssuchen, aber noch nicht kaufen

Schritt 2: Domain & Webhostingpaket kaufen

Schritt 3: WordPress installieren

Schritt 4: Wartungsmodus aktivieren

Schritt 5: WordPress Einstellungen – Technische Grundeinrichtung

Schritt 6: SSL-Zertifikat anlegen

Schritt 7: Landingpage Basics

Schritt 8: Seiten anlegen und Vorlagen importieren

Schritt 9: Individuelle Schriftarten (= Fonts) lokal einbinden (OPTIONAL! Wenn dir das zu technisch ist, nutze einfach die Schriftarten, die in Divi schon drin sind.

Schritt 10: Design individualisieren 

Schritt 11: Impressum & Datenschutz im Footer hinterlegen

Schritt 12: Menü auf einzelnen Landingpages ausblenden

Schritt 13: Allgemeines Menü anpassen

Schritt 14: Cookie Banner

Schritt 15: Domainweiterleitung einrichten

Schritt 16 – Optional: E-Mail-Adresse anlegen für dein Business, wie z.B. info@deinedomain.de

Fehlerquelle: Kritischer Fehler auf der Website

Website / Landingpage in WordPress erstellen

 

Herzlich willkommen zu Modul 1. In diesem Modul erstellen wir deine Website bzw. Landingpage. Schaue dir dazu alle Videos an und klicke dich einfach Schritt-für-Schritt durch. Solltest du Fragen haben, besprechen wir diese in den gemeinsamen Calls. Du kannst deine Fragen auch gerne über folgendes Formular einreichen: https://tally.so/r/w4xQdk. Deine Fragen werden in den Calls beantwortet, auch wenn du nicht dabei sein kann. 

➥ Du hast schon eine Domain/Website und/oder bist bei einem anderen Webhoster?

Wenn du bei einem anderen Webhoster bist und diesen nicht wechseln möchtest, kannst du natürlich weiterhin dort bleiben. Die Schritte funktionieren bei jedem Webhoster gleich, lediglich die Oberfläche unterscheidet sich je nach Webhoster bzw. die Preise für dein Paket.

➥ Schritt 1: Domain aussuchen, aber noch nicht kaufen

In diesem Schritt suchen wir uns eine Domain aus, kaufen sie aber noch nicht.

➥ Schritt 2: Domain & Webhostingpaket kaufen

Hier geht es direkt zum Paket: https://login.webgo.de/anmeldung/index/plan/cmsProSSD/
Mit dem Code “KAPLONY” gibt es 10€ Rabatt.

➥ Schritt 3: WordPress installieren

Wichtig: Nachdem wir WordPress fertig installiert haben, kann es bis zu 24h dauern, bis deine Website startklar ist.

Eine häufige Fehlerquelle ist, dass man sich in https://wordpress.org/ versucht einzuloggen. Nachdem ihr WordPress installiert habt müsst ihr euch bei eurer Domain mit euren erstellen Zugangsaten unter www.deinedomain.de/wp-login (siehe Minute 1:25 im Video) einloggt.

➥ Schritt 4: Wartungsmodus aktivieren

Während du deine Seite bearbeitest, kannst du sie in den Wartungsmodus setzen und diesen beliebig ein- und ausschalten.

Folge dazu den folgenden 4 Schritten im Screenshot:

➥ Schritt 5: WordPress Einstellungen – Technische Grundeinrichtung

Wichtig: Das Divi Theme habe ich euch als ZIP-Datei angehängt. Bitte downloade es und lade es wie in der Anleitung im Video hoch.

→ DIVI HIER DOWNLOADEN

Bitte ändere als Nächstes noch die Permalinks, damit in der URL nicht mehr die Seitennummer hinter der Domain steht, sondern der Beitragsname. Gehe dazu unter dem Punkt „Einstellungen“ auf den Punkt „Permalinks“ und wähle“ Beitragsname aus. Speichere die Änderung anschließend.

➥ Schritt 6: SSL-Zertifikat anlegen

Bisher wird deine Seite vermutlich als „Nicht sicher“ angezeigt in der URL. Das ändern wir jetzt, indem wir von http:// zu https:// switchen. In wenigen Mausklicks hast du das erledigt. Folge dazu einfach den Schritten im folgenden Video.

➥ Schritt 7: Landingpage Basics

Was ist eine LP, wie soll sie aussehen und was soll sie beinhalten?

Wichtig:

Je konkreter deine Vorstellungen der LP, desto leichter fällt dir die Umsetzung. Deswegen ist es auf jeden Fall sinnvoll, eine Skizze zu erstellen – egal ob in Canva oder auf dem Papier. Danach kannst du die Blöcke einfach in WordPress nachbauen. Was die Blöcke angeht, kannst du dich an den Screenshots im Video oben orientieren.

Sektionen einer Landingpage sind:

1. Header
2. Vorher-Zustand
3. Nachher-Zustand
4. Was du im Workshop lernst
5. Autorenbox (Über dich)
6. Testimonials (Optional)
7. Häufig gestellte Fragen (Optional)
8. Anmeldeformular für die E-Mail-Adressen
9. Footer

➥ Schritt 8: Seiten anlegen & Vorlagen importieren

Bitte lege folgende Seiten an:
(Wie du Seiten anlegst und die Vorlagen importierst, erfährst du im Video).
1. HOME (bitte importiere hier die Landingpage-Vorlage rein)
2. Fast-fertig-Seite
3. Dankeseite
4. Impressum
5. Datenschutz

➥ Schritt 9: Individuelle Schriftarten (= Fonts) lokal einbinden

Hinweis: Dieses Video ist OPTIONAL, d.h. wenn dir das zu technisch ist, nutze einfach die Schriftarten, die in Divi schon drin sind und überspringe diesen Punkt.

Hier findest du den Code für den Theme Datei Editor. Bitte kopiere das gesamte Google Doc (auch den Teil mit vcenter…) und ersetze hier einfach die roten Teile mit deinen Infos.
https://docs.google.com/document/d/1F4V_6r3Vg3fla_ugwAZI5uTcN8Q5kkYgn6iskNoKjlg/edit?usp=sharing

WICHTIG: Du kannst WP Content nicht finden / der Ordner WP Content ist leer?
Wenn unter /home/www/deineURL/ kein WP Content angezeigt wird, dann schaue im WebFTP bitte unter /home/www/wordpress/. Hier müsstest du den Pfad /home/www/wordpress/wp-content/themes/DiviChildTheme/ finden. Lade hier analog dem folgenden Video die Schriftarten hoch.

➥ Schritt 10: Design individualisieren

Anhand der Landingpage-Vorlage „Johannes“ zeige ich euch, wie ihr die Vorlage anpassen und individualisieren könnt.

➥ Schritt 11: Impressum & Datenschutz im Footer hinterlegen

➥ Schritt 12: Menü auf einzelnen LPs ausblenden

Hier findest du den CSS Code, um den Header auszublenden. Ersetze hier einfach die roten Teile mit deinen Infos.
https://docs.google.com/document/d/123VDt6hXxC7BPqI36XkQ_x-Y6sJ8qg9Pk7kA_aCXy3Y/edit?usp=sharing

➥ Schritt 13: Allgemeines Menü anpassen

➥ Schritt 14: DSGvO – Cookie Banner

Schritt 1: Kaufe Borlabs Cookie

Nutze für Borlabs gerne meinen Affiliate Link https://de.borlabs.io/?fpr=zk23e, gehe zu „Produkte“ >> „Borlabs Cookie“ >>“Informationen & Preise“ und scrolle dann runter bis zu folgender Übersicht und wähle das Paket „Personal“ für 1 Website für 49€ / Jahr aus.

Schritt 2: Kopiere dir den Lizenzschlüssel

Wo findest du Borlabs Cookie nach dem Kauf?

Schritt 3: Lade dir das Plugin hier runter:

Schritt 4: Lade das Plugin unter „Plugins“ in WordPress hoch und richte es analog dem folgenden Video ein.

Code Schnipsel & Screenshots:
Hier geht es zu Code Schnipsel für den Facebook Pixel, der im Video genannt wird +  den Screenshots der Einstellungen:
https://docs.google.com/document/d/1r84iRDjrhLaa31GE5yRN5oDEilbFyMiP_8Xo6fleL94/edit?usp=sharing

WICHTIG:
Im Cookie Banner musst du die Impressum & Datenschutzseite auswählen. Bei mir sind diese beiden Seiten schon angelegt, deswegen kann ich sie in dem folgenden Video auswählen. Falls du diese beiden Seiten nicht nicht angelegt hast, lege sie bitte JETZT an, damit du sie dann in den Borlabs Cookie Einstellungen auswählen kannst.

Wie du eine Seite anlegst, hast du in Video 5 gelernt. Folge dazu einfach der Anleitung in Video 5 oder gehe folgende Schritte:
Seiten gehst → neue Seite erstellen →  1 Seite für Impressum →  eine Seite für Datenschutz.

➥ Schritt 15: Domainweiterleitung einrichten

Hinweis: Vergiss nach der Einrichtung der Domainweiterleitung das SSL-Zertifikat für die weitergeleiteten Domains einzurichten (analog Schritt 6).

Beispiel: Um eine Domainweiterleitung von www.physio-tamara.com auf www.physio-tamara.at einzurichten, müssen die Verzeichnisse bei www.physio-tamara.com geändert weren, sodass physio-tamara.com auch das Verzeichnis /wordpress nutzt, so wie www.physio-tamara.at.

Wichtig: Dasselbe Verzeichnis, das deine „Hauptdomain“ nutzt, müssen die Domains nutzen, die weitergeleitet werden sollen. 

➥ Schritt 16 – Optional: E-Mail-Adresse für dein Business anlegen

Hinweis: Sollte die Verbindung in Outlook mit dem Passwort nicht funktionieren, nutze bitte folgende Einstellungen: https://docs.google.com/document/d/1Wi-Za2WT2xKtrzKvAKgEm1KWhUhfMHurzcVVFeQ4ZWY/edit?usp=sharing

➥ Fehlerquelle: Kritischer Fehler auf der Website

Dir wird ein Fehler angezeigt? Dann ändere einfach die PHP-Version.
Anleitung: https://docs.google.com/document/d/1rL5eTDbPux-FQL1irD_q922QnHh2POykoDqS4OTxHKk/edit?usp=sharing