Skip to content

Instantly share code, notes, and snippets.

@Nerdies24

Nerdies24/Mein persönlicher WordPress Workflow.md Secret

Last active June 5, 2023 02:38
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Nerdies24/1e2f3e7a20123226fbaaff10e1b02bbf to your computer and use it in GitHub Desktop.
Save Nerdies24/1e2f3e7a20123226fbaaff10e1b02bbf to your computer and use it in GitHub Desktop.
Download ZIP
Mein persönlicher WordPress Workflow
Raw
Mein persönlicher WordPress Workflow.md

Mein persönlicher WordPress Workflow!

Meine Vorüberlegung bei jedem Website Projekt!

  • Welches ist die umsatzstärkste Position meines Kunden?

  • Welche Zielgruppe bedient mein Kunde?

  • Wird der Umsatz lokal, länderweit, bundesweit oder weltweit erzielt?

  • Wie hoch ist das Budget des Kunden für das gesamte Projekt?

Die Beantwortung dieser Fragen haben einen direkten Einfluss darauf, wie genau die Website strukturiert und welche Schnittstellen zu den sozialen Medien gebildet werden.

Website Struktur und soziale Medien gehen Hand in Hand

AB-Testing ist Pflicht!

Ein fertiggestelltes Website - Projekt ist für mich lediglich ein Startpunkt und spiegelt die momentane Stimmungslage des Kunden wider. Deshalb lege ich im späteren Verlauf besonderen Wert darauf, die Websitebesucher entscheiden zu lassen, wie das Layout der Seite anzupassen ist. Die zukünftige Website Variante wird demnach von den Websitebesuchern unbemerkt mitentwickelt. Einer meiner Werkzeuge ist hierbei das AB-Testing. Für das AB-Testing nutze ich Google Ads oder genauer gesagt bezahlte YouTube Werbeanzeigen, da hierbei qualifizierte Besucher garantiert sind und ich die Conversion-Optimierung für die umsatzstärkste Position austesten kann. Wenn die Conversion auf der Kunden Website > als 3% ist, betrachte ich den Vorgang als erfolgreich abgeschlossen.

Wer keine AB-Testings durchführt stochert im Nebel

Welches WordPress Theme verwende ich?

Ich bevorzuge seit 6 Jahren für die Erstellung von Websites das WordPress Theme GeneratePress. GeneratePress ist einer der schnellsten WordPress Themes und wird im Grundgerüst bewusst sehr minimalistisch gehalten. Dies spielt mir genau in die Karten, da ich dadurch schnelle Ladezeiten garantieren kann. Zudem ist das Theme durch zahlreiche Hooks und Filter flexibel erweiterbar.

Mein Ziel ist immer die Erstellung eines individuellen Child-Themes!

Warum GeneratePress Premium?

GeneratePress Premium ermöglicht es mir weitere Funktionen gezielt freizuschalten. GeneratePress Premium erlaubt Hooks und Filter aus dem Backend anzusteuern und Block Elemente zu dynamisieren. Zudem ist mit GeneratePress Premium die Erstellung von globalen Styles und lokalen Templates möglich. Ab der GP Premium Version 2.0 wurde eine blockbasierte Themeerstellung integriert.

Um weitere Funktionen gezielt freizuschalten!

Wer hilft mir bei WordPress Problemen?

Glücklicherweise bin ich heute in der Lage, nahezu jedes WordPress-Problem selber zu lösen. Sollten dennoch Probleme auftauchen, die ich nicht alleine lösen kann, benötige ich einen kostenpflichtigen Support. GeneratePress hat einen fähigen Support. Dies ist ein weiterer Grund, warum ich mich für GeneratePress entschieden habe, denn ein kostenpflichtiger Support kann meinen Umsatz empfindlich mindern. Der Rund um die Uhr besetzte GeneratePress Support klärt jede Frage in Minuten innerhalb eines Forums. Erkläre wo es hakt und der Kundensupport liefert Dir umgehend die Lösung oder bringt Dich in die richtige Richtung. Dies ist ein riesiger Vorteil bei Kundenwebsites. Zudem gibt es eine sehr gute Dokumentation.

Der GeneratePress Kundensupport liefert Dir die Lösung oder bringt Dich in die richtige Richtung!

Ist GeneratePress für meinen Prototypen geeignet?

Ja klar. Sei es eine Kladde, ein aufwendiger Photoshop-Entwurf oder ein Adobe XD Prototyp. Mit GeneratePress ist alles umsetzbar. Selbst WooCommerce Shops lassen sich individualisieren. Ebenfalls lässt sich in GeneratePress der PageBuilder Elementor oder Beaver Builder integrieren. Seitdem es das Plugin GenerateBlocks vom gleichen Hersteller wie GeneratePress gibt, werden meiner Meinung nach die beiden PageBuilder Plugins überflüssig, denn hunderte Funktionen braucht keine Website und macht diese unübersichtlich, langsam, pflegeintensiv und schwer zu bedienen.

GeneratePress und GenerateBlocks kann eine Website auf das wesentliche reduzieren!

Wie baue ich Kundenwebsites?

Früher habe ich Prototypen mit Adobe XD oder Adobe Illustrator erstellt. Heute erhält jeder Kunde für den Prototypen einen extra WordPress Login für eine nicht öffentliche Website. Hier kann der Kunde den Fortschritt seiner Website anschauen, kontrollieren und mit mir zusammen abstimmen. Erst nach Fertigstellung, einem Abnahmeprotokoll und der vollständigen Bezahlung wird das Kundenprojekt auf die Domain des Kunden übertragen. Dies ist die Erfahrung aus hunderten von Kundenprojekten und eine Methode für eine schnelle Projektumsetzung. Bei dieser Methode benötigst Du vorerst keinen AV-Vertrag, da der Prototyp auf Deinem Server liegt. Einen AV-Vertrag benötigst Du nur, wenn Du auch die Pflege der Website übernimmst und mit sensiblen Daten in Berührung kommst. Auch die Rechnungsstellung und Bezahlung geht mit dieser Methode wesentlich schneller.

Eine nicht öffentliche Website ermöglicht eine schnelle Projektumsetzung!

Eine nicht öffentliche Website!

Die nicht öffentliche Website richte ich mit dem Plugin Authenticator ein. Da der Kunde das WordPress Backend nicht sehen sollte, würde ich den folgenden Code Schnipsel noch in die functions.php eingeben.

// Admin-Leiste nur für Admins anzeigen
if (!current_user_can('manage_options')) {
    add_filter('show_admin_bar', '__return_false');
}

Sollte der Kunde das Backend sehen wollen mache ich ein Video, lade es in die Dropbox und stelle es Ihm zur Verfügung.

Danach lege ich einen neuen Benutzer für den Kunden an und gebe Ihm die Rolle Abonnent. In einer persönlichen E-Mail übermittele ich dem Kunden seine Zugangsdaten. Damit habe ich bis zur Projektübertragung die volle Kontrolle über das Kundenprojekt.

Ich gebe dem Kunden erst nach der Projektübertragung einen Zugang zu seinem WordPress Backend!

Vimeo für Dokumentation

Die Dokumentation macht für mich 75 % des Kundenprojektes aus und reduziert Supportanfragen auf ein Minimum. Zudem erspart sich der Kunde eine kostenintensive Mitarbeiterschulung. Damit der Kunde mit der neuen Website zurechtkommt, nutze ich eine passwortgeschützte Sammlung bei Vimeo. Diese Sammlung kann direkt aus seinem WordPress Backend angeklickt werden. In dieser Videodokumentation erfährt der Kunde, wie er/sie mit der Website zurechtkommt. Für hochwertige Bildschirmaufnahmen nutze ich Camtasia.

Ich verlinke für den Kunden aus dem WordPress Backend zu einer individuellen und passwortgeschützten Vimeo Videodokumentation!

Mein Ablauf bei Kundenprojekten!

|- Kundenprojekt

|-- Kontakt

|---- Angebot mit AGBs

|------ Angebotsannahme

|-------- Rechnungsstellung - 50% Anzahlung

|---------- Zugang zum Prototypen

|------------ Projektanfertigung

|-------------- Abnahmeprotokoll

|---------------- Rechnungsstellung - 50% Restzahlung

|------------------ Rechnungsstellung Kunden Extras

|-------------------- Rechnungsbegleichung

|---------------------- Hinweis auf AW Prüfung

|------------------------ Projektübertragung

Meine persönliche Theme Auswahl!

WordPress Themes Beschreibung
GeneratePress Haupt-Theme bei Firmenwebsites
GeneratePress Child Child-Theme
Storefront Haupt-Theme bei WooCommerce Projekten
Storefront Child Child-Theme

Block- und Pagebuilder

Plugins Beschreibung
GeneratePress Premium ² Erweiterte Funktionen des Haupt-Themes
GenerateBlocks WordPress Blockbuilder
GenerateBlocks Pro ³ Erweiterte Funktionen des WordPress Blockbuilders
Elementor Page Builder

² = 59.-€ pro Jahr, ³ = 99.-€ pro Jahr / Stand März 2021
Elementor nutze ich nur in Verbindung mit ACF (weil Kundenfreundlicher) jedoch nicht die Pro Version

Skripte ausschließen und zwischenspeichern

Plugins Beschreibung
Autoptimize ² Kann Skripte minimieren und zwischenspeichern
Async JavaScript ² Rendern von Javascript - Above the Fold optimieren

² = wird nach der Fertigstellung eines Projektes installiert und getestet. Dies sollte mit dem Page Speed Insights Tool erfolgen. Wichtig für Above the fold.

WordPress Firewall

Plugins Beschreibung
BBQ Firewall ² WordPress Firewall die vor Bedrohungen schützt

² = wird nach der Fertigstellung eines Projektes installiert. Weitere Informationen zum Plugin unter perishablepress.com

DSGVO & ePrivacy

Plugins Beschreibung
Borlabs Cookie - Cookie Opt-in ² Cookie Opt-in- und Content Block Lösung
DSGVO Pixelmate ³ Cookie Opt-in- und Content Block Lösung
Usercentrics ³³ Cookie Opt-in- und Content Block Lösung

² = 39.-€ für 1 Website + 1 Jahr kostenloser Support. Wird nach der Fertigstellung eines Projektes installiert und eingestellt
³ = 39.-€ für 1 Website einmalig
³³ = ab 0.-€

Kontaktformulare

Plugins Beschreibung
Contact Form 7 Einfaches und sehr flexibles Kontaktformular
Honeypot for Contact Form 7 Fügt dem Contact Form 7 Plugin ein unsichtbares Feld und somit eine Anti-Spam-Funktion hinzu
Contact Form 7 – Conditional Fields Fügt dem Contact Form 7 Plugin eine bedingte Logik hinzu
Cituro Online Buchungssystem ² Externer DSGVO konformer Online Buchungssystem Anbieter

² = AV-Vertrag abschließen und Datenschutzerklärung anpassen. 19.-€ pro Monat / pro Mitarbeiter oder Ressource

Conditional Menus

Plugins Beschreibung
Conditional Menus Zeige unterschiedliche Menüs auf Seiten und Beiträgen

Weitere Informationen unter Conditional Menus

Conditional Widgets

Plugins Beschreibung
Widget Options ² Zeige unterschiedliche Widgets auf Seiten und Beiträgen

² = Geht mit GeneratePress Premium und GenerateBlocks noch besser. Weiter Informationen unter Widget Options

Inhaltsverzeichnisse

Plugins Beschreibung
LuckyWP Table of Contents ² Inhaltsverzeichnis für Beiträge und Seiten

² = Weiter Informationen unter LuckyWP

SVG Support freischalten

Plugins Beschreibung
Safe SVG Ermöglicht und bereinigt SVG-Uploads in WordPress

Ich nutze auch SVGOMG um meine SVG`s zu bereinigen
Ich nutze SVGator um ein SVG zu animieren

Progressive WordPress App (PWA)

Plugins Beschreibung
PWA ² Macht aus Deiner WordPress Website eine Progressive Web App

² = Nur für Android Geräte. Wird nach der Fertigstellung eines Projektes installiert und eingestellt. PUSH NOTIFICATIONS nutze ich nicht.

Yoast SEO

Plugins Beschreibung
Yoast SEO Suchmaschinenoptimierung für WordPress

Video Tutorial zu Yoast

Plugin FluentSMTP

Plugins Beschreibung
FluentSMTP Damit Emails auch bei Dir ankommen ersetzt dieses Plugin die Funktion wp_mail() neu, um jeden beliebigen SMTP-Server anstelle der Standardfunktion mail() zu verwenden

Video Tutorial zu FluentSMTP

GDPR Comments

Plugins Beschreibung
GDPR Comments ² Macht die Kommentarfunktion in WordPress DSGVO sicher.

² = Wurde seit mehreren Jahren nicht mehr aktualisiert - erfüllt jedoch seinen Zweck

AFB

Plugins Beschreibung
AFB ² Kostenlose Werbung in den sozialen Netzwerken. Ein einfaches Plugin, aber sehr effektiv. Achtung DSGVO - Werbeposts z.B. auf Affiliate Produkte müssen gut sichtbar mit WERBUNG gekennzeichnet werden

² = 67.-€ - Einmalzahlung

WooCommerce Shop Erweiterung

Plugins Beschreibung
WooCommerce ² Shop Erweiterung für WordPress
Germanized für WooCommerce Zum Schutz gegen Abmahnungen
Germanized Pro ³ Wichtige Funktionen für den deutschen Markt

² = Achtung - Hier sind Fachkenntnisse gefragt. Dieses Plugin ist eine große Erweiterung. Ich passe das Webhosting für WooCommerce an und beachte die strengen DSGVO Regeln. Wichtig sind hierbei Impressum, Datenschutz, Bildnachweise, Zahlungsarten, Versandarten, Widerrufsbelehrung und Allgemeine Geschäftsbedingungen. Alles erhältlich bei eRecht24.de oder ähnlichen Dienstleistern.

³ = 69.-€ pro Jahr, für 1 Domain, 1 Jahr Updates, Verlängerung = 49.-€ pro Jahr / Stand März 2021

Was ich vermeide!

  • Slider auf der Startseite (Stört extrem die Ladezeiten!)

  • Scroll Animationen

  • Mehr als 4 Menüpunkte im Header

  • Mega Menüs

  • Lange Texte - liest kein Mensch

  • Leichte Sprache - Hier sind die Regeln

  • Mehr als 2 verschiedene Schriftarten
    Ich verwende sehr oft System Schriftarten
    -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

  • Mehr als 3 verschiedene Schriftgrößen

  • Mehr als 4 verschiedene Farben

  • Skripte auf der gesamten Website laden

  • Überflüssige und nicht minimierte CSS-Anweisungen

  • Deaktivierte Themes und Plugins

  • Aktivierung von mehr als 12 Plugins
    (Meistens schreibe ich den Code direkt in die functions.php)

Worauf ich besonderen Wert lege!

Diese Werbekanäle verwende ich!

  • Ich nutze Mailchimp
    Für das Emailmarketing und als CRM bzw. Marketingtool

  • Google My Business
    Am Anfang mindestens 3 Post pro Woche
    (Ziel: Google Impressionen => Gezielte Websitebesucher)

  • Google My Business Bild Upload
    Wichtig! Bilddateien mit Alt Texten und Keywörter
    (Ziel: Google Bild Suche => eine starke Trafficquelle)

  • Lokale Instagram Werbung
    Am Anfang mindestens 3 Posts pro Woche
    (Ziel: Lokale Bekanntheit)

  • YouTube Werbung
    (Ziel: Gezielte Website Besucher => Landingpage => Zunächst Test der Landingpage => danach für den Kauf- oder Buchung einer Dienstleistung)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment