Beiträge zum Divi-Seitenleisten-Modul

Wir empfehlen Ihnen den Einsatz eines Child-Themes – damit sind Sie sicher, dass Ihre Anpassungen bei einem Theme-Update nicht überschrieben werden. Wie Sie ein Child-Theme erstellen, erfahren Sie im Beitrag «Ein Child-Theme anlegen – ein Must im Webdesign».

Mit zwei kleinen PHP-Hacks Beitragsübersichten für alle Lebenslagen selber bauen – der 200. Beitrag von Dr. Code

So ein klein wenig stolz sind wir schon: 200 Tipps und Tricks für Wordpress, CSS, HTML und das Divi-Theme haben wir bis zum heutigen Tag veröffentlicht. Heute wagen wir uns an ein klein wenig PHP-Programmierung. Wir bauen uns kinderleicht massgeschneiderte Beitragsübersichten. Vorzüglich geeignet für Widgets in der Seitenleiste - aber natürlich auch für anderswo.

Vertikale Navigation mit dem Divi-Menu-Modul erstellen

Das Divi-Menümodul verwendet standardmässig das horizontale Layout, das für den Header als horizontale Navigation konzipiert wurde. Aber es gibt bestimmte Situationen (zum Beispiel bei der Erstellung eines Footer- oder Sidebar-Layouts), in denen wir alle Menüpunkte untereinander anzeigen möchten, als einfache Liste von Links, ohne die mobile Hamburger-Menü-Version

Block-Editor für WordPress-Widgets abschalten

Wordpress hat mit der Version 5.8 den Block-Editor auch für die Widgets eingeführt. Diese Neuerung bei der Gestaltung der Seitenleiste gefällt nicht allen - besonders, wer den «Gutenberg»-Editor nicht verwendet, wird kaum warm werden mit dem Block-Editing der Widgets. Doch kein Problem: Ein kleiner Hack und Sie sind das Ding wieder los - und haben wie einst die klassische Widgets-Bearbeitung zur Hand.

Divi-Beiträge standardmässig auf ganzer Seitenbreite darstellen

Beiträge werden im Divi-Theme standardmässig mit einer Seitenleiste dargestellt. Ausserdem werden die Ränder eingerückt, was Platz verschwendet und überdies einer einheitlichen Darstellung nicht eben zuträglich ist. Zwar lässt sich dies in jedem Einzelfall händisch beheben - viel einfacher geht es aber mit einer Standardeinstellung, welche auf ein paar Zeilen CSS-Code basiert.

Schriftgrösse global ändern – der Responsive-Trick für Faule

Die Grösse der Schriftarten Ihrer Website sind vielleicht untereinander stimmig; Ihnen scheint aber alles ein wenig zu klein - oder zu gross. Nun graust Ihnen, jede einzelne Schriftarteinstellung zu suchen und anzupassen? Ist oft auch gar nicht nötig. Das geht mit einem Mini-Code im CSS global. Und was der Font-Trick für Responsive Designer bedeuten kann, sagen wir auch gleich.

Werbung

 

Pin It on Pinterest