18. Februar 2026

Bilder in WordPress-Galerien automatisch verlinken

Wenn man im WordPress Block-Editor eine Bildergalerie einfügt, sind die einzelnen Bilder standardmäßig nicht verlinkt. Mit folgendem jQuery-Snippet werden die Thumbnails automatisch mit dem Originalbild verlinkt. Bedenke: Die Links zu den Bildern werden clientseitig gesetzt. Wenn du also ein Lightbox-Plug-in nutzt (z.B. magnificPopup) muss dieses Snippet vor dem Lightbox-Code eingesetzt werden.

• jQuery
• WordPress

24. Juni 2024

Tabbed Content

Mit folgendem Code lässt sich schnell und unkompliziert ein Tabbed-Content-Bereich umsetzen: Eins Zwei Drei Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait […]

• CSS
• HTML
• jQuery

21. Januar 2024

Location Based Content und QR-Codes

• JavaScript
• jQuery

6. Januar 2024

fBot – ein einfacher Chatbot mit PHP und jQuery

Hier hatte ich vor einigen Tagen berichtet, dass ich einen Chatbot programmiert habe: www.fbnfrtg.de/fbot-ein-einfacher-chatbot/ Tatsächlich besteht der fBot im Prinzip nur aus 3 Dateien. Ein JavaScript, ein PHP-Script und ein Stylesheet. Der fBot kann unten auf dieser Seite heruntergeladen werden. Um den fBot einzusetzen, reicht es, das Verzeichnis aus dem Download auf einen Webserver zu […]

• Chatbot
• Download
• jQuery
• PHP
• Tools

18. Dezember 2023

fBot – Ein einfacher Chatbot

Ich habe einen Chatbot programmiert: Den „fBot“. Der „fBot“ ist nicht besonders schlau und verfügt über (noch) nicht über künstliche Intelligenz. Trotzdem kann er auf einigen Websites als sinnvolles, hilfreiches und unterhaltsames Tool eingesetzt werden, wenn er mit den richtigen Informationen gefüttert wird. Die Antworten werden auf Basis von Keywords generiert. Wird z.B. nach den […]

• jQuery
• PHP

4. November 2023

Formular-Daten in WordPress als Post speichern – wp_insert_post()

Mit folgendem Code lassen sich Daten aus einem Formular als (Custom-)Post in WordPress speichern. Mögliche Anwendungsbereiche sind z.B. Erstelle hierfür zunächst einen Custom Post Type, z.B. namens „Anmeldungen“. Das geht z.B. sehr easy mit dem Plug-in CPT UI. Erstelle anschließend ein Formular mit den gewünschten Feldern. Ergänze im JavaScript folgenden Code. Hiermit werden die Formulareingaben […]

• HTML
• jQuery
• PHP
• WordPress

15. Oktober 2023

Einfaches Google Maps Opt-in

Mit folgendem Snippet kannst du ein einfaches Google Maps Opt-in umsetzen. Der User muss der Nutzung von Google Maps aktiv zustimmen. Daten werden erst an Google übertragen, wenn er auf den Button geklickt hat. Zum Aktivieren der eingebetteten Karte bitte auf den Button klicken. Durch das Aktivieren werden Daten an Google übermittelt. Karte anzeigen

• Google
• HTML
• jQuery

14. Oktober 2023

Website vorlesen lassen / Text2Speech für barrierefreie/-arme Websites

Um Barrierefreiheit oder -armut auf Websites umzusetzen, ist häufig auch eine Vorlesefunktion erforderlich. Mit Hilfe des jQuery-Plug-ins „articulate.js“ kann man das „Speech Synthesis Interface“ der Web Speech API des Browsers nutzen. Da „articulate.js“ standardmäßig kein UI bereitstellt, habe ich folgendes Script geschrieben, das einen „Vorlese-Button“ auf der Website einfügt: Der Button ist so gestaltet, dass […]

• jQuery
• WordPress

9. Oktober 2023

Responsive Text

• CSS
• HTML
• JavaScript
• jQuery

29. September 2023

Mit jQuery Position innerhalb eines divs bestimmen

Mit folgendem jQuery-Script kannst du die Postion eines Punktes innerhalb eines divs bestimmen. Das ist zum Beispiel sehr hilfreich wenn du den Fokuspunkt eines Bildes bestimmen willst oder wenn du ein Overlay baust.

• JavaScript
• jQuery