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

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:

11. November 2024

WordPress-Plug-in „CSV Im- & Export“

Das WordPress-Plug-in „CSV Im- & Export“ erleichtert das Datenhandling zwischen 2 Websites oder einer Website und lokalen Daten. „CSV Im- & Export“ ermöglicht den Download der Daten eines ausgewählten Post-Types als CSV, sowie den Import eines CSV in ein Custom Post-Type.

31. Oktober 2024

URL automatisch in Link umwandeln in PHP

Mit folgender Funktion können URLs (z.B. aus einer Datenbankabrage) automatisch in einen Link umgewandelt werden: Dabei ist es egal ob die URL mit oder ohne „https://“ oder „http://“ angegeben ist. Somit wird aus jeder URL ein funktionierender Link generiert. z.B.:

26. August 2024

CSS-Shadows

Eine hilfreiche und hübsche Sammlung an CSS-Shadows, die über die Standard-Box-Shadow-Settings hinaus gehen, gibt es hier: https://getcssscan.com/css-box-shadow-examples

17. Juli 2024

text2filename – Text in websichere Dateinamen umwandeln

Hier habe ich ein kleines aber (zumindest für Webentwickler) sehr nützliches Tool installiert: www.fbnfrtg.de/tools/text2filename text2filename konvertiert Umlaute, Sonderzeichen und Leerzeichen und wandelt Text in „websichere“ Dateinamen um. Das ist z.B. bei der Benennung von html-Seiten oder Bildern sehr hilfreich. So wird z.B. aus „Fachangestellte*r für Medien- und Informationsdienste (m/w/d) Fachrichtung Bibliothek“ „fachangestellte-r-fuer-medien-und-informationsdienste-m-w-d-fachrichtung-bibliothek“.