If you want to engage the readers on your site, you need to go beyond mere words on the page. <strong>Style and presentation matter<\/strong>, which is one reason for the explosion of page builders in the WordPress ecosystem.\r\n\r\n<a href="https:\/\/setka.io\/" target="_blank" rel="noopener noreferrer">Setka Editor<\/a>, the tool I'm reviewing today, is born from that same impetus - from the desire to, as the developers put it, "make content creation easy, beautiful, and accessible to everyone."\r\n\r\nSetka Editor is a WordPress content editor that offers one of the quickest ways to create beautifully designed content that I've encountered. And it's now available for free at the WordPress.org plugin directory.\r\n\r\n<strong>If you've ever struggled with trying to create more stylish WordPress content, this is a post that you should read.<\/strong>\r\n<h2>What Is Setka Editor?<\/h2>\r\nSetka Editor is tough to put into words because I've never used anything like it. It has <em>some<\/em> similarities to a visual page builder, but that's not a <em>perfect<\/em> definition.\r\n\r\nBasically, Setka Editor takes over your normal WordPress Editor interface with a new <strong>Setka Editor<\/strong> tab.\r\n\r\n<strong>The goal?<\/strong> To allow you to quickly and easily design gorgeous content without needing to deal with CSS or HTML. And yes, that is much the same promise made by visual page builders. But Setka goes about it in a different way.\r\n\r\nLet's start with the two core principles:\r\n<ul>\r\n \t<li>The grid system<\/li>\r\n \t<li>Setka styles<\/li>\r\n<\/ul>\r\nYou set both of these <strong>in a Cloud interface at Setka. <\/strong>Then, you can select which style or grid to use on each post from the WordPress Editor.\r\n\r\nSetka styles allow you to quickly define how all your elements (h1, h2, etc) should look. Because you can have multiple Setka Styles, this allows you to quickly change up the look of your content on a per-post basis.\r\n\r\nGrid systems work similarly - for each post, you can choose which grid system to use. By dividing your page into different "grids", you can easily align your content in stylish ways without needing to know any CSS or code.\r\n\r\nLet's look at how these two concepts actually work in practice...\r\n<h2>How Setka Editor Works<\/h2>\r\nWith Setka Editor installed and activated, this is what your WordPress Editor looks like:\r\n\r\n<img class="aligncenter size-full wp-image-9287" src="https:\/\/pagely.com\/wp-content\/uploads\/2017\/04\/setka-editor-review-1.png" alt="Setka Editor review" width="800" height="480" \/>\r\n\r\nYour first step is to choose the <strong>Style<\/strong> and <strong>Grid System<\/strong> to use for your post. The style part is self-explanatory - but I'll show you why the grid system is so important in a second.\r\n\r\nIn the Editor, you can type and insert media just like you would in the WordPress Editor:\r\n\r\n<img class="aligncenter size-full wp-image-9288" src="https:\/\/pagely.com\/wp-content\/uploads\/2017\/04\/setka-editor-review-2.png" alt="" width="800" height="460" \/>\r\n\r\nAnd that's where the grid system comes into play. Say you want to make the image right-aligned and have it take up 33% of the page. All you need to do is click the <strong>Add Grid <\/strong>button and choose your alignment:\r\n\r\n<img class="aligncenter size-full wp-image-9289" src="https:\/\/pagely.com\/wp-content\/uploads\/2017\/04\/setka-editor-review-3.png" alt="" width="800" height="448" \/>\r\n\r\nYou can always customize how many grids your element takes up by choosing the <strong>+<\/strong> or <strong>- <\/strong>buttons:\r\n\r\n<img class="aligncenter size-full wp-image-9290" src="https:\/\/pagely.com\/wp-content\/uploads\/2017\/04\/setka-editor-review-4.png" alt="" width="800" height="461" \/>\r\n\r\nFor example, to make that same image take up half the page, all you need to do is click the <strong>-<\/strong> button on a grid:\r\n\r\n<img class="aligncenter size-full wp-image-9291" src="https:\/\/pagely.com\/wp-content\/uploads\/2017\/04\/setka-editor-review-5.png" alt="" width="800" height="471" \/>\r\n\r\nIf you're a web designer, you're probably nodding along and yelling at the screen "<strong>this is why grids are awesome!<\/strong>"\r\n\r\nBut if you're just a regular WordPress user, this should pretty mind-blowing. <strong>The grid system gives you perfect control over every element on your page in just a few seconds.<\/strong>\r\n\r\nBeyond styles and the grid system, Setka Editor also includes some page builder like features to add advanced styling to your page.\r\n\r\nFor example, you can quickly add:\r\n<ul>\r\n \t<li>Animation<\/li>\r\n \t<li>Icons<\/li>\r\n \t<li>Snippets (basically equivalent to page builder elements, but they're more flexible because you create them with raw HTML)<\/li>\r\n \t<li>Dividers<\/li>\r\n \t<li>Image galleries<\/li>\r\n<\/ul>\r\nAnd Setka Editor also includes keyboard shortcuts to make it possible to do all of this <strong>lightning-quick.<\/strong>\r\n\r\nFor example, if you defined a snippet in your Setka Styles, you could instantly insert already-styled elements like this:\r\n\r\n<img class="aligncenter size-full wp-image-9292" src="https:\/\/pagely.com\/wp-content\/uploads\/2017\/04\/setka-editor-review-6.png" alt="" width="800" height="304" \/>\r\n\r\nAnd then you could tap a few keyboard shortcuts to set up the grid system for that element.\r\n<h2>Defining Your Grid Systems and Setka Styles<\/h2>\r\nTo actually set up your grid systems and styles, you need to use the interface at Setka's website.\r\n\r\nWhen you build your grid, you can quickly select columns, gutter (that is, the space between columns), and width:\r\n\r\n<img class="aligncenter size-full wp-image-9293" src="https:\/\/pagely.com\/wp-content\/uploads\/2017\/04\/setka-editor-review-7.png" alt="" width="800" height="509" \/>\r\n\r\nSimilarly, when you define your styles, you'll be able to customize both styles and snippets, including responsive design for each item:\r\n\r\n<img class="aligncenter size-full wp-image-9294" src="https:\/\/pagely.com\/wp-content\/uploads\/2017\/04\/setka-editor-review-8.png" alt="" width="800" height="539" \/>\r\n\r\nOne thing to note is that to create snippets, you'll need to know HTML. It's not a visual builder like you might expect with a page builder:\r\n\r\n<img class="aligncenter size-full wp-image-9295" src="https:\/\/pagely.com\/wp-content\/uploads\/2017\/04\/setka-editor-review-9.png" alt="" width="800" height="407" \/>\r\n<h2>Is There Lock-in With Setka Editor?<\/h2>\r\nLock-in is something I'm always concerned about with plugins that style WordPress. That is, <strong>what happens to your content down the road if you ever need to deactivate the plugin?<\/strong>\r\n\r\nThankfully, lock-in is pretty low with Setka Editor. While you will lose your styling (pretty much unavoidable), Setka preserves the basic HTML and structure of your page.\r\n\r\nI'll throw together a quick example to show you what I mean. Here's a post built using the Setka Editor:\r\n\r\n<img class="aligncenter size-full wp-image-9296" src="https:\/\/pagely.com\/wp-content\/uploads\/2017\/04\/setka-editor-review-10.png" alt="" width="800" height="396" \/>\r\n\r\nAnd if you were to deactivate the Setka Editor, that same post would look like this:\r\n\r\n<img class="aligncenter size-full wp-image-9297" src="https:\/\/pagely.com\/wp-content\/uploads\/2017\/04\/setka-editor-review-11.png" alt="" width="800" height="441" \/>\r\n\r\nSo while you lose the custom styles - the basic building blocks of your page (e.g. the H2 header, the divider) are still there.\r\n<h2>Final Thoughts on Setka Editor<\/h2>\r\nSetka Editor is a very slick WordPress plugin. It's easier (and <strong>much faster<\/strong>) to use than a page builder. The grid system lets you quickly lay out your content and the styles make it simple to switch between aesthetics on-the-go.\r\n\r\nIf you're looking for something significantly more lightweight than a page builder, but that still allows you to design beautiful and unique pages, you should definitely play around with Setka Editor.\r\n\r\nIf nothing else, you'll get to experience a truly novel approach to styling content in WordPress.\r\n\r\nSetka's core features like the grid system and styling are free, though to get some advanced features like icons requires a monthly subscription.\r\n\r\nIf you're intrigued, <a href="https:\/\/setka.io\/" target="_blank" rel="noopener noreferrer">head on over to Setka<\/a> and check it out. And if you're interested in a more traditional page builder, you should also read <a href="https:\/\/pagely.com\/blog\/elementor-review\/" target="_blank" rel="noopener noreferrer">our Elementor review<\/a>.