Über CSS kannst du das Aussehen deiner WordPress-Website anpassen. Mit CSS steuerst du Farben, Schriften, Abstände und das Layout deiner Website.
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.
WeiterlesenFü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.
WeiterlesenMit 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.
WeiterlesenDie 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.
WeiterlesenDie 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.
WeiterlesenDer 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.
WeiterlesenIch 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.
Weiterlesen