WordPress Blog
Alle Artikel zu
CSS
-
TwentyTwenty: Die Breite vom Absatz-Block ändern
Das Theme TwentyTwenty hat ein paar Eigenheiten. Unter anderem ist das Layout für den Absatz-Block recht schmal. Das heißt, es entsteht ein relativ breiter Rand links und rechts.
-
WordPress 5.8: Duotone, anyone?
Eine der Neuerungen, die mit WordPress 5.8 mitgekommen sind, ist ein Duotone-Filter für Bilder. Damit lassen sich Bilder über einen SVG-Filter zweifarbig einfärben.
-
Mit Editor-Styles das Theme-Design in den Editor holen
Der WordPress-Editor weiß erst Mal nicht, wie das Design im Frontend aussieht. Wenn das Theme-Design auch in der Editor-Ansicht erscheinen soll, muss man dem Theme ein zusätzliches Stylesheet für den Editor mitgeben.
-
Individuelle Schriftgrößen im WordPress-Editor mit CSS anpassen
Für einige Blöcke kann man in der Randspalte eine individuelle Schriftgröße festlegen. Das betrifft den Absatzblock, aber auch für Headlines kann man die Schriftgröße ändern.
-
Den Abstandshalter-Block responsive machen
Mit dem Abstandshalter-Block kann man einen Abstand zwischen zwei Blöcke setzen. Der Abstandshalter-Block ist aber nicht flexibel: Die Höhe ist bei allen Bildschirmbreiten gleich.
-
Die CSS-Einheiten em, ch und ex
Die Einheiten character unit (ch) und ex sind ähnlich wie em relative Einheiten. Sie beziehen sich auf die jeweils geltenden Schriftgröße wie sie im nächsthöheren Container definiert ist.
-
Responsive Schriftgrößen mit clamp()
Die CSS-Funktion clamp() ist eine relative neue Funktion, mit der man einen minimalen und einen maximalen Wert angeben kann. Das kann die Breite eines Elements sein (width), aber man kann die Funktion auch für Schriftgrößen (font-size) verwenden.
-
Responsiveness Spalten-Block anpassen
Der Spalten-Block bringt ein bestimmtes responsives Verhalten mit. Ist der Bildschirm schmäler als 600px, ordnen sich die Spalten untereinander an. Im Bereich zwischen 600px und 781px wird das Layout zweispaltig. Ab 782px aufwärts erscheinen die Spalten in der Anzahl wie sie im Editor eingestellt.
-
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.
-
Sprungmarken mit CSS gestalten
Auch Sprungmarken kann man per CSS gestalten. So kannst du erreichen, dass sich die Sprungmarken optisch von normalen Links unterscheiden.
-
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.