About Isotoop

The Isotoop design system for WordPress is made by Dutch designer Arthur Wentzel. Arthur is a WordPress expert and trainer.

Want to use Isotoop?


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

Contact us to get Isotoop Free or Pro

How does Isotoop work?

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.

Where to apply style?

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.

Easily add styles

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

Simple style names

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-...

Some examples

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

Scroll to Top