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

1. Februar 2024

WordPress Loop – Order by Custom Field

Ich nutze häufig das Plug-in „Custom Field Suite“ um WordPress-Posts weitere Felder hinzuzufügen. Z.B. bei einem Event-Kalender das Feld „startdatum“. Um alle Posts in chronologischer Reihenfolge auszugeben, also sortiert nach dem „Custom Field“ „startdatum“, habe ich meistens folgenden Code genutzt: Diese Argumente habe ich mehrfach über Google gefunden und auch Chat GPT hat sie genau […]

27. Januar 2024

Ein einfacher Passwortschutz mit PHP

Mit folgendem PHP-Skript kannst du Inhalte im Internet passwortgeschützt bereit stellen. Aber Achtung: Dieser Passwort-Schutz ist kein Hochsicherheitstrakt und theoretisch leicht zu knacken. Dafür ist der Code aber sehr kompakt, schnell einsetzbar und für die ein oder andere Anwendung reicht es allemal. Demo: www.fbnfrtg.de/demo/passwortschutz.php (Passwort: 12345)

21. Januar 2024

Location Based Content und QR-Codes

Mit der Geolocation API kannst du den Standort des Users ermitteln. Diese API lässt sich durchaus auch kreativ einsetzen. So können z.B. basierend auf dem Standort des Users bestimmte Informationen und Funktionen angezeigt werden. Z.B.: All diese Beispiele lassen sich ideal mit einem QR-Code nutzen, der an entsprechendem Ort angebracht ist. Folgender Code kann als Basis für […]

7. Januar 2024

Platzhalter-Bilder

Platzhalter-Bilder sind sehr praktisch beim Aufbau von Websites. Ein solches Bild lässt sich z.B. vom Dienst „placeholder.com“ erzeugen. Hierfür muss lediglich folgende URL in die img src eingetragen werden. In WordPress kann die URL ganz einfach im Bild-Block eingetragen werden.

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 […]

5. Januar 2024

PDF in JPG konvertieren – so kannst du in WordPress ein Thumbnail eines PDFs generieren

Mit folgendem Code, kannst du aus der ersten Seite eines PDFs ein JPG generieren. Z.B. um eine Vorschau des PDFs darzustellen und das PDF zu verlinken. Dieser Code kann z.B. in WordPress in einem LazyBlock-Block verwendet werden. Auch in Kombination mit dem WordPress-Plugin „DearFlip“ lässt sich das Script nutzen. Um die URL des PDFs zu […]

1. Januar 2024

_QRRD (QR Redirect) – Ein URL-Shortener mit dynamischem QR-Code-Generator zum selbst hosten

Von einiger Zeit habe ich ein Tool programmiert, das es ermöglicht Kurz-URLs zu generieren, zu verwalten und die dazugehörigen QR-Codes zu generieren: _QRRD. Das Tool kann (und muss) selbst gehostet werden. Für die Installation reicht ein einfaches Übertragen der Files auf einen Webserver. Die Daten werden in einer SleekDB-Datenbank gespeichert, sodass keine separate MySQL-DB erforderlich […]

30. Dezember 2023

CSS 100vw und das Problem mit der Scrollbar

Die Einheit „vw“ („Viewport Width“) ist sehr praktisch, wenn man ein Element mit CSS bildschirmfüllend darstellen möchte. Das Problem hierbei ist, dass die Scrollbars im Browser, je nach Einstellung und Betriebssystem, automatisch ein- und ausgelblendet werden oder die ganze Zeit sichtbar sind. Dieser Umstand ist im dynamischen Wert „vw“ leider nicht berücksichtigt. Und so kommt […]

29. Dezember 2023

So können Blocks aus dem WordPress-Block-Editor im Code eingefügt werden

Mit der WordPress-Funktion „do_blocks()“ kannst du Blocks aus dem Block-Editor auch im Code, also im Template oder z.B. im Footer einfügen. Dafür benötigst du zuerst den Code des Blocks. Wechsle hierzu im Block-Editor in den Design-Modus und kopiere den Code des gewünschten Blocks in die Zwischenablage. Nachdem du den Code in die Funktion eingefügt hast, […]

27. Dezember 2023

So kannst du das Laden von gecachtem JavaScript und CSS verhindern

Dass JavaScript und CSS-Dateien nach einer Änderung im Browser nicht neu geladen, sondern aus dem Cache geladen werden, kann eine nervige Angelegenheit sein. Insbesondere auch auf dem iPhone, auf dem kein „Hard Refresh“ möglich ist. Um den Browser anzuweisen, immer die aktuelle JS uns CSS vom Server zu laden, reicht es einen sich ändernden Parameter […]

Datenschutz Impressum