Skip to Content
Main Content

Hiker Looking Out Over Mountains

Jenna Dehn

UX/UI Web Designer & Developer

Jenna works directly with clients to understand their challenges and goals in order to develop working solutions to any marketing or design struggles. She specializes in developing wireframes and prototypes with a strong focus on UX/UI design and works closely with Northwoods' digital strategists to ensure that strategy doesn’t get lost in the design phase of projects. Jenna also has experience in designing for data and creates stunning page layouts that showcase complex product information in a digestible format that allows any user to easily find the information they need. She also enjoys creating infographics, digital display advertisements, and illustrations to enrich marketing collateral.

Templates vs. Page Builders vs. Gutenberg

February 14, 2019 | Jenna Dehn, UX/UI Web Designer & Developer

5 Minute Read

Managing a website is not as scary as it used to be. It doesn’t hurt to know HTML, CSS and JavaScript, but you don’t really need them to build a website. Today, we rely on content management systems, such as WordPress, to manage websites. We need not know how to code.

But content management systems all work differently, and WordPress allows users to build websites in different ways.

Purchasing Templates for WordPress Websites

Building a WordPress website can be as simple as going to a site such as Theme forest and choosing a template. You can browse through thousands of templates to find one that works for you. Then you purchase the template, which becomes the foundation for your website.

Purchasing Templates

Templates used to be the most popular way to build WordPress websites. They’re easy, but very limited. Sure, you can change the color, content, and images to match your brand. But templates tightly constrain customization, especially for site owners who can’t code. So preview each template before you purchase it. What you see is what you get.

Web templates

We all know that images can make or break a website, but don’t choose a template solely because of the visual appeal of its images. Consider your own content and images. Searching through thousands of templates trying to find one that looks good to you is only half the battle. Your content should be the most important component of your website; the design should accommodate your information, not the other way around.

With that in mind, let’s survey the pros and cons of the template approach.

Benefits of WordPress Templates

  • You can choose from lots of options, and those options are easy to search by industry or functional needs.
  • Quick starts. With the click of a button, you have a full design to work with.
  • You don’t need to know much code, although it wouldn’t hurt to have some working knowledge.
  • You can preview the templates and get a pretty good idea of how a website will look.

Downsides of WordPress Templates

  • Your content needs to conform with the constraints of the design, unless you can code well enough to customize.
  • You may end up with a cookie cutter design.
  • The template you choose should come with documentation that clearly outlines the functionality of the template, because support is limited and costs money. Not all templates have such documentation.
  • Templates can be hard to learn. Simple updates to sliders or content might be more challenging than expected.
  • Many templates rely on third-party plugins for some functions. These require management and must be updated with the theme, and this can cause problems.

Using Page Builders with WordPress

Such page builders as Beaver Builder, Visual Composer or Divi offer a little more design flexibility. These builders allow you to create completely custom website designs without knowing any code.

The builders give you all the tools you need to create your website. For example, in Beaver Builder, you would begin by adding rows and columns to your page. This helps you lay out your content.

Page Builders

Because Beaver Builder uses a block-based approach, you would then select a module from the block library by simply dragging and dropping it at the desired place on the page.

Block libraries

Block page

Page builders can feel a lot more intuitive than working with the more rigid structures of templates. Page builders also allow you to save pages, blocks, rows, and columns into your own personal block library, so it’s easier to reuse content.

Benefits of Working with Page Builders in WordPress

  • More design flexibility. You can create a unique website for your business.
  • The content can really shine, as it no longer needs to conform to template constraints.
  • Working with page builders is more intuitive for many users. No more hunting for hours just to make one simple content update.
  • Instead of purchasing a new template for every redesign, you can create many different looks with the same tool.
  • You can easily copy, move, and edit rows of content throughout your website.

Cons of Working with Page Builders in WordPress

  • You start with a blank canvas, so you need to have a clear vision (and a good eye for design).
  • The vast number of options can overwhelm, at first.
  • It is easy to get carried away with all the many design options; exercise discipline and remain consistent in your design throughout the entire website.
  • Some page builders add functionality through third-party plugins. (But page builders should decrease the number of plugins you need overall.)
  • Page builders can be more expensive than themes and often incur a yearly fee.

How Does Gutenberg Work?

Gutenberg is the new default WordPress editor. It behaves like a very simple page builder that allows you use blocks to add and arrange content. It does not offer nearly as many options or flexibility as current page builders, but it is a good starting point. Eventually, Gutenberg may eliminate the need for templates and page builders, but that is a long way off. Right now, Gutenberg merely provides WordPress users with a better content editor than they had before.

How Do Gutenberg and Page Builders Differ?

  • Gutenberg does not currently offer a true drag-and-drop experience. Users can add blocks and move them up or down, but they cannot create complex layouts by adjusting heights and widths. They can’t add blocks inside other blocks.
  • Gutenberg does not provide a live preview of your post or page. Page builders have the advantage, here; They give you a live preview as you make edits, so you see EXACTLY how content will display without saving or previewing the page.
  • Gutenberg does not allow video backgrounds, which are easy to create with page builders.
  • Page builders typically come with more block options than Gutenberg.
  • The blocks in Gutenberg come with limited styling and formatting options. You must add custome CSS for additional styling and formatting.
  • Gutenberg helps you manage and display the content you create. Page builders take it a step further with easier, more sophisticated ways to edit the page layout.

So, what is the best way to build your WordPress Website?

This depends on your time, goals, staff and business needs, but to me templates are becoming antiquated. I recommend moving toward a page builder.