Skip to content

Latest commit

 

History

History
46 lines (31 loc) · 1.61 KB

README.md

File metadata and controls

46 lines (31 loc) · 1.61 KB
Raw

theme-wbl

Open Source Theme Development

We strive for openness. So we open source this theme. These are our first steps in open sourcing our code. Bare with us :)

The code is by no means finished. It's a work in progress.

Composer dependancies

WPTT/webfont-loader

Downloads webfonts (like for example Google-Fonts), and hosts them locally on a WordPress site.

This improves performance (fewer requests to multiple top-level domains) and increases privacy. Since fonts get hosted locally on the site, there are no pings to a 3rd-party server to get the webfonts and therefore no tracking.

@link https://github.com/WPTT/webfont-loader @link https://make.wordpress.org/themes/2020/09/25/new-package-to-allow-locally-hosting-webfonts/

Developer notes

Color naming

For colors we choose to use the following naming structure:

  • primary
  • secondary
  • tertiary
  • neutral

The reason for this is that the naming is exposed to the HTML through classes like has-primary-color and has-secondary-background-color. When we change the colors we don't want to change the classnames which are saved to the database.

To add subtilities to the colors we can use a palette (from light to dark):

  • primary-50
  • primary-100
  • primary-200
  • primary-300
  • primary-400
  • primary-500
  • primary-600
  • primary-700
  • primary-800
  • primary-900

Remarkable remarks

  • Fix editor block layout: There is a max-width of 840px added to .wp-block in the editor. We disable this through an inline script in assets.php. We can't use editor-style.css because this adds to much specificity. Note: could this 840 be linked to the magical 'content-width'?