Astra vs Genesis Theme Review

Picture of Magnifying Glass over Outline of a House with text: Astra vs Genesis Theme Review

Note: As of August 2022, UAG was replaced by the Spectra plugin, which broke backward compatibility on nearly every client site. For this reason, I am researching WordPress themes that are more stable than Astra.

After many years of designing WordPress websites, it’s time to write an Astra vs Genesis theme review.

And because I’ve worked with dozens of WordPress themes over the years, I’ve been able to narrow my toolbox down to the two best themes on the market: Astra and Genesis.

Chances are you landed here because you are undecided which one of them to choose for your next WordPress website.

And that’s why this Astra vs Genesis theme review can help with your decision.

But to be completely honest, comparing Astra with Genesis is like comparing apples to oranges.

I am not kidding ~ they are that different!

And it makes all the difference in the world whether you plan to do it yourself or hire a web design pro to help.

DIY or Hire a Pro?

Whether you hire someone or do it yourself, you’ll want to build your site with a stable and well-performing WordPress theme.

That’s why I can confidently recommend either Astra or Genesis for your next web design project.

But you’ll want to do your own research to see which theme will be best suited for you.

Learn Gutenberg

Before we even get into the discussion of these two themes, I strongly encourage you to take time to learn Gutenberg if you haven’t already done so.

It’s the new block editor that is part of the WordPress core framework.

And it’s way more easy to use than the Classic Editor many of us have worked with for years.

If you hire a designer, make sure she knows Gutenberg, too!

Choose a Gutenberg-Friendly Theme

And be sure to choose a Gutenberg-friendly, well-supported theme like Genesis or Astra.

Both of these themes keep up with constant WordPress and PHP changes.

And there is a large community of developers, designers and support available to help with them.

Astra vs Genesis Theme Review

While both are excellent frameworks for your new site, each has their pros and cons.

In this post I will also discuss the products Genesis Pro and Astra Pro.

Genesis Pro is available as an add-on for all Genesis WP Engine plans.

Astra Pro is a premium plugin that extends the features of the free Astra theme.

So please don’t confuse them with the “pros” and “cons” I discuss next.

Genesis Pros

I’ve built many Genesis sites over the years.

And what I love about Genesis is that it is SOLID.  

The framework has been around since 2010 so the code is mature and well-documented.

And because of that:

  • There is a huge pool of developers around to help with theme customization and custom code
  • Support issues are few and far between
  • Emerging website trends and Gutenberg are at the forefront
  • Genesis Pro promises to bring a full site editing experience with the Gutenberg block editor
  • Genesis Pro helps you create custom layouts that are simple to use with no code required
  • Genesis Pro offers block permissions, a beautiful design library, portfolio layout and content block library

So Genesis is a serious consideration for anyone looking for a fast and well-coded WordPress theme.

Genesis Cons

Be aware that Genesis today has a steeper learning curve than Astra.

Tasks that are easy to do in Astra are difficult for beginners in Genesis and typically require extra coding.

For example:

  • Font or color changes
  • Sticky headers
  • Blog and blog archive layout customization
  • Footer widget/bar configuration
  • Basic edits for header/footer scripts
  • Extra styling

So by now I’m sure you can see Genesis is geared more toward designers and developers.

And if you are neither, you will have to search the internet for various code snippets to do things like create a sticky header.

Then risk breaking your site if you make a mistake adding that code snippet.

My experience has been that Astra is faster-loading if not just as fast as Genesis.

But don’t just take my word for it.

You’ll want to check out the head-to-head speed tests between Astra, Divi and Genesis in this post on BlogAid.

Astra Pros

Astra with Gutenberg is really great to work with.

You’ll likely find that Astra is way more intuitive than Genesis.

And it comes bundled with a library of Gutenberg starter sites that get you up and running quickly without any sort of coding.

Now it’s not necessary to choose a starter site when you switch to Astra.

If you know Gutenberg, you won’t even need to import a starter site.

All you need to do is install Astra free theme and create a child theme.

From there you’ll be able to build out your home page using the Gutenberg block editor.

I’m confident you’ll find that the interface is slick and well thought out.

And it’s so easy to style.

Astra Pro Plugin

That said, I highly recommend and use Astra Pro plugin on every Astra site I build.

The combination of the customizer and Astra Pro is quite robust and gives you the following features:

  • A variety of footer widgets and configurations
  • Ability to customize your archive as well as blog single post layout
  • Custom layouts to add 404 page, FB Pixel Code, Google Analytics and more without adding another plugin
  • A variety of site layout options that extends the free Astra theme
  • Mobile header options for different menu styles, colors and header breakpoints
  • Scroll to top option without adding a plugin
  • Integration with WooCommerce, Easy Digital Download, LeanDash, and LifterLMS
  • Easy styling of font color, size and style
  • And so much more!

Take a look at my in-depth post on getting started with the Astra Pro Plugin for detailed examples and demos.

Two Short Demos on Customizing Astra

Since a picture is worth a thousand words, I created a few short animations that show you how easy it is to customize your Astra site.

Demo 1: Customize Astra Blog Archive Layout

How about changing your blog archive layout?

I’m talking about layout format, post structure, meta data, colors, titles and more.

Easy!

Take a look:

Animated GIF Demo How to Open Customizer for Blog / Archive Settings

For an in-depth look at customizing your Astra blog archive post see this post.

Demo 2: Arrange Astra Blog Metadata

Look how you can easily show, hide or rearrange your post metadata:

Animated GIF that shows how to reorder Astra Meta Data on Blog Layout

These examples are just a few of the many simple ways you can customize your Astra website.

Astra Cons

Of course no theme is perfect.

In order for this Astra vs Genesis review to be complete, I’ll share some of the struggles I’ve had with using Astra.

Astra was introduced in 2017 therefore its code is still evolving.

And I faithfully use the free Ultimate AddOns for Gutenberg (UAG) plugin and premium Astra Pro plugin on every site I build.

Note: As of August 2022, UAG was replaced by the Spectra plugin, which broke backward compatibility on nearly every client site. For this reason, I am researching other more stable WordPress themes to recommend.

Ultimate AddOns for Gutenberg provides a nice library of blocks that extends the basic Gutenberg blocks.

But this combination has led to a few issues that have been challenging at times.

For example:

  • Astra theme that keeps changing
  • More support requests than Genesis
  • Slower turn-around time for responses
  • Ease of styling leads to DIY theme mistakes that affect responsiveness
  • UAG Conflicts with caching plugins such as WP-Fastest-Cache Premium
  • UAG underlying core code changes that affect previously published pages/posts
  • Feels like you are helping Brainstorm Force (the team behind Astra) debug their theme and plugins

Spectra Plugin Release was a Disaster

In our industry, we refer to working with emerging technologies as the “bleeding edge.”

And it definitely feels like that sometimes.

The recent rebranding of Ultimate AddOns for Gutenberg (UAG) to Spectra was a painful transition for most site owners August 2022 Though Spectra touted backward compatibility for existing sites, that wasn’t the case at all.

Nearly every site that was built with UAG had broken layouts once Spectra was activated and replaced UAG.

And if your site was heavily customized, you likely had to go back to the drawing board to fix your Custom CSS because of the changes made to the plugin.

Astra support struggled to stay on top of all of the support requests and complaints as they pushed out patch after patch once the plugin was released into the wild.

Spectra seemed to work better on new sites, though, so newer owners didn’t feel the pain like those of us who expected a smoother upgrade path.

Your Decision – Choose Wisely

Astra is one of the easier and more robust WordPress themes out there. And it works well for DIY website owners.

To that end, I’ve put the Astra theme through its paces. The theme itself is stable and the Astra Pro plugin extends functionality of the theme.

However, be advised that major releases to the theme, plugin, or Spectra page builder are generally very buggy. Eventually the issues are resolved, but getting to that point can be painful.

Avoid Beginner Design Mistakes

We all are beginners with WordPress at one time or another.

And there is so much out there that is can be confusing to know where to start with your own theme design.

Whether you choose Astra or Genesis, be sure to watch my live chat with MaAnna of Blogaid where we discuss common design mistakes that beginners make.

In that chat we also cover the pros and cons between Astra and Genesis.

Astra Design Tips

We had so much information to cover that we decided to do another chat to discuss getting started with Astra and Gutenberg.

In that chat you’ll learn practical steps to get you started with your Astra website design using the Gutenberg block editor.

Free Astra Training Resources

So, if by now you’re convinced that Astra is for you, I’ve developed some free Astra training resources to help you get started.

That includes:

Astra Articles
Astra Video Tutorials

Similar Posts