GeneratePress WordPress Theme Review

GeneratePress WordPress Theme Review: The Champion of WordPress Themes In Flexibility And Power

GeneratePress is the theme I am using in the latest work I have done for my blog.

From the first moment I tried it, it was clear to me that GeneratePress would be the WordPress theme I would use in all my future projects.

Included in the future (and near) redesign of my blog.

And it is that GeneratePress puts an end to that typical situation of buying a WordPress template with a super cool demo… which later, if you don’t have the necessary knowledge, you are unable to reproduce, making you mad as hell.

Even with this knowledge, I have been tempted to send a template to fry asparagus after buying it. Repeatedly.

Do you want to know this theme’s numerous virtues and why it is 100% recommended for me?

Stay with me, and you will find out in this article. 😉

Why GeneratePress and not another theme for my WordPress?

Or, put another way: what makes GeneratePress special compared to other WordPress themes or frameworks?

There are several notable reasons that we can find among its general characteristics.

GeneratePress WordPress Theme Review

1# It is Light and Fast

Because GeneratePress in its native version comes without additional options, it has really good load times.
 
The great thing about GeneratePress in this sense is that you can install these options (the addons, which I’ll talk about later) one by one in a personal way, installing only what you are going to use or what you need.
 
So your website will only have to load the elements it is using and not any other that the developer shoehorns you in, even if you will not use it in life.

2# Clean and Efficient Code

The guys at GeneratePress have spared no effort in this regard, so their theme is perfectly optimized as far as the code is concerned.
 
Not only have they used the latest and most stable programming practices to develop it, but, according to its official website, the WordPress developers have reviewed and approved the theme, guaranteeing its cleanliness and efficiency.
 
They have included microdata in the code as if all this were not enough. These are small pieces of code whose mission is to facilitate your website’s communication with Google when the search engine crawls your web page.

«Okay, very good, Bharat… and what is all this for?»

Well, in a nutshell, all this is useful to promote the SEO of your website.
 
Great, right? None of us feel bad that Google loves us.

3# Responsive Web Design

GeneratePress is perfectly optimized to be viewable on any mobile device and at any screen resolution.
 
You already know that these times, accessing a website from smartphones or tablets is the most normal thing in the world. So having a website that adapts to all types of devices has gone in a few years from being something optional to mandatory (and, by the way, Having a responsive website is compulsory for SEO purposes).

4# Compatibility with the Most Relevant WordPress Plugins

Not all themes have compatibility with such important plugins as:
 
·        Woocommerce (electronic commerce).
·        WPML (webs multilengüaje)
·        bbPress (create forums and communities)
·        BuddyPress (create your social network)
 
However, GeneratePress is compatible with all of them. So if you need to implement any of these everyday features in your project.
 
It also serves as a solution for your design, guaranteeing you won’t run into any problems along the way. 
 
Oh! And it is also compatible with the main browsers most used today (Explorer, Firefox, Chrome, Safari, Opera…)

5# Includes more than 600 icons

Do you know Font Awesome? It is typography that contains more than 600 icons, which you can include at your whim and depending on your needs in your design.
 
GeneratePress already contains Font Awesome by default, so you’ll have this large number of icons to make your website or blog more unique and special without having to install anything or implement the Font using CSS code.

6# Ease of use and high Flexibility

For me, this is the strongest point of GeneratePress and why I consider it far above the rest of the themes (I would even dare to say frameworks) existing for WordPress today.
 
Until now, I haven’t come across a theme that is as good in terms of ease of setup and design and customization who are clueless about touching code and developers with more advanced knowledge.
 
In this sense, it could be said that GeneratePress borders on perfection.
 
Don’t worry. I’m not going to just tell you lip service, of course.
 
I will prove it to you later with facts (the way I like it, wow).
 
But first, I must answer a fundamental question so that you can follow the article keeping in mind a previous important factor. 😉

Is GeneratePress a free or paid theme?

GeneratePress is free… but not entirely.

I explain.

You can download the template completely free of charge from its official website or the WordPress repository.

Addons that, of course, are paid.

You can buy them individually at $10 each, or (the recommended option) the pack to get them all is priced at $39.95.

But I assure you that it is well worth paying those few dollars since, thanks to it, you have the right to:

Unlimited updates.

Unlimited support. Very good support, by the way. Probably the best I have found so far for a template. They answer all your questions or doubts super fast and with detailed explanations.

Infinite installations. With a single payment, you have a license to install GeneratePress on as many websites as you want.

Keep in mind that on WordPress theme marketplaces like Themeforest : The price of a WordPress theme is around $49 – $59 on average. Paying that price only entitles you to support for a certain number of months (before the purchase, you are unaware of its quality).

In ThemeForest, there are as many supports as there are different templates, and I assure you that you will find some that take days or weeks to answer your questions).

The license you purchase only allows you to install the template on a single website.

The vast majority of those themes you buy on this platform don’t have a quarter of the flexibility to make different websites that GeneratePress does (not to mention the ease of use of its control panel).

Does paying 39.95$ for GeneratePress seem expensive?

I think it is not at all.

I would say more; I think it is extremely economical.

And more than 580,000 people who have already downloaded GeneratePress to this day agree with me.

But, in case you still have doubts, I want to clarify them by discovering below everything you can do with it. 😀

What can I modify on my website and blog with GeneratePress without touching a single line of code?

More things than you imagine at first, I guarantee it.

As I have told you before, the degree of customization without touching code and the simplicity of its panel to make modifications in real time seem to me to be the two things that make GeneratePress stand out far above other templates or frameworks created for WordPress.

I will see with you all its options, both those that come in the free version and those that incorporate the add-ons.

Important note: If you buy the add-ons, you must install them as if they were plugins. First, you would have to install the GeneratePress theme like any other normal theme, and then the addons must be installed separately as a plugin (which will only work with that theme installed in your WordPress).

Then, if you follow this guide with me, with the GeneratePress theme enabled, head over to Appearance – Customize.

If you have installed the addons, the first thing that will appear are checkboxes for you to indicate which ones you want to activate. We are going to activate all of them for this article.

With that said, let’s get down to business…

1# Site Identity

Here you can define your site title and a short description if you don’t have any logo to post.
 
But if you have it (in fact, from my point of view, you should have it.), publishing it on your website is as easy as choosing it and uploading it through the dialog box.
 
Best of all, unlike other templates, GeneratePress will respect the size of your logo, whatever it is, without distorting or cutting it or other strange things of this type that happen with other WordPress themes.
 
In this section, you can also modify the favicon of the site. As with the logo, you must select the image to upload that contains your favicon where it says “Site icon.”

2# Design

The options available in this section are:
 
Container width: set the width of the main container of your website and your blog. With the slider bar, you can set the width that you consider appropriate or like the most.
 
Header Width: Used to set the width of the Header only. It gives you two options: full screen (Full) or adapted to the main container’s width established in the previous section.
 
Header Alignment: you can set how your logo will be aligned within the Header (left, center or right).
 
Navigation width: Set whether you want the main menu bar to be the full width of the screen or stick to the width of the main container.
 
Navigation Position: You can also change the position of this navigation bar where the main menu is located. The available options are under the Header, above the Header, floating to the right or left in any web sidebars or deleting it. This main menu does not appear by choosing the “No navigation” option.
 
Navigation Alignment: You can align the menu items to the left, center or right.
 
Navigation Menu Dropdown: Specify how you want the submenus to open within each main menu item. You can tell GeneratePress to open them for you by hovering the mouse cursor over (Hover), by clicking on the corresponding parent menu item (Click – Menu Item) or by clicking on the arrow of the parent menu item (Click – Arrow).
 
Navigation Search: Introduces a button with the icon of a magnifying glass in the same navigation bar that, by clicking on it, makes a search bar appear or disappear.
 
Content Layout: You can set whether you want the Header and Content to be in separate containers or a single container.
 
Sidebar Layout: Decide what the overall sidebar layout will be. Consider several options, such as the sidebar being on the left or the right, that there is none, that you have two sidebars, or publish both on the left consecutively.
 
Blog Sidebar Layout: Same as above, but set a specific sidebar layout for the blog.
 
Single Post Sidebar Layout: Same as the previous two cases, but choose how you want your blog posts to be laid out this time.
 
NOTE: within each entry you make, you can also set this design individually in the options you will find on the right of your WordPress administration panel.
 
Remember I already told you that the theme’s flexibility was the cane?
 
Footer Width: Similar to the header or navigation bar, this option allows you to tell GeneratePress whether you want your Footer to fit the size of the parent container or the full width of the screen.
 
Footer Widgets: Set how many different widgets (from 0 to 5) you can post in the website’s Footer.
 
Button return to top: decide if you want that; when you scroll the mouse wheel, a button appears at the bottom right to return at any time to the top of the web or blog.

3# Colors

I think it’s pretty clear what can be done in this personalization section of GeneratePress… isn’t it?
 
You can change all the colors you can think of from this section. Not only the basic ones but also those referring to the elements included in:

Header Colors
 
·        Main Navigation Menu (Navigation Colors)
·        Main Navigation Submenus (Sub-Navigation Colors)
·        Content (Content Colors)
·        Colors of the widgets included in the sidebar (Sidebar Widget Colors)
·        Colors of the widgets included in the Footer (Footer Widget Colors)
·        Footer Colors
·        Form Colors (Form Color)

I am not going to explain the colors that you can change in each thing one by one so as not to be repetitive or lengthen the post a lot. I leave you an image taken from the official GeneratePress page so you can see it yourself.

Impressive, right?

In case your English is not very good, or you don’t even know what CSS is, I want to leave you with a small list of the different points you can find within each of the elements mentioned before. So you will have a little reference about it.

Background color: background color of the element to modify.
 
Text color: text color.
 
Link color: the color of links to other pages.
 
Link color on hover: the color of the links when hovering the mouse cursor over them.
 
Link color when visited: the color of the links once the user has previously visited them.
 
Site title color: site title color.
 
Tagline color: the color of the site description.
 
Background color on hover: The color of the background of a container or element when hovering over it with the mouse cursor.
 
Background color or Text color when currently on a page – The color of the background or text of a menu item when the user is on that page.
 
Content title: the color of the titles of the pages.
 
Blog post title: the color of the titles of your blog posts.
 
Entry meta text or meta link color: the color of the texts and links of the metadata of the entries (such as the author’s name, post category, labels, etc.)
 
Heading: Color of the different headers (h1, h2, h3, etc.)
 
Background color on focus/hover: Colors of your form fields when you hover over or click on them.
 
Border color: the color of the borders of an element.
 
Widget title: the color of the titles of each of the widgets in the Footer or sidebar.

4# Page Header

This is a very simple section in which you can set the position of the headers individually on the pages (Page Header Position) and in your blog’s articles (Single Post Header Position).
 
You can select to place these headers above the main container where the Content is published (Above Content Area), inside the main container (Inside Content Area) or below (Below Content Area).

5# Spacing between Elements

GeneratePress also allows through this section that you can easily define and customize all the spacing between the different containers that make up your design to your liking.
 
The spaces in question that you can modify from here are:

·        Header spaces.
·        Main container spaces.
·        The separation between different containers.
·        Spacing of both menu items and submenus items.
·        Spaces for all widgets, both sidebar and Footer.
·        The width that your sidebars will occupy in percentage, both the right and the left.

6# Advanced menu options (Menu Plus)

Another last option is personalizing the menus of your website and your blog.

From here, you can set things such as:

  • The title will appear on your menu on mobile devices.
  • Make the main menu sticky at the top of the screen when you scroll with the mouse using the “Sticky Menu” option.
  • Enter your logo in the menu.
  • Transitions and effects for you to choose how you want to make the fixed menu or the logo appear and disappear within the menu.

7# Background Images

It is used to publish background images for the different containers and elements of the main structure of the web.
 
It’s freaky. Because you can put background images and set all their CSS properties one by one, this addon has worked very well so that those background images are displayed as you want without causing any problems.

You can implement background images in:

  • The body of the web.
  • The Header.
  • Menus, submenus and all the elements that compose them.
  • The main content container.
  • The areas where the widgets can be placed (sidebar and Footer).
  • The Footer.

Of course… designer advice: do not abuse these background images and use them with a minimum of criteria. In many cases, the results can be catastrophic, especially regarding readability. 😉

8# Fonts (Typography)

Another fantastic addon allows you to set different fonts for every one of the web elements if you wish.

You can change the Font or font sizes of:

  • The body of the web (what would be the main Font by default).
  • If you do not have a logo, the image, the title of the website and a short description.
  • Navigation menus and submenus.
  • The titles of the articles, paragraphs and everything related to the Content in general.
  • The titles of the widgets.
  • The texts you put in the Footer.

9 # Design of your Blog

Modifying your blog’s design has never been easy, and has so many different options to choose from within the same template.
 
This GeneratePress addon allows you to perform the following tasks:
 
Decide what data (date, author, category, tags, etc.) you want to show in your posts and change the text of the “Read more” tag.
 
Show in the index the complete entry or just a summary, being able also to establish the number of characters that it will occupy.
 
Set how many columns you want your blog’s main page to have or if you prefer to give it a Masonry-style design.
 
Decide if you want featured images to display in your articles and their placement (above or below the article title), alignment, and default size.

10# Secondary Menu

As with the main menu, in this section, you can modify everything related to the secondary menu that appears in many blogs (normally, in a smaller size than the main one).
 
Everything we have seen previously is also modifiable in the secondary menu:
 
Location, alignment and layout (full width or with the size of the main container).
 
·        Fonts (font type and size)
·        Text colors and background of menus and submenus.
·        Height of the menu and spacing between the elements that form it.
·        Background images for the menu and its different elements.
 
As I said before, this is all that can be modified without touching code from the Appearance – Customize menu of WordPress.
 
But that doesn’t mean this ends here.
 
There are more customization options within each page and entry to, if you want, give a unique touch to those contents that you are interested in changing its style for whatever reason.
 
If you enter, for example, in an article that you have created on the blog, you can find the following options on the right side of your WordPress:

11# Sidebar Layout

It is used so that you can put a design other than the one you have established by default on a certain page or blog post.
 
These designs are the same as the ones I showed you in point 2#. I leave you an image of all the possibilities you have to refresh your memory and save yourself a scroll up. 😛
 
If you select “General Layout Settings,” what will simply happen is that it will display the same structure/layout that you have selected in the GeneratePress options.

Just as you can configure the layout, the same goes for the number of footer widgets you can customize for a particular article or page on your site that you want to be different.
 
This option is also on the right, just below the “Sidebar Layout” option.

13# Disable Elements

Another of the GeneratePress addons that I think is a real success to include by the developers.
 
With it, you can enable or disable different elements of the basic structure of the web, such as:
 
·        The Header.
·        The primary navigation menu
·        The secondary navigation menu
·        Header image or featured image of the post
·        Title of the page or article.
·        The Footer.
 
To do so, check the box in question within the article or page you want on the right side of its editing window.

14# Page Header

In GeneratePress, it is possible to set different header layouts for different pages. This can be done through the “Page Header” option that appears just below the native WordPress text editor.
 
Through this section, you can establish a header for a specific page or blog entry with:
 
A background image, configuring if you want the image to be full width, full screen, with a parallax effect, center it, etc.
 
Personalized Content within it, being able to do whatever you want if you know a little basic HTML.

15# Fullwidth Sections

Last but not least, through the “Generate Sections” addon, you can generate fullwidth sections on your pages or posts.
 
You must first enable the sections in the article or page where you will implement them. Something as easy as going to the page or article in question (or creating a new one) and, on the right side, where it says “Use Sections,” choose “Yes” to indicate that you are going to use the sections in that Content.
 
After this step, the fullwidth section configuration menu will automatically appear just above the native WordPress text editor so you can create as many as you want.

In that menu, you can choose for each section:
 
Whether you want it to be fluid (full-screen width) or fit the parent container.
 
·        General spacing about the Content within the section.
·        Background color.
·        Background image.
·        If you want to give the section a parallax effect.
·        Color of text and links.

What? How did you stay with so many design customization options?

But don’t go, there’s still more…

If you are a developer and you are into playing code… GeneratePress is also for you.
 
This is the most wonderful thing about GeneratePress, without a doubt: they have thought of people with no knowledge of web design and programming as well as more expert developers.
 
Focusing on this second group, they devised the two addons I needed to talk about in this guide: Import/Export and Hooks.

1# Add-on Import/Export to save your designs and implement them in other projects

Imagine that the design of a website you have done with GeneratePress for a client has made another fall in love, with the exception, of course, that you have to put your Content, logo, images, etc.
 
Well, instead of recreating the website from scratch, it’s as easy as using this addon to export the design in your old project already finished and put it in the new one without having to spend a good number of hours doing it again. 
 
The same happens if a client asks you to make a series of modifications to his project.
 
To heal yourself, you can use this feature to save a copy of the entire design before making changes in case the client wants to back out later.
 
Time is gold, my friend. I already told you when I told you about the problems that will happen to you if you try to create a website and a blog by yourself without having a clue.
 
So, as long as you can win it… well, welcome.
 
Whenever you want to use this addon, you can find it in your WordPress admin panel under “Appearance – GeneratePress.”

1# Add-on Import/Export to save your designs and implement them in other projects

Imagine that the design of a website you have done with GeneratePress for a client has made another fall in love, with the exception, of course, that you have to put your Content, logo, images, etc.
 
Well, instead of recreating the website from scratch, it’s as easy as using this addon to export the design in your old project already finished and put it in the new one without having to spend a good number of hours doing it again. 
 
The same happens if a client asks you to make a series of modifications to his project.
 
To heal yourself, you can use this feature to save a copy of the entire design before making changes in case the client wants to back out later.
 
Time is gold, my friend. I already told you when I told you about the problems that will happen to you if you try to create a website and a blog by yourself without having a clue.
 
So, as long as you can win it… well, welcome.
 
Whenever you want to use this addon, you can find it in your WordPress admin panel under “Appearance – GeneratePress.”

2# Add-on Hooks to add HTML, PHP or shortcodes wherever you want

Imagine now that after each page or blog post content, you want to insert a subscription form.
 
You could create your code in HTML and PHP and copy it all over the pages and articles one by one.
 
Going and « Appearance – GP Hooks » and copying it only once in the « After Content » section would be more than enough.
 
But not only in this part can you enter code snippets, but within the section that I mentioned in the previous paragraph, you can also include them:
 
·        In the wp_head file
·        Before Header
·        Before the Content inside the Header (Before Content Header)
·        After the Content inside the Header (After Content Header)
·        After the Header (After Header)
·        Inside the main content container (Inside Content Container)
·        Before the main Content (Before Content)
·        After the title of a blog post (After Entry Title)
·        After the main Content (After Content)
·        Before Right Sidebar Content
·        After Right Sidebar Content
·        Before Left Sidebar Content
·        After Left Sidebar Content
·        Before the Footer (Before Footer)
·        After Footer Widgets
·        Before Footer Content
·        After the footer content (After Footer Content)
·        In the wp_footer file
 
As you will understand, the possibilities of different designs with GeneratePress become infinite.
 
But, if you still don’t have enough… there’s more!

3# Simple CSS. An interesting add-on plugin created by the developer of GeneratePress

If you still want to customize the layout more than the appearance options allow within the WordPress dashboard, you can install the Simple CSS addon plugin.
 
This will install a very friendly interface within WordPress similar to that of the Sublime Text editor. You can modify the styles of specific elements of a page or a specific article (or create new ones).
 
The good thing about this plugin is that it perfectly complements GeneratePress since its creator… is the same!

4# You don’t like or don’t want to pay for the add-ons?

You can also make your child’s theme from scratch and without help.
 
This will take a lot more effort and time. But, if you are a web designer or developer, you may prefer to work this way.
 
GeneratePress only has one small snag… which has an easy remedy
As I said before, for me, GeneratePress is close to perfection. And I say this knowingly.
 
The only downside I’ve found so far is that if you use the full width sections section, there are compatibility issues with the Thrive Content Builder visual editor (actually, I think it’s a problem with any content editor/builder). 
 
More than a problem, it seems to be a small problem that has two possible solutions that are easy to implement:
 
Use the fullwidth section builder that Thrive Content Builder has included in its editor for some time now.
 
Use Thrive Leads, and generate the Content you want there. This will generate a shortcode that you can include in your GeneratePress fullwidth section with no problem. 😉

Logically, I talk about this drawback because I work with these three tools in my clients’ projects.
 
To end…
 
As you can see, the flexibility and power of GeneratePress have no competitors in this regard today. Or at least I haven’t met him.
 
Hence, it has been cataloged as the champion of WordPress themes.
 
I have not known any template for this CMS with so many configuration options that are so easy to implement, have good performance in terms of loading speed, and clean code and with which you can design websites that are so different from each other.
 
I sincerely encourage you to try it. And, if you find something better, I also encourage you to let me know so I can make a comparison between both options. 😉