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

5. März 2023

Datum formatieren in WordPress und PHP

WordPress stellt von Haus aus die Funktion „get_the_date()“ zur Verfügung, mit der ein schön formatiertes Datum mit deutschen Monatsnamen innerhalb eines Loops oder eines Posts ausgegeben werden kann. Wie genau das Datum formatiert werden soll, kann in den WP-Einstellungen definiert werden. In PHP ist das Ganze etwas umständlicher. Das aktuelle Datum lässt sich wie folgt […]

3. März 2023

Wie man einen eigenen Kalender in WordPress erstellt

Vermutlich gibt es hunderte Kalender- und Event-Plug-ins für WordPress. Häufig fehlt dann aber genau das Feature, das man benötigt oder die Kalender sind völlig überladen mit Features, die man überhaupt nicht benötigt. Deshalb möchte ich hier zeigen, wie man mit wenig Aufwand seinen eigenen Kalender erstellen kann. Zunächst benötigen wir 3 Plug-ins, die ich grundsätzlich […]

27. Februar 2023

Eigene Vorlagen für den Gutenberg-Editor erstellen

Der Gutenberg-Editor ist heute die wohl beste Art Website-Content zu bearbeiten. Noch besser ist er, seitdem er die Möglichkeit bietet, Vorlagen zu verwenden. Eine Vorlage, oder auch „Block-Pattern“, ist eine Zusammenstellung an Blocks, wie z.B. Headline, Bild, Text und beliebigen anderen Blöcken. So eine Vorlage lässt sich ganz einfach wie folgt erstellen. 1. Erstelle das […]

26. Februar 2023

Bestimmte Wörter NICHT trennen.

Mit der Einführung von CSS3 vor einigen Jahren war es endlich möglich lange Wörter in Texten automatisch trennen zu lassen. Häufig führt diese Funktion jedoch zu unerwünschten Ergebnissen, insbesondere wenn z.B. Markennamen getrennt werden, die nicht getrennt werden sollen. Das lässt sich mit folgendem JavaScript (& CSS) einfach verhindern:

25. Februar 2023

HTML5-Video-Template

Analog zu dem Script, das ich häufig nutze um Fotos bereitzustellen, nutze ich folgenden Code um Videos abszustimmen oder bereitzustellen: Das Snippet gibt es hier auch als Download: Download Videosnippet

25. Februar 2023

4 praktische .htaccess-Snippets

Die .htaccess-Datei kann verwendet werden, um viele verschiedene Aspekte der Website-Verwaltung zu steuern, z.B. die Umleitung von URLs, die Konfiguration von Caching, die Aktivierung von Kompression, die Anzeige von Fehlermeldungen und vieles mehr. Im Folgenden möchte ich ein paar praktische Anwendungsbeispiele zeigen. Den Inhalt folgender htaccess-Datei nutze ich standard-mäßig auf fast allen Websites – inbesondere […]

23. Februar 2023

Quadratische Thumbs in der WordPress-Bildergalerie

Die Gallery-Funktion in WordPress ist wirklich großartig. Alle Fotos auf einmal per Drag&Drop in den Editor und der WordPress-Magic dabei zuschauen, wie sie daraus eine Galerie zaubert ist super. An den Standard-Einstellungen stören mich allerdings 2 Sachen: Außerdem nutze ich in Bildergalerien gerne quadratische, gecroppte Thumbnails. Eine Möglichkeit das in den Gallery-Settings einzustellen gibt es […]

23. Februar 2023

Download-Links mit passenden Icons

Download-Links können ganz einfach automatisch mit passenden Icons gekennzeichnet werden – ganz ohne PHP oder JavaScript, sondern nur mit CSS. In diesem Beispiel mit Hilfe von Font Awesome.

21. Februar 2023

Icon-Fonts und SVG-Icons

Font AwesomeVor über 10 Jahren wurde Font Awesome veröffentlicht und ist seitdem für die Icons auf Millionen von Websites verantwortlich. Im Jahr 2020 wurde Font Awesome von immerhin auf 38 %(!) der Websites verwendet, die Schriftskripte von Drittanbietern verwenden. Seit fast 7 Jahren (Okt 2017) gibt es jetzt die Version 4.7, die nach wie vor […]

19. Februar 2023

Externe Links in neuem Fenster öffnen

Mit folgendem JavaScript werden alle Links einer Website, die auf einer externe Seite führen, in einem neuen Fenster geöffnet. Fun Fact: Irgendwo habe ich einen ähnlichen Code schon mal eingesetzt. Statt ihn zu suchen, habe ich Chat GPT erneut auf die Probe gestellt. Meine Anfrage lautete: „Erstelle ein Javascript, das bewirkt, dass alle externen Links […]