gest-hh-wordpress

German Content

This repository contains SCSS files for creating a custom CSS for WordPress for the website gest-hamburg.de. You will find descriptions and commit messages in German, as it is a German website.

In diesem Repository finden Sie die SCSS-Quellen zur Erstellung eines angepassten CSS for die Site gest-hamburg.de, die auf WordPress basiert.

Verwendung

Voraussetzungen

• NodeJS, inklusive npm.

  Installation unter Windows etwa mittels Scoop:

  λ scoop install nodejs-lts

Erstellung der CSS-Datei

• Einmaliges Erstellen von custom-main.css:

  λ npm run batch

  Das Ergebnis befindet sich anschließend in dist/.

• Automatisches Erstellen von custom-main.css bei Änderungen an den SCSS Dateien:

  λ npm run watch

  Das Ergebnis befindet sich jewils in dist/.

Verwendung in WordPress

Um das Ergebnis in WordPress zu verwenden, muss der sogenannte Customizer im Administrationsbereich Design aufgerufen werden. Dort gibt es einen Bereich Zusätzliches CSS. In diesen Bereich kann das entsprechende CSS kopiert werden.

Referenzen

Folgende Seiten waren mir bei der Entwicklung dienlich:

SASS/SCSS

• CSS { In Real Life } | A Modern Front End Workflow Part 1: Building a Project Starter with NPM Scripts
• Introducing Sass Modules | CSS-Tricks
• stylelint/stylelint: A mighty, modern style linter
• bjankord/stylelint-config-sass-guidelines: ⚙ A stylelint config inspired by https://sass-guidelin.es/
• postcss/postcss: Transforming styles with JS plugins
• postcss/autoprefixer: Parse CSS and add vendor prefixes to rules by Can I Use