WordPress & Divi Tutorial 2022 Deutsch, 12: Divi Theme Builder Custom Footer mit Social Media Icons erstellen

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)

drei kubik Divi Child Theme, Divi Config Files und .htaccess Datei herunterladen

Melde Dich mit dem folgenden Formular zu meinem WordPress Secrets Newsletter an und erhalte 3 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. Das drei kubik Divi Child Theme wurde am 01.01.2023 aktualisiert. Den aktuellen Stand des drei kubik Divi Tutorial Child Themes, die erarbeitete .htaccess Datei und alle WordPress Divi Config Files zum Importieren in Eure Installation könnt Ihr kostenlos hier herunterladen.

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)

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 Thumbnails, 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
• WordPress & Divi Tutorial 2022 (deutsch) – Teil 12: Divi Theme Builder Custom Footer mit Social Media Icons erstellen
• WordPress & Divi Tutorial 2022 (deutsch) – Teil 13: Redirection Plugin von John Godley, About Seite und SEO
• WordPress & Divi Tutorial 2022 (deutsch) – Teil 14: Design Portfolio mit Divi Custom Post Type „Projects“ einrichten
• WordPress & Divi Tutorial 2022 (deutsch) – Teil 15: Startseite mit Divi Supreme Flipbox, Design & Theorie
• WordPress & Divi Tutorial 2022 (deutsch) – Teil 16: PlugIns Autoptimize und WP Cerber Security Installation & Konfiguration
• WordPress & Divi Tutorial 2022 (deutsch) – Teil 17: WordPress Website Security & Performance mit .htaccess und .user.ini Datei
• WordPress & Divi Tutorial 2022 (deutsch) – Teil 18: WordPress Website und Datenbank kopieren - So geht's richtig
• WordPress & Divi Tutorial 2022 (deutsch) – Teil 19: Das PlugIn WP Optimize – Wozu Du es benötigst, wie Du es einstellst

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!