Über Web, Tech, Games, Art,
Musik, Code & Design

25 September, 2025

Interner Bereich auf WordPress-Website

Mit folgendem Code lässt sich schnell und unkompliziert ein interner Bereich oder ein Intranet auf einer Website realisieren. Am einfachsten ist es, wenn du eine Template-Datei, z.B. template-intern.php anlegst. Dann kann im Backend bei jeder Seite individuell ausgewählt werden, ob die Seite geschützt sein soll. Mit folgendem Code in der functions.php kannst du darüber hinaus, […]

19 September, 2025

CSS-Tipp: Universal-Hover-Effekt für Links und Buttons

In der Regel verändern Links und Buttons ja, wenn man mit der Maus darüber fährt, ihre Farbe – auch um die Interaktivität zu unterstreichen. Klassischerweise werden hierfür 2 Farbwerte definiert. Eine für den Ausgangsstatus und eine Hover-Farbe. Mit der CSS-Filter-Funktion lässt sich ganz leicht ein Universal-Effekt erzeugen. Mit dem Brightness-Filter werden die Button einfach ein […]

19 Juni, 2025

WordPress-Seiten mit einem Klick übersetzen (Polylang + DeepL)

Wenn ich mehrsprachige Websites baue, setze ich dafür in der Regel das kostenlose Plug-in Polylang ein. Für die automatische Übersetzung von Posts & Seiten habe ich ein Plug-in entwickelt, das die (ebenfalls kostenlose) API (bis 500.000 Zeichen / Monat) von DeepL nutzt: „Auto-Translate (with DeepL & Polylang)„. Bevor das Plug-in genutzt werden kann, muss man […]

10 Februar, 2025

So kannst du alle Dateinamen in einem Ordner webkompatibel machen

Mit folgenden Python-Skript kannst du alle Dateinamen in einem Ordner webkompatibel machen. Sprich: Leerzeichen werden zu Bindestrichen, Umlaute werden ersetzt und Sonderzeichen entfernt.

29 Januar, 2025

How-to: So erstellst du einen KI-Chatbot für deine Website und trainierst ihn mit eigenen Daten

Wenn du einen Chatbot auf deiner WordPress-Website einsetzen möchtest, sind im Wesentlichen 2 Dinge erforderlich: How to Als erstes erstellst du einen OpenAI-API-Key. Hierfür benötigst du einen OpenAI-Account, in dem ein Zahlungsmittel hinterlegt ist. Hier kann der Key generiert werden: https://platform.openai.com/api-keys Anschließend solltest du die Nutzung einschränken, damit es nicht zu bösen Überraschungen auf der […]

24 Januar, 2025

Browser mit Mobile-Preview

ResponsivlyApp ist ein echtes Must-have für Web-Entwickler und erleichtert die Entwicklung von responsive Websites enorm. ResponsivlyApp ist ein Browser, der verschiedene Bildschirmgrößen gleichzeitig darstellt und die Interaktion synchronisiert. Heißt: Wenn du in Fenster 1 klickst oder scrollst, wird auch in Fenster 2 geklickt und gescrollt. Nettes zusätzliches Feature: Mit einem Klick kannst du Screenshots jeglicher […]

10 Januar, 2025

WordPress „A Post from … provided by“ entfernen

Wenn man einen Link zu einer WordPress-Website in einen Chat bei Teams, WhatsApp oder anderen Diensten einfügt, erscheint in der Regel eine kleine Box mit Infos zu der Website. Im Idealfall sind das Daten, die man selbst definiert hat, z.B. OpenGraph-Daten, die man mit Hilfe eines SEO-Plug-ins eintragen kann. Wenn keine OpenGraph-Daten gesetzt sind erscheint […]

19 Dezember, 2024

Übersetzungen im Template mit dem WordPress-Plug-in „PolyLang“

Das WordPress-Plug-in „Polylang“ ist eine gute Wahl, wenn man multilinguale Websites umsetzen möchte. Während das Plug-in dafür sorgt, dass im Backend deutsche und (z.B.) englische Inhalte eingetragen werden können, hilft folgende Funktion (in der functions.php) Inhalte in Templates komfortabel zu übersetzen. Wenn z.B. auf einer Produktübersichtsseite das Wort „Produkte“ hard-coded im Template auftaucht, wird mit […]

21 November, 2024

Barrierefreiheitsstärkungsgesetz (BFSG): Warum Browserhersteller statt Webentwickler in der Verantwortung stehen sollten

Das Barrierefreiheitsstärkungsgesetz (BFSG), das am 28. Juni 2025 in Kraft tritt, ist ein großer Schritt nach vorn, um digitale Angebote für alle Menschen zugänglich zu machen. Ziel des Gesetzes ist es, die Barrierefreiheit im digitalen Raum zu stärken und sicherzustellen, dass auch Menschen mit Behinderungen auf Websites und digitale Dienstleistungen problemlos zugreifen können. Während das […]

19 November, 2024

Einfacher PHP-Counter

Es muss ja nicht immer gleich Google Analytics sein. Häufig reicht ein simpler Counter, um z.B. den Erfolg einer Landingpage zu messen. Folgendes Skript kann in eine PHP-Site eingebaut werden. Es erzeugt eine Datei namens „counter.txt“ in der die Klicks gelogged werden: Auf einer statischen HTML-Website kann das Script z.B. über das img-Tag eingebunden werden:

FRTG - Traces
Jetzt bei Apple Music & Spotify.