26. Februar 2021
Blick über den Tellerrand: Tailwind
Ich habe mir endlich mal Tailwind angeschaut. Ich wollte wissen, was man von dem neuen Framework lernen kann und wie Tailwind und WordPress zusammenpassen.
WeiterlesenArtikel aus der Kategorie CSS
Über CSS kannst du das Aussehen deiner WordPress-Website anpassen. Mit CSS steuerst du Farben, Schriften, Abstände und das Layout deiner Website.
15. Februar 2021
Sprungmarken mit CSS gestalten
Auch Sprungmarken kann man per CSS gestalten. So kannst du erreichen, dass sich die Sprungmarken optisch von normalen Links unterscheiden.
Weiterlesen
17. Dezember 2020
Block Based Themes: Was sind „Global Styles“?
Global Styles sind Teil des Konzepts der neuen Generation von WordPress-Themes. Weil das etwas mit CSS zu tun hat und ich beim ersten Drüberlesen nicht genau verstanden habe, was es damit auf sich hat, habe ich mir das mal näher angeschaut.
Weiterlesen
1. September 2020
Mit CSS-Sourcemaps SCSS-Dateien in den Dev-Tools anzeigen
Mit Hilfe einer CSS-Sourcemap kann man SASS-Module in den Devtools im Browser anschauen.
Weiterlesen
30. Juli 2020
Google-Fonts datenschutz-konform einbinden
Wenn man auf einer Website Google-Fonts benutzt, ist es eine gute Idee, die Fonts nicht über den Google-Server zu laden, sondern lokal einzubinden. Das ist datenschutzkonform, weil damit die Schriften nicht bei jedem Aufruf nach Hause telefonieren. Für diese Aufgabe kann man ein Plugin nutzen. Man kann die Schriften aber auch ganz einfach über CSS einbinden.
Weiterlesen
30. Juni 2020
Elemente per CSS barrierefrei ausblenden
Die wahrscheinlich am häufigsten genutzte CSS-Anweisung ist display:none. Damit kann man alle Sachen wegzaubern, die im Layout stören. Aber auch Screenreader sehen dann nichts mehr davon. Das ist nicht immer sinnvoll.
Weiterlesen
23. Juni 2020
Gutenberg Farb-Palette und Theme-CSS verbinden über WP-SCSS
Ein großes Problem beim Entwickeln von Themes und Child-Themes ist das Handling der Theme-Farben. Sie existieren in zwei voneinander getrennten Welten. Einmal in Gutenberg (PHP) und einmal in der style.css (CSS).
Weiterlesen
15. Juni 2020
Card-Design mit Gutenberg
Anlass zu diesem Beitrag war eine Frage in einer Facebook-Gruppe. Die Frage war: Kann man ein Card-Design aus Bild und Text mit Gutenberg-Bordmitteln umsetzen? Ja, das geht sehr gut.
Weiterlesen
3. Juni 2020
„Wireframe-CSS“: WordPress als Wireframing-Tool
Wenn wir ein neues Kunden-Projekt starten, fangen wir bei den Inhalten an. Wir konzentrieren uns erst Mal ganz auf die Struktur der Website. So ganz ohne Design und bunte Bildchen.
Weiterlesen
29. Mai 2020
Schrift-Größen in vw (viewport-width) angeben
Neben Pixel, em und rem gibt es noch eine andere Einheit, mit der man Schriftgrößen definieren kann. Die Einheit (vw) bezieht sich auf die Größe des Browserfensters. Im Zusammenhang mit mobilen Geräten würde man statt Browserfenster Bildschirmbreite sagen.
Weiterlesen