kulturbanause Blog

Responsive Design, WordPress, Konzeption, HTML, CSS, JS & UX/UI …


WordPress: WP_Query mit Pagination

Wenn ihr in WordPress einen individuellen Loop mit Pagination erstellen wollt, kommt es leicht zu einer fehlerhaften Berechnung der Seitenzahlen. Das Problem hängt häufig mit dem Argument posts_per_page innerhalb eines WP_Query zusammen. In diesem Beitrag archivieren wir ein Snippet das die fehlerhafte Berechnung korrigiert, und es euch ermöglicht, die Anzahl der dargestellten Beiträge sowohl über den Code als auch über das Backend zu steuern. Beitrag zu Ende lesen

Touchscreen optimierte DropDown-Navigation mit jQuery

Umfangreiche Navigationen stellen insbesondere auf großen Touchscreens eine Herausforderung dar. Da Mouse-Over-Effekte nicht funktionieren, werden tiefer liegende Navigationsebenen häufig durch einen Klick auf das unverlinkte Elternelement geöffnet. Wenn ein anderes Elternelement angeklickt wird, soll das zuvor geöffnete Untermenü geschlossen und das neue Menü geöffnet werden. In diesem Beitrag archivieren wir ein Snippet, dass diese Aufgabe erledigt.

Beitrag zu Ende lesen

Flexbox: Mehrspaltige Liste von Boxen mit vertikal zentrierten Inhalten

Vertikales Zentrieren einerseits und gleich hohe Elemente andererseits stellten Webdesigner lange Zeit vor große Herausforderungen. Dank Flexbox gehört dies mittlerweile der Vergangenheit an. In diesem Beitrag archivieren wir ein häufig benötigtes Flexbox-Pattern in dem einige Teaser-Boxen mehrspaltig nebeneinander angezeigt werden sollen, sobald ausreichend Platz vorhanden ist. Innerhalb der einzelnen Box befindet sich in Icon und beschreibender Text unterschiedlicher Länge. Das Icon soll immer vertikal in der Mitte des Textes positioniert werden. Mit zwei verschachtelten Flexboxen kein großes Problem.

Beitrag zu Ende lesen