WordPress: Admin Columns um Custom Fields erweitern

Die Verwendung von Benutzerdefinierten Feldern (Custom Fields) ist die gängige Methode um in WordPress zusätzliche Inhalte unabhängig vom Hauptinhalt zu verwalten. Viele dieser zusätzlichen Informationen können in der Übersicht der Beiträge im Backend sehr nützlich sein. Leider zeigt WordPress manuell ergänzte Benutzerdefinierte Felder nicht automatisch in der Übersicht (den. sog. Admin Columns) an. In diesem Artikel erklären wir, wie die Admin Columns um Infos aus ausgewählten Custom Fields erweitert werden.

Beitrag zu Ende lesen

WordPress: Themenverwandte Beiträge anzeigen (ohne Plugin)

In vielen Blogs werden themenverwandte bzw. ähnliche Artikel neben oder unter einem Beitrag angezeigt. Das führt i.d.R. dazu, dass die Besucher der Website sich von einem Beitrag zum nächsten bewegen, mehr Unterseiten aufrufen und länger auf der Website verweilen.

Es gibt verschiedene Möglichkeiten ähnliche Beiträge in WordPress anzuzeigen – darunter auch viele Plugin-Lösungen. In diesem Artikel archivieren wir ein WordPress-Snippet, das euch ermöglicht ähnliche Beiträge anhand übereinstimmender Taxonomien (Kategorien, Schlagworte oder benutzerdefinierte Taxonomien) zu identifizieren und anzuzeigen.

Beitrag zu Ende lesen

Das aktuelle Wetter mit Hilfe der Yahoo Weather API anzeigen

Auf einigen Websites bietet es sich an, das aktuelle Wetter für einen bestimmten Standort anzuzeigen. Open-Air-Veranstaltungen oder Urlaubsorte sind typische Beispiele für den Einsatz einer solchen Wetter-Anzeige. Mit Hilfe der »Yahoo Weather API« lässt sich das Wetter unkompliziert anzeigen. Den notwendigen Code zur Integration inkl. der Übersetzung des jeweiligen Wetterberichts ins Deutsche archivieren wir in diesem Beitrag.

Beitrag zu Ende lesen

HTML-Tabelle mit JavaScript (jQuery) als CSV exportieren

Wenn man auf seiner Website umfangreiche tabellarische Daten abbildet, kann es sich anbieten diese zur Weiterverarbeitung als Download im CSV-Format bereitzustellen. In diesem Beitrag archivieren wir ein jQuery-Snippet für diesen Anwendungsfall. Sofern die Daten auf der Website als semantisch korrekte HTML <table> vorliegen, kann der Inhalt der Tabelle per Klick als CSV heruntergeladen werden.

Beitrag zu Ende lesen

Textmasken mit CSS erstellen

Textmasken erfreuen sich im Grafik-Design – insbesondere im Print-Design – größter Beliebtheit. Leider war es mit Webtechnologien lange Zeit kaum möglich eine Textmaske herzustellen, bei der der Text als Reintext im HTML-Code steht. Aber gerade das ist wichtig, damit der Text geändert und übersetzt, sowie von Suchmaschinen und Screenreadern ausgelesen werden kann. In diesem Beitrag zeigen wir, wie ihr mit Hilfe von CSS Blend Modes eine semantisch korrekte Textmaske erstellt.

Beitrag zu Ende lesen

Getippter Text mit CSS-Animationen

Wenn der Eindruck erweckt werden soll, als würde ein Text getippt, wird häufig auf JavaScript zurückgegriffen. Wir haben selbst einige Tools zu diesem Zweck zusammengetragen. Doch der Effekt lässt sich auch mit einer CSS Keyframe-Animation erstellen. In diesem Beitrag zeigen wir wie es geht und was sich dennoch mit JavaScript optimieren lässt.

Beitrag zu Ende lesen

Scrolling-Effekte: CSS-Klasse per JavaScript hinzufügen, wenn sich ein Element im Viewport befindet

Scrolling-Effekte sind ein beliebtes Gestaltungsmittel auf modernen Websites. Sinnvoll eingesetzt können Sie dazu beitragen, dass eine Website gleichermaßen erfolgreich als auch ästhetisch ansprechend ist. In diesem Beitrag findet ihr ein JavaScript-Snippet, mit dem Elemente eine CSS-Klasse erhalten, sobald Sie sich im Viewport befinden. Die Klasse kann optional wieder entfernt werden, sobald sich das Element nicht mehr vollständig im Viewport befindet.

Beitrag zu Ende lesen