The Isotoop design system for WordPress is made by Dutch designer Arthur Wentzel. Arthur is a WordPress expert and trainer.
Fill in the form to let me know how and where you use the Isotoop design system for WordPress.
Thank you! Arthur
WordPress courses by Arthur:
cursuswp.com
Webdesign by Arthur:
web-designers.nl
Isotoop consists of prefab simple shortcodes. Paste the shortcode in the existing class (style) field anywhere on your website. This applies to blocks, columns, rows, text and all other elements that have a so called class field in WordPress.
You can find the class field in most cases under the advanced tab in your editor, basically everywhere in WordPress.
This way the design is everywhere the same all over your website where you used the style. The bigger the website the more handy, fast and consequent it gets.
In this example you will see how this works in the WordPress Gutenberg editor. It also works out of the box with the most common page builders like Elementor, Beaver builder, WP Bakery Builder.
Click to enlarge demo
All hundreds of styles have very simple names to make it easy for you to learn and remember. In practice you will use te same codes all the time. For example everything with text starts with t-...
Styles text size:
t-xs | t-s | t-n | t-l | t-xl | t-xxl
Styles text color:
t-red03 | t-red07 | t-red13
t-blue03 | t-blue07 | t-blue13
Styles background color:
purple02 | purple06 | purple11
green03 | green07 | green13
Spacing for elements:
margin normal: m-n
margin top: m-t
margin right: m-r