drei kubik Tutorial Tuesday, Teil 12: Divi Theme Builder Custom Footer mit Social Media Icons erstellen
In diesem Teil korrigieren wir anfangs kurz die lokale Google Fonts Integration im Divi Theme und widmen uns dann ausführlich einem individuellen Footer, den wir mit dem Divi Theme Builder als globalen Footer anlegen. Dazu müssen wir auch noch einige Styles in der style.css unseres Child-Themes ändern und neue Formatierungen hinzufügen, um unseren Anforderungen gerecht zu werden. Ein Menü, das wir im Divi Theme Builder in ein Template einbauen, wird ab einer Breite von 980 Pixeln zu einem Mobile Menu (Burger Menu). Für das Footer Menü wollen wir dies deaktivieren, so dass immer die Text-Links erhalten bleiben und bei schmalen Displays notfalls auch zweizeilig dargestellt werden. In diesem Teil lernst Du, wie Du per CSS Code ein Menü daran hinderst, eine Mobile Variante (Burger Menu) darzustellen. Außerdem nehmen wir am Anfang noch eine kleine Korrektur der hochgeladenen Google Schriften vor, so dass die Verwendung dieser Schriften mit demselben CSS-Befehl funktioniert, wie wir das in der style.css unseres Child Themes definiert haben.
Divi Page Builder ausprobieren
Divi Theme kaufen
Webhosting All-Inkl PrivatPlus (3 Monate kostenlos, danach ~8 EUR pro Monat)
Webhosting Empfehlung All-Inkl Premium (3 Monate kostenlos, danach ~10 EUR pro Monat)
Divi Theme und das drei kubik Divi Child Theme herunterladen
Melde Dich mit dem folgenden Formular zu meinem WordPress Secrets Newsletter an und erhalte 2 kostenlose Downloads. Damit kannst Du direkt loslegen und das drei kubik WordPress & Divi Tutorial vollständig mitmachen. Wenn Dich die E-Mail nicht erreicht, sieh bitte auch in Deinem Spam-Ordner nach.
Alle veröffentlichten Teile des drei kubik WordPress Divi Tutorials 2022 (deutsch)
- WordPress & Divi Tutorial 2022 (deutsch) – Teil 01: WordPress Installation
- WordPress & Divi Tutorial 2022 (deutsch) – Teil 02: WordPress Einstellungen & Datenbank Backup mit DropTable
- WordPress & Divi Tutorial 2022 (deutsch) – Teil 03: PlugIn Installation & Konfiguration von WP Maintenance Mode
- WordPress & Divi Tutorial 2022 (deutsch) – Teil 04: Divi Theme & Divi Child Theme Installation
- WordPress & Divi Tutorial 2022 (deutsch) – Teil 05: SEOPress installieren und alle Einstellungen
- WordPress & Divi Tutorial 2022 (deutsch) – Teil 06: SEOPress PRO Installation und einstellen
- WordPress & Divi Tutorial 2022 (deutsch) – Teil 07: Alle Divi Customizer Einstellungen und Divi Theme Builder Layouts aufbauen
- WordPress & Divi Tutorial 2022 (deutsch) – Teil 08: Design Tweaks mit CSS und Design der Startseite
- WordPress & Divi Tutorial 2022 (deutsch) – Teil 09: ReGenerate Thummbnails, Contact Form 7, Postman SMTP Installation & Konfiguration
- WordPress & Divi Tutorial 2022 (deutsch) – Teil 10: Layout Anpassung, Divi Supreme, WP Divi Icons & CSS Code
- WordPress & Divi Tutorial 2022 (deutsch) – Teil 11: Impressum, Datenschutz, DSGVO, TTDSG, lokale Google Fonts, das musst Du wissen – Website rechtssicher betreiben
Webhosting Empfehlung für gute Performance (Google PageSpeed): All-Inkl Premium
Diesen Tarif nutze ich auch. Deine Websites werden auf schnellen SSD Laufwerken gehostet. Für gerade einmal 10 EUR im Monat kannst Du Dir bis zu 10 Domains kostenlos dazu sichern. Du kannst 50 Datenbanken einrichten, hast 250 GB Speicherplatz und noch jede Menge mehr inklusive. Ich kann Dir diesen Tarif nur sehr empfehlen.
Hast Du Fragen?
Wenn Du individuelle Fragen rund um WordPress, WordPress PlugIns, WordPress Themes oder das Divi Theme mit dem Divi Page Builder und Theme Builder hast, dann nutze die Kommentarfunktion unter diesem Beitrag oder unter dem YouTube Divi Tutorial Video und ich beantworte Dir gerne alles, was Du wissen musst, um Dir eine professionelle SEO WordPress Website mit dem Divi Theme aufbauen zu können. Feel Vergnügen!
0 Comments