Kommaseparierte Listen mit CSS

Eine HTML-Liste wird üblicherweise untereinander und mit Aufzählungszeichen dargestellt. Häufig wünscht man sich jedoch auch eine horizontale Darstellung, bei der die einzelnen Listenelemente nebeneinander stehen und mit Komma von einander getrennt sind. Nur hinter dem letzten Element soll natürlich kein Komma mehr stehen. Mit Hilfe der CSS-Pseudoklasse :not und des -Pseudoelements ::after kann die gewünschte Ansicht elegant hergestellt werden.

Beitrag zu Ende lesen

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

Passwortschutz für Websites, Verzeichnisse und Dateien mit .htaccess und .htpasswd

Passwort-Schutz für eine Website

Wenn Ihr eure gesamte Website, ein bestimmtes Unterverzeichnis oder auch nur eine einzelne Datei mit einem Passwort schützen möchtet, ist eine gängige Lösung der Schutz mittels .htaccess- und .htpasswd. Bei dieser Methode übernimmt der Server den Schutz des entsprechenden Verzeichnisses oder der Datei. In diesem Beitrag erklären wir was ihr tun müsst.

Beitrag zu Ende lesen

WooCommerce-Bestellnummer (Order Number) mit Präfix versehen

WooCommerce, das populäre eCommerce-Plugin für WordPress, vergibt jeder Bestellung im Online-Shop eine fortlaufende Nummer. Diese Bestellnummer ist im Backend sichtbar und wird dem Käufer in E-Mails mitgeteilt. Wenn ihr ein Plugin zur automatischen Erzeugung von PDF-Rechnungen einsetzt, wird die Bestellnummer meist auch als Rechnungsnummer verwendet. In diesem Beitrag archivieren wir ein Code-Snippet um die Bestellnummer mit einem frei formulierbaren Präfix zu versehen. Beispielsweise um Rechnungen aus dem Online-Shop eindeutig identifizieren zu können.

Beitrag zu Ende lesen

WordPress: Single-Seiten von Custom Post Types umleiten

Innerhalb einer WordPress-Website wird zum Erstellen von Übersichtsseiten, z. B. von Produkten oder Mitarbeitern meist auf »Custom Post Types« zurückgegriffen. Die einzelnen Beiträge des Post Types werden dann mit Hilfe eines Loops an der gewünschten Stelle auf der Website ausgegeben. Doch nicht immer wird dabei die Single-Ansicht (Detailseite) benötigt. In diesem Beitrag archivieren wir ein Snippet, mit dem ihr die Single-Ansicht, sowie die Vorschau für bestimmte Beitragstypen umleiten könnt. Sowohl im Backend als auch im Frontend.
Beitrag zu Ende lesen

Benutzerdefinierte Felder (Custom Fields) in die Suche von WordPress integrieren

Mit Hilfe der sog. Benutzerdefinierten Felder (Custom Fields) kann der WordPress-Editor um zusätzliche Eingabefelder erweitert werden. Leider werden die Inhalte der Custom Fields bei der WordPress-Suche ignoriert und eventuell relevante Ergebnisse folglich nicht in den Suchergebnissen angezeigt. In diesem Beitrag archivieren wir ein Snippet das Custom Fields zur WordPress-Suche hinzufügt. Beitrag zu Ende lesen