Über CSS kannst du das Aussehen deiner WordPress-Website anpassen. Mit CSS steuerst du Farben, Schriften, Abstände und das Layout deiner Website.
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.
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.
WeiterlesenManchmal möchte man eine Kleinigkeit per CSS bearbeiten – die Überschrift soll ein bisschen kleiner werden, irgendwo stört eine Farbe oder man möchte ein Element verbergen. Das sind alles Dinge, die man einfach und schnell über CSS im Customizer umsetzen kann.
Weiterlesen
Bestimmt hast du den Begriff „Box-Model“ schon einmal gehört. Dieses Stichwort beschreibt ein bestimmtes Standard-Verhalten von HTML-Elementen. Dieses Verhalten kann zu Problemen im Layout führen.
Auf WordPress-Seiten und -Beiträgen erscheint automatisch ganz oben ein Titel. Auch Archive haben so einen Titel. Da steht dann so etwas wie „Kategorie: Allgemein“ oben auf der Archive-Seite.
In manchen Fällen stört dieser Seitentitel.
Ich hab mal wieder die Netzialisten umgebaut. Das neue Design soll es den Besuchern ermöglichen, leichter von einem Thema zum anderen zu wechseln. Sie sollen sich besser „horizontal“ im Blog bewegen können.
Die klare, textzentrierte Optik sollte dabei erhalten bleiben. Dadurch beschränken sich die Gestaltungsmittel auf Typografie, Weißräume und Farbe.
WeiterlesenGutenberg-Blöcke können mehrere Design-Varianten haben. Beim Button-Block zum Beispiel gibt es zwei Designs zur Auswahl, eine gefüllte Version und eine Kontur-Version. Auch andere Blöcke können zusätzliche Design-Varianten bekommen.
WeiterlesenIn diesem Artikel gehen wir wieder zurück zum Grid-Container. Im echten Leben reicht ein automatischer Raster, der alles in gleich breite Spalten aufteilt, manchmal nicht aus.
WeiterlesenIm ersten Teil dieser Einführungsserie ging es um den Grid-Container. Das ist der Container, in dem der Grid stattfindet und der die Grid-Elemente umschließt. In diesem Artikel geht es um die Grid-Elemente selbst und wie man sie mit CSS Grid gestalten kann.
Weiterlesen
Ein Raster mit CSS Grid besteht grob gesagt aus einem Container und den darin enthaltenen Grid-Elementen. In diesem Artikel geht es um das CSS für den Container.
