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
26. August 2020
Statify oder Google Analytics?
Wenn du deine Webseite datenschutzkonform betreiben möchtest, sind natürlich auch die Analysetools ein Thema. Sie sammeln viele Nutzer-Daten um möglichst detaillierte Berichte erstellen zu können.
Weiterlesen
18. August 2020
Gutenberg Block-Pattern erstellen
Im Artikel „Card Design mit Gutenberg“ habe ich ein Layout-Modul im Card-Look erstellt. Dieses Modul möchte ich jetzt als Block Pattern speichern.
Weiterlesen
Kirsten durfte einen Artikel zu einem E-Book über den Block-Editor beisteuern:
„Arbeiten mit Block-Styles und Block Patterns.“
Das E-Book kannst du kostenlos herunterladen.
10. August 2020
Warum es eine Überlegung wert ist, deine Website mit Gutenberg zu bauen
Beim Start eines Website-Projekts stehen viele Entscheidungen an. Welches CMS soll es werden? Ok, WordPress, aber wie weiter? Divi, Elementor, Avada, Supertheme? Oder Gutenberg?
Weiterlesen
4. August 2020
Wo finde ich Bilder für meine Website?
Das Internet ist voll mit bunten Bildern. Einen Teil davon darfst du auf deiner Website kostenlos verwenden. Aber du solltest dabei ein paar Dinge beachten, sonst kann auch ein kostenloses Bild viel Ärger machen.
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
18. Juni 2020
Wenn die Website in Rente geht
Normalerweise haben Websites eine Lebensdauer von vielen Jahren. Die Inhalte werden immer wieder angepasst und die Technik wird regelmäßig gewartet. Es gibt aber auch Websites, die speziell für eine Veranstaltung oder einen anderen Anlass entwickelt werden. Damit haben diese Websites ein „natürliches“ Ablaufdatum.
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