Wochen-Ziele:
-
Spenden-Möglichkeiten und Affiliate-Links auf SupportPage implementiert (bereits Mittwoch)
Tages-Ziele:
-
Link-Komponenten erstellen - zweiten echten Blog-Beitrag erstellen
-
BlogPost-Header-Image einbauen -
Related Posts Box erstellen
Link-Komponenten
Nachdem ich ein 7er Kata (mit Recursion! 💪) gelöst hatte, habe ich 2 kleine Link-Komponenten für den Blog erstellt. Eine für interne Links und eine für externe Links. So konnte ich die Styles und Attribute wie target und rel standardisieren.
Headings
Danach hab ich mir eigene Komponenten für die Headings (h1, h2, h3 & h4) erstellt. Die habe ich ausnahmsweise mal alle in eine Datei geballert (= geschrieben). Grund war hier ein einheitliches Styling festzulegen.
Ich habe versucht das Ganze in der tailwind-config zu hinterlegen, aber irgendwie wollte es nicht so wie ich. Scheinbar stand da irgendwie das tailwindcss/typography-Plugin` im Wege. Da mir das Fixen zu lange dauerte, hab ich kurzer Hand die Komponenten erstellt.
Page-Layouts vereinheitlicht
Teilweise waren die Page-Layouts unterschiedlich. Das hab ich angepasst, so dass jetzt jede Seite eine Überschrift an der selben Stelle und Größe hat.
Projekte-Seite
Und ich hab schon mal die Seite für die Liste meiner Werke erstellt. Zu sehen gibt’s da allerdings noch nüscht.
BlogPost-Header-Image
Außerdem hab ich noch das BlogPost-Bild, das schon in der Blog-Vorschau-Liste zu sehen war auch in die SingleBlogPost-Ansicht eingefügt. D.h., wenn man sich jetzt einen BlogPost ankuckt, dann mit Bild im Header.
Related Posts Box
Zum Schluss hab ich noch die RelatedPosts-Komponente erstellt. Nachdem man einen Blog-Artikel gelesen hat, sieht man jetzt ganz unten ähnliche Posts zum weiter Schmökern. Im Verkauf nennt man das Cross-Selling. 🤓
Hier erstelle ich eine Liste mit Posts der selben Kategorie und lass dann 3 zufällige anzeigen. Wenn es keine ähnlichen Posts gibt, wird die Box nicht angezeigt.
Geplant ist, in die Liste ähnlicher Posts irgendwann auch Posts mit gleichen Tags mit aufzunehmen. Aber für jetzt reicht erst mal eine Liste mit Posts gleicher Kategorie.
That's it
Dit war’t. Obwohl ich mein Wochenziel schon einen Tag vorher erreicht hatte, habe ich es heute wieder nicht geschafft mich etwas früher loszueisen...