Kategorien
Journal

Montag, 16.09.2024

Inspiriert von heibie habe ich mir ein WordPress-Plugin zur Anzeige von Beiträgen mit dem selben Datum aus anderen Jahren erstellen lassen. Das war super cool: Nach nur einem semi-durchdachten Prompt stand das Grundgerüst. Was dann folgte war ein Sparring zwischen ChatGPT und mir, in dessen Verlauf das Plugin erst in mein Theme und dann in ein Child Theme übergeben wurde, die Ausgabe im Blog selbst aufgehübscht wurde und wir uns anschließend an Optimierungen (Caching, Performance, verschiedene Ausgaben)/Fehlerbereinigungen machten. Anders als heibie benutzte ich die kostenfreie ChatGPT-Version, daher fiel das Tool mittendrin auch auf die nicht ganz so schlaue Version zurück– das merkte ich anhand von Ungenauigkeiten und Logikfehlern.

Nach gut 2 Stunden war eine okaye Version live, deren noch vorhandene Fehler ich morgen mit „Chatty“ bereinigen werde.

Ich bin total begeistert, wie einfach es mit ChatGPT war das hinzubasteln. Meine Programmierskills sind begrenzt, ich hätte das bei weitem nicht so schnell und komfortabel hinbekommen und mir beim Suchen und Zusammenstückeln von Code ziemlich einen abgebrochen. Noch dazu hätte ich vermutlich nicht so gut verstanden, was genau passiert– ChatGPT schrieb nämlich auch immer Erklärungen, wieso und weshalb dies und jenes so umgesetzt wird.


Nächstes Projekt: Ich baue mit ChatGPT eine Focus-App in Swift (der Apple-eigenen Programmiersprache), mit deren Hilfe ich bei Aktivierung eines Fokus-Modus Websites und Apps wegblocken kann um mich nicht abzulenken. Das Grundgerüst & Architekturkonzept steht schon, ich bin super gehyped.

3 Antworten auf „Montag, 16.09.2024“

Projekt: Anzeige von „Same-Day“-Beiträgen ohne aktuelles Jahr

Ziel:

Für einen WordPress-Blog sollen unter jedem Beitrag auf der Einzelansichtsseite („single post“) Beiträge mit demselben Veröffentlichungsdatum (Tag und Monat) aus den Vorjahren angezeigt werden. Das Jahr, in dem der aktuelle Beitrag veröffentlicht wurde, soll in der Liste nicht erscheinen.


Detaillierte Anforderungen:

  1. Datumserfassung:
    • Das Datum des aktuellen Beitrags soll dynamisch ausgelesen werden.
    • Aus diesem Datum sollen nur Tag und Monat (z.B. „11.09.“) für die spätere Abfrage verwendet werden.
  2. Jahresbereich:
    • Beiträge aus einem definierten Jahresbereich (z.B. 2015 bis zum aktuellen Jahr) sollen angezeigt werden.
    • Das Jahr, in dem der aktuelle Beitrag veröffentlicht wurde, darf nicht in der Liste erscheinen.
  3. Beitragsabfrage:
    • Eine Query soll alle veröffentlichten Beiträge abfragen, die denselben Tag und Monat wie der aktuelle Beitrag haben, jedoch aus einem anderen Jahr stammen.
    • Dabei soll die Abfrage auf eine unbegrenzte Anzahl von Beiträgen pro Jahr (oder eine definierte Anzahl, wenn gewünscht) eingestellt sein.
  4. Beispiel für eine Abfrage:
    • Wenn der aktuelle Beitrag am 11.09.2021 veröffentlicht wurde, dann sollen alle Beiträge vom 11.09. aus den Jahren 2015, 2016, 2017, 2018, 2019, 2020 und 2022 angezeigt werden.
    • Wenn der aktuelle Beitrag am 11.09.2024 veröffentlicht wurde, dann sollen alle Beiträge vom 11.09. aus den Jahren 2015 bis 2023 angezeigt werden.
  5. Bilddarstellung:
    • Zu jedem Beitrag soll das erste Bild aus dem Inhalt des Beitrags extrahiert und als Vorschaubild angezeigt werden.
    • Falls kein Bild im Beitrag vorhanden ist, soll ein Platzhalterbild verwendet werden.
  6. Caching:
    • Um die Abfrage zu beschleunigen, soll das Ergebnis der Beitragsabfrage für 24 Stunden gecacht werden.
    • Beim Veröffentlichen oder Aktualisieren eines Beitrags soll der Cache für das entsprechende Datum gelöscht werden.
  7. Responsive Layout (CSS):
    • Die Darstellung der Beiträge soll in einem CSS-Grid erfolgen, wobei:
      • Bei einer Breite von bis zu 520px die Beiträge einspaltig angezeigt werden.
      • Bei einer Breite von 521px bis 1023px die Beiträge zweispaltig angezeigt werden.
      • Ab 1024px die Beiträge dreispaltig angezeigt werden.
  8. Fehlerbehandlung:
    • Falls ein Bild in einem Beitrag vorhanden ist, aber das src-Attribut leer bleibt, soll ein Platzhalterbild verwendet werden, und es soll kein schwarzer Rahmen oder eine schwarze Outline angezeigt werden.

Technische Hinweise:

  • Verwende den WordPress-Shortcode [same_day_posts], um die Beitragsliste an der gewünschten Stelle im Template einzufügen.
  • Falls JetPack-Caching verwendet wird, stelle sicher, dass der Cache beim Aktualisieren korrekt geleert wird.
  • Nutze den CSS-Farbcode #fdf2e3 und achte darauf, dass alle Cards im Grid die gleiche Höhe haben, angepasst an den höchsten Inhalt.

Beispiel:

  • Ein Beitrag vom 11.09.2019 wird angezeigt. Unter diesem Beitrag sollen folgende Jahre erscheinen:
    • 11.09.2015
    • 11.09.2016
    • 11.09.2017
    • 11.09.2018
    • 11.09.2020
    • 11.09.2021
    • 11.09.2022
    • 11.09.2023
  • Nicht angezeigt wird 2019, da der Beitrag in diesem Jahr veröffentlicht wurde.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert