Arbeiten mit dem bundesweit.digital Theme

Customizer des bundesweit.digital Themes

Ganz allgemeine Einstellungsmöglichkeiten des Themes finden sich unter dem Menüpunkt „Design -> Customizer -> bundesweit.digital“ Hier können Einstellungen zu verwendeten Schriftarten, Farben und Kontaktinformationen des Unternehmens eingegeben werden. Die Links zu sozialen Netzwerken wird hier hinterlegt und auch das grundsätzlich verwendete Header & Footer Design.

Allgemeine Einstellungen

In den allgemeinen Einstellungen kann ein smooth scrollender „nach oben“ Button eingestellt werden. Außerdem kann ein y-Offset für smooth-scroll Links festgelegt werden, damit das Scroll-Ziel nicht hinter einem fixen Header verschwindet. Hier sollten Zahlen um die „-70“ gewählt werden. Eine Einheit muss nicht angehängt werden.

Farben & Schriftarten

In der Sektion Farben & Schriftarten werden CI Farben und Schriftarten festgelegt. Die Schriftart für Texte/Paragraphen, Überschriften, Buttons, Links usw. Alles wird in der header.php des Themes in CSS Variablen verpackt und später in den Stylesheets verwendet. Die Custom Felder werden nicht verwendet und können für eigene Erweiterungen verwendet werden.

Header

„Header 1.0 classic“ ist der klassische DFG Header
„Header 2.0 reloaded“ ist das neue DF Header-Design
„Simplistic“ ist ein schlichtes Headerdesign mit dem Logo, simplem Menü und max. 2 CTA Buttons auf der rechten Seite

Footer

Die Footer Spaltenaufteilung orientiert sich, solang nicht anders festgelegt an der Spaltenaufteilung von bootstrap. Die im „Footer Layout“ festgelegte Breite wird in 12 Spalten aufgeteilt und die zu Verwendung stehenden Footer-Widgetareas können dann im „Footer Spaltenaufteilung“ zugeordnet werden.

Beispiel: Die Spaltenaufteilung „3-9“ bedeutet 1/4, 3/4 wobei der linke 1/4 Inhalt aus dem Widgetbereich „Footer 1“ und das rechte 3/4 mit dem Inhalt der „Footer 2“ Widgetarea gefüllt wird.
Footer Bild wird nur beim „Footer Design 1“ 5-1-3-3 verwendet (Classic) und zeigt das festgelegte Bild im oberen rechten Footerbereich

Theme erweitern oder an Kundenbedürfnisse anpassen

Das Theme kann durch unseren eigenen Update-Server aktualisiert werden weshalb Anpassungen im Main/Parent-Theme nicht umgesetzt werden sollten. Hierfür ist immer ein Child Theme mit installiert in dem eigene Shortcodes/Elemente und CSS Anpassungen eingefügt werden können.

Wie kann man eigene Elemente erstellen?

Eigene Elemente können auf Grundlage von Shortcodes und dem Visual Composer programmiert werden. Alle bereits vorhandenen Elemente befinden sich im Parent Theme im Unterordner Shortcodes. Diese können als Vorlage verwendet und in den Child-Theme/Shortcodes Ordner kopiert und umgeschrieben werden. Bitte achte darauf, die Shortcodes sowie Funktionsnamen umzurennen um Variablenkonflikte zu vermeiden.

Wohin gehören meine CSS Anpassungen?

Fall 1: Ein Element des Parent-Themes funktioniert auf Gerät X nicht perfekt und muss angepasst werden
Sergej oder Michael Bescheid sagen, Anpassungen werden in Parent-Theme umgesetzt und per Update ausgespielt

Fall 2: Die Optik eines vorhandenen Elements muss für dieses eine Projekt etwas angepasst werden
Anpassungen dieser Art werden in der Child-Theme/style.css gespeichert

Fall 3: Header und Footer müssen nur für dieses eine Projekt etwas vom Style angepasst werden, Anpassungen wären mit CSS möglich:
Anpassungen dieser Art werden in der Child-Theme/style.css gespeichert

Fall 4: Wohin mit den Stylesheets für ein neu angelegtes Element?
Neue Elemente im Child-Theme/Shortcodes Ordner beziehen Ihr Stylesheet aus dem selben neu angelegten Elemente Ordner und können mit budi_add_style hinzugefügt werden. budi_add_style( ‚handle‘, this_dir_url(__FILE__) . ‚style.css‘ );

Fall 5: Auf einer Unterseite müssen Elemente und das allgemeine Seiten-CSS angepasst werden
Hierfür muss nicht extra etwas in die Style.css geschrieben werden, jede Seite bietet im Visual Composer auf dem Zahnrädchen Symbol rechts oben eine eigene seitengebundene CSS Anpassungsmöglichkeit.