Greenshift: New Class-First System, StyleBook & Core Framework Support

Igor from Greenshift has just released their biggest update yet, which can change your whole workflow, introducing a class-first system, a new StyleBook, parallax sliders and more.

New Features

Let’s take a closer look at the new features and improvements:

• Class-First System:
  With a class system, class presets, subselectors, global classes and framework classes, you have new design tools at your fingertips for styling pseudo selectors along with design presets. You can also create your own custom design system.
• StyleBook:
  The new StyleBook brings together all the important global options such as heading styles, button styles, logo, icon and some additional colours. They have also added an option to overwrite system elements. In the future, they plan to release a Figma plugin with synchronisation between the Figma StyleBook and the Site StyleBook. Finally, a StyleBook comes with presets. This allows you to create multiple presets to easily change the look and feel of your WordPress site. It also comes in handy if you want to show different versions to your clients. And as mentioned above, you can even create a custom design system with global classes and import/export them.
• Parallax Sliders:
  Greenshift now lets you enable a parallax effect in sliders and add all images from the main slider block without adding them to each slide individually.

In other news, as the Core Framework provides a free Gutenberg add-on, Greenshift now officially supports the new visual CSS framework.

Greenshift has evolved from a collection of Gutenberg blocks to a full page builder for WordPress.

What’s Next?

Next, the Greenshift team will also integrate a new workflow into the theme onboarding wizard. For example, you can change the look and feel of the home page and create some pre-installed pages like contacts.