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.
WeiterlesenÜber CSS kannst du das Aussehen deiner WordPress-Website anpassen. Mit CSS steuerst du Farben, Schriften, Abstände und das Layout deiner Website.
Ich habe mir endlich mal Tailwind angeschaut. Ich wollte wissen, was man von dem neuen Framework lernen kann und wie Tailwind und WordPress zusammenpassen.
WeiterlesenAuch Sprungmarken kann man per CSS gestalten. So kannst du erreichen, dass sich die Sprungmarken optisch von normalen Links unterscheiden.
WeiterlesenGlobal 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.
WeiterlesenMit Hilfe einer CSS-Sourcemap kann man SASS-Module in den Devtools im Browser anschauen.
WeiterlesenWenn 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.
WeiterlesenDie 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.
WeiterlesenEin 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).
WeiterlesenAnlass 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.
WeiterlesenWenn 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.
WeiterlesenNeben 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