WordPress

GeneratePress Premium Review

Before I start this overview of the GeneratePress WordPress theme, I’d love to introduce myself and why you will have to believe my opinion.

Hi, my identify’s Ben, and I’ve been the usage of WordPress for nigh on 10 years; in that period of time, I’ve observed and labored with quite a few WordPress plugins and topics. Some just right, some unhealthy.

While I’m now not a developer, I will spot a top quality WordPress product from a mile away, I overview topics/plugins out of your standpoint. 

That of a client, no complicated coding articles, simply truthful to goodness critiques and verdicts.

When the group at Namecheap requested me what I’d like to study for them, GeneratePress sprang to thoughts. 

I’ve been the usage of it for ages, and it’s a no brainer for me in occasions of the first-ever overview at Namecheap.  

Well, that’s me over with; expectantly, you’ll experience this overview of the GeneratePress Premium theme.

What is GeneratePress?

To the uninitiated, GeneratePress is likely one of the hottest WordPress topics to be had. 

With a staggering quantity of downloads on WordPress.org and over 200k lively installations, likelihood is that a few of you could smartly have heard of it. 

Coupled with over 900 5-star opinions at the theme checklist web page, the GeneratePress theme is not just fashionable, but it surely’s additionally smartly gained on the subject of opinions. 

So Can All These Reviewers Be Wrong?

Is the GeneratePress theme in reality all that?

Well, even if the GeneratePress WordPress theme is loose to obtain to get probably the most out of it, you’ll want the GeneratePress Premium plugin. 

Which by the way is what this overview is all about, GeneratePress Premium. 

Installing and Setting up GeneratePress Premium

With any overview, I carry out I love to take it from the start, on this case, putting in GeneratePress and, in fact, the top class plugin. 

This method, you may have the entire data you wish to have if you make a decision the product is price your funding, the extra data you may have, the extra you’ll be able to make the proper selection. 

Installing the GeneratePress theme is as simple as you’d come to be expecting. Search for the theme within the admin backend, like the picture above, or obtain it from the WordPress Repo. 

Heading on over to the GeneratePress web page, I’ve logged in and grabbed my reproduction of the plugin to allow top class capability. 

Now to put in and turn on the Premium plugin, be sure you reproduction and paste your license key, you’ll want this to obtain updates.

That’s it we’re accomplished with putting in, great and simple and who doesn’t like simple?

GeneratePress Premium Settings

This is the place the beef of GeneratePress Premium comes into play. Via a easy checkbox, you’ll be able to turn on particular capability in your weblog/web page. 

The wonderful thing about that is you solely wish to turn on what you’re going to make use of, let’s check out what modules are on be offering.

GeneratePress Premium Features

There’s reasonably a little bit to hide right here, and I feel you’re going to like the options that GeneratePress Premium gives. So let’s take a deep dive into what precisely is on be offering. In no discernable order.

Site Library

Stuck for creativity? Activating the Site Library module will encourage you. 

It’s right here you’ll be able to discover a choice of top of the range pre-designed GeneratePress designs in a position to put in on the click on of a button. 

There’s one thing for everybody right here, from minimum designs, WooCommerce store designs, blogs, and extra. 

You can preview the entire designs by way of the backend and the usage of the navigation arrows, undergo them separately.

Here you’ll be able to backup current Customizer settings and reinstall them for those who’re now not happy with how the web page appears. 

Installing method including demo content material, at the side of a listing of widgets/plugins the theme comes bundled with and makes use of for the design. 

As the screenshot suggests, the usage of the web page library is beneficial for a contemporary set up of WordPress. 

If you employ Elementor or Beaver Builder, there are extra crowd pleasing designs at your disposal. All in a position to put in along with your web page builder of selection. 

Background Module

By activating this module, you’ll have get admission to to a brand new menu merchandise within the WordPress customizer known as Background Images.

Here you’ll be able to upload background photographs to precise spaces of your web page. The choices to be had are Body, Header, Primary Navigation, Primary Sub-Navigation, Content, Sidebar, and finally, the Footer. 

For each and every house, there are a couple of extra choices. All to be had during the customizer. Upload a picture, come to a decision whether or not or now not you’d like to copy the picture, both on an X or Y-axis.

Choose the dimensions of the picture, the way you’d adore it connected, and finally, the placement of your background symbol. 

If you’d love to get fancy along with your menus, the Primary Navigation and Sub Menu Navigation choices have a couple of extra settings to be had. 

Here you’ll be able to make a choice a background symbol for a menu merchandise, the hover symbol, and a picture for the present choice of your menu. 

Blog Module

Despite the reasonably ambiguous sounding Blog module, it’s right here you’ll be able to make some actual adjustments to the format of your web page. 

A wealth of choices are to be had right here, for both the archives which area your content material all over to the one show of a weblog submit.

Each customizable component has a heading, so you realize precisely the place you might be within the customizer.

Content Options

This segment offers with the content material of each the archives and the one submit. A snappy click on at the menu merchandise permits you to transfer between the 2.

For Archives:

  • Content-type, make a selection an excerpt or complete content material.
  • Excerpt phrase rely.
  • Specify textual content for the Read extra label.
  • Choose to show the learn extra label as a button.
  • Hide or show the submit date, submit classes, submit tags, remark rely.
  • Lastly (a fab function) use endless scroll for posts, the consumer scrolls down extra posts load. 

For Single Posts:

  • Hide or show the submit date, creator, classes, tags, and submit navigation. 

Featured Images

Another nice function is the facility to change the featured photographs on archives, unmarried posts, and pages. 

Archives, Posts, and Pages Featured Images

  • Choose to turn or cover featured photographs on archives.
  • Location of the picture, both above the identify or underneath.
  • Alignment, make a choice from the middle, left, or appropriate. 
  • Attachment dimension, choices for a wealth of symbol sizes.
  • Width and top, right here you’ll be able to set your individual dimension in PX.

Display Blog Posts in Columns

If you’d desire in your weblog archive to be in a column format, you’ll be able to. Here you’ll be able to make a selection what number of columns you’d love to show, whether or not you’d love to make the 1st submit featured and an alternative choice to show posts in a masonry grid. 

Color settings Module

Colors could make or smash a web page from a customer point of view and from an accessibility one. It’s right here you’ll be able to trade quite a few colour settings by way of the colour picker.

Colors could make or smash a web page from a customer point of view and from an accessibility one. It’s right here you’ll be able to trade quite a few colour settings by way of the colour picker.

Sections to be had are Body, Header, Primary Navigation, Buttons, Content, Sidebar Widgets, Forms, and the Footer. 

Each respective segment has its personal colour choices. Thanks to the straightforward construction of GeneratePress and the way it makes use of the customizer, you’ll be able to tinker away on your center’s content material. 

Change heading colours, number one menu colours, sub-menus, hyperlink hovers, and a lot more. Ensuring you get the proper colour stability in your wishes. 

Copyright Text Module

If you may have particular textual content in your footers Copyright segment, enabling this module allows you to upload it. Shortcodes and HTML can be utilized right here additionally.

Disable Elements Module

This surroundings doesn’t live within the local customizer, to get admission to it you’ll wish to be in both the submit or web page editor. For me, this selection is a killer, and I’ll let you know why. 

Imagine you wish to have to create a touchdown web page for promoting, an electronic mail e-newsletter, or no matter you wish to have a touchdown web page for.

Let’s face it, it may be problematic to cover parts, like your navigation bar, header, featured symbol, and so on.

GeneratePress Premium takes the ache away. As you’ll be able to see from the picture above, the Disable Elements segment is highlighted within the Document settings of the submit.

Here you’ll be able to disable the Top Bar, Header, Primary Navigation, Featured Image/Header, the Content Title, and the Footer.

Stripping it appropriate again, you’ll be able to create your very personal distinctive touchdown web page by way of a couple of easy clicks. Hide what you don’t wish to display, and display what you wish to have. This surroundings works on pages and posts. 

It’s that straightforward, no convoluted means, no further plugins required to turn or cover parts. 

Sections Module

Sections are to be had in both the submit or web page editor. They care for keeping apart content material and make design adjustments for a submit or web page. 

If you’re the usage of the vintage WordPress editor, sections can be a great addition, I’m positive. 

Clicking on a selected segment will load the vintage WordPress editor, right here you’ll be able to give your segment a identify and upload content material inside the editor. 

Each segment has settings that care for quite a few choices. Here you’ll be able to trade the width of the segment, the background colour, textual content colour, add a background symbol, and extra.

See underneath for an instance of this in motion:

As you’ll be able to see from the above, there’s a transparent difference between the 2. So for those who’re the usage of the vintage editor, you may have some choices from a design point of view, in posts and pages. 

In fact, I don’t generally tend to make use of this selection, basically as a result of I exploit Gutenberg, which successfully will do the similar factor, with extra options and choices. 

In equity, the segment’s function was once round lengthy ahead of Gutenberg arrived at the scene!

Typography Module

Like colour, Typography could make or smash a web page, extra so from a cultured standpoint versus accessibility. 

Enabling this module will provide you with a spread of choices, just like the colours module; it’s damaged down into sections.

  • Body, Header, Navigation, Buttons, Headings, Widgets, and Footer. 

Each segment may have a spread of choices to be had. Choose the Font circle of relatives, from machine fonts, thru to Google Fonts.

You can trade the font weight, make a selection to capitalize the textual content, make it uppercase or lowercase. 

As the GeneratePress theme is responsive, it is sensible to provide other dimension textual content according to the display screen show on the time. 

Thankfully you’ll be able to do this, clicking at the Tablet icon or Phone icon above the font dimension, permits you to set a textual content dimension related to that particular display screen dimension. 

There are different choices to be had as smartly, similar to Line top for textual content within the frame, at the side of a surroundings for paragraph margins. 

WooCommerce Module

This is the place GeneratePress in reality could make a distinction to retailer house owners the usage of WooCommerce. There’s a stack of choices right here, all would possibly I upload for the betterment of your on-line retailer. 

Again the entirety right here is damaged down into simple to grasp sections, best for many who can get misplaced in choices.

General Section

Under the General segment, you’ll be able to decide to turn the cart within the menu, or show a mini cart in a sub-menu. 

If you make a decision to turn the cart at the menu, you’ll be able to make a choice from 3 icons, which might be Shopping Cart, Shopping Bag, or Shopping Basket. 

If you’d like to turn both the collection of pieces in a customers cart you’ll be able to, or for those who’d desire to turn a price of the whole quantity within the cart you’ll be able to. All by way of a dropdown variety field. 

Finally, underneath General, you’ll be able to take a look at a field to show breadcrumbs on store pages and all product pages and product classes. 

Shop Section

This offers with the format of your store. Here you’ll be able to make a selection by way of some other dropdown menu your sidebar format:

  • Sidebar / Content. 
  • Content / Sidebar. 
  • Content no sidebars
  • Sidebar / Content / Sidebar
  • Sidebar / Sidebar / Content
  • Content / Sidebar / Sidebar

Via a slider, you’ll be able to make a selection what number of product columns you’d love to show. You can trade this for desktop, pill, and naturally, cellular perspectives hit the icon and alter accordingly. 

Column Gaps, once more thru a slider, you’ll be able to alter the distance between your columns, set it for desktop, pill, and cellular perspectives. 

Image and textual content alignment is self-explanatory; make a choice from left, appropriate, or heart. 

Another nice function for the WooCommerce module is the facility to go into what number of merchandise you’d like to turn. Useful for those who solely have a handful of goods. 

There are a lot of show settings for the store web page. Take a take a look at the underneath to peer what I imply all are to be had on a cover or show foundation:

  • Display cart panel on upload to cart
  • Display web page identify
  • Display product effects rely
  • Display product sorting
  • Display product symbol
  • Display secondary symbol on hover
  • Display product identify
  • Display sale flash
  • Sale flash over symbol
  • Display score
  • Display worth
  • Display upload to cart button
  • Display quick description

The skill to cover the cost of merchandise within the store archive is a brilliant function. Again no different plugins required, don’t need to display the associated fee at the store web page, simply uncheck the field. 

Single Product Section

Here we will alter some other load of choices. Adjust the Product Image house width the usage of the slider, helpful you probably have some shocking product photographs. Nothing sells a product higher than high quality imagery.

Following the store sidebar settings, the similar choices are to be had within the unmarried product segment, so show your product checklist in complete width or with a sidebar, no matter you wish to have. 

In a equivalent strategy to the store format segment, we will cover or show the next:

  • Display upload to cart panel on scroll (see underneath symbol of what this looks as if)
  • Display amount buttons
  • Display sale flash
  • Display product tabs
  • Display comparable merchandise
  • Display upsell merchandise

The collection of Related merchandise/upsells can also be adjusted accordingly the usage of a slider. So for those who’d love to show off extra merchandise to doubtlessly promote you’ll be able to. 

As is a commonplace theme with GeneratePress you’ll be able to make a selection what number of to view for pill and cellular guests. 

Lastly:

  • Display product meta knowledge 
  • Display quick description

There’s a number settings, and the usage of the WordPress Customizer you’ll be able to make as many adjustments you wish to have to on store archive degree, and at product degree.

The skill to turn and conceal particular parts is outstanding, now not solely in WooCommerce, however around the board. 

Menus Module & Sub Menu Module

Remember I stated I’d move into a bit of extra intensity on the subject of the 2 modules discussed above? Good, right here is going.

Menus Module

Activating the Menus Module provides to new pieces in layouts. Here you’ll be able to allow sticky navigation, see underneath for what I imply:

Here you’ll be able to allow or disable sticky navigation, which means that the menu follows you as you scroll down the web page. Setting it to on will display around the board for those who’d love to allow it only for cellular solely or desktop solely you’ll be able to. 

Select a transition impact, make a choice from Fade, Slide, or None for those who’d like so as to add a smaller brand for the sticky bar you’ll be able to, helpful to stay the entirety on level in your logo/weblog. 

The different addition by way of the menus module is the Off-Canvas choice. It’s right here you’ll be able to set a menu to show off of the canvas, at the side of some choices. 

The off-canvas panel, just like the sticky navigation choice, can also be set to turn all over, desktop-only or mobile-only. 

The above symbol presentations the off-canvas panel in motion. There are a number of settings on this segment:

  • Naming the panel for desktop customers.
  • Choose the impact of the panel, both slide or overlay.
  • Choose which aspect both left or appropriate (for those who’re the usage of the slide choice).
  • The shut button, make a selection to turn it within the panel or outdoor. 

The overlay function makes the menu seem over your content material centrally. If you may have the colour module activated, you’ll be able to set the colour and the transparency of the overlay, just like the slide panel choice. 

Secondary Menu Module

Activating this will provide you with a brand new menu segment. Notice within the best appropriate nook of the screenshot? That’s the secondary menu.

It’s right here you’ll be able to set quite a few other choices:

  • Give the menu a reputation to show on cellular perspectives.
  • Width of the menu make a choice from both contained or complete.
  • The interior width, once more make a choice from contained or complete.
  • Alignment of the menu, left, appropriate, or heart.
  • Location choices are: underneath the header, above header, waft left/appropriate, left-sidebar, right-sidebar, and finally none. 
  • If you may have sub-navigation, then you select the dropdown route from appropriate or left.

Secondary menu navigation can also be a good way to split content material. For instance, you probably have quite a lot of content material, it’s good to put the standard pages, similar to About Us, Contact Us, and Blog within the above header location.

Elements Module

Elements, this section goes to make your lifestyles such a lot more straightforward. 

Elements are living within the Appearance menu to your backend, and I perceive why they’re right here to not muddle up the customizer, sensible considering. 

There are 3 kinds of parts: Header, Hook, and Layout. Let’s check out each and every one and what they provide. 

Header Element

Let’s say you wish to have to create a customized header in your web page, perhaps upload a background symbol to a couple textual content and solely show it on a selected web page or weblog submit. You can, because of Elements. 

Everything here’s in a tab layout; it’s reasonably easy to practice. Let’s get started with Page Hero.

Page Hero Tab

The very best segment offers with the naming the component and the content material you’d need to display. There’s give a boost to for HTML and shortcodes right here. Input what you’d love to show, or use template tags.

Template tags make issues much more out there. Use the Post Title, Post Date, Post Taxonomy, or create a customized box in your pages/posts and use the Custom Field Name tag.

There are reasonably a couple of choices right here, let’s have a look thru them separately:

  • Element Classes, for those who’re aware of CSS, you’ll be able to identify this component and tinker with CSS the usage of the Additional CSS segment within the local customizer.
  • Container, Inner Container, make a choice from complete width or contained.
  • Horizontal Alignment offers with the placement of your content material, left, appropriate, or heart. 
  • Padding, units the padding you’d like to present your Page Hero in pixels; you’ll be able to set the padding for cellular as smartly.
  • Background Image, right here you’ll be able to add a customized symbol in your background or make a choice featured symbol. Any submit or web page with a featured symbol can be used as a substitute of the customized one. Or make a selection none, for those who’d like to make use of colour as a substitute.
  • Custom Image, if you make a decision on importing a background symbol, you’ll be able to do this right here.
  • Background Position, make a choice from left best, left backside, left heart, and the similar for appropriate in addition to heart. 
  • Parallax, for those who’d love to get fancy along with your hero segment, ticking this may increasingly stay the picture static; as you scroll, you’ll see extra of the picture. 
  • Disable Featured Image, checking this may increasingly disable any featured symbol you may have recently set for pages/posts and use this one. 
  • Background Overlay, set a colour for use to overlay the picture by way of a colour picker, and alter the opacity.Text Color, Link Color, Link Color Hover, all self-explanatory, make a selection a colour for each and every by way of the colour picker.

Site Header

Using the Site Header tab, we will make much more adjustments, similar to merging the Page Hero with the content material and deciding on the navigation location for this particular example. 

Choose from No Merge, Merge on desktop solely. The settings listed here are:

  • Offset Site Header Height, right here you’ll be able to upload padding on your Page Hero, so no overlapping happens, make a selection desktop padding and cellular padding.
  • Header Background, make a choice from the colour picker, what colour you’d like your header background to be, anyplace this Page Hero is displayed.
  • Site Title, Site Tagline, colour picker time, for those who’re the usage of textual content in your brand and tagline, trade the colour. 
  • Navigation Location, right here you exchange the positioning of your menu, helpful you probably have a touchdown web page.
  • Navigation colours, ticking this field will provide you with a lot more choices, see underneath:

Using the colour picker, you’ll be able to trade the colours for, Navigation Background, Navigation Text, Background Hover, Text Hover, Background Current, and Current Text.

Using the above choices, you’ll be able to set your Page Hero except the remainder of your content material, like I stated, nice for touchdown pages, electronic mail e-newsletter pages, and no matter you wish to have. 

Display Rules

I’ve at all times been inspired with the quantity of concept that’s long past into GeneratePress. Here you’ll be able to make a choice precisely the place you’d like your Page Hero to turn.

  • Location, a lot of choices, to stay it transient, you’ll be able to make a selection all of the web page, entrance web page, weblog, all singular posts, merchandise, and so much extra. Using the following dropdown alongside, you’ll be able to slim it down even additional through opting for a selected web page, submit, class, product (and extra) you’d like to turn.
  • Exclude, this one offers with the place you don’t want to turn the Page Hero.
  • Users, who will see the Page Hero? You can make a selection what consumer position the Page Hero will display to all customers, logged in, logged out, admin, editor, creator, contributor, subscriber, buyer, and store supervisor.

Let’s say you’re the usage of WooCommerce as an example, wouldn’t or not it’s nice to turn a Page Hero on their account web page? Perhaps with thank you for registering, right here’s a chit code.

The probabilities for robust calls to motion the usage of a Page Hero are never-ending, whether or not it’s for WooCommerce or anything you wish to have to spotlight. 

Internal Notes

It may just get a bit of loopy with the quantity of Page Heros you get a hold of; the inner notes tab is solely visual to you, it’s right here you’ll be able to make notes about why you created it for the sake of sanity.

Example Of Page Hero

Using the settings I’ve discussed, I’ve created a Page Hero with navigation in a special location, other colours for the textual content, and added padding. I’m no clothier granted, the convenience of that is reasonably startling.

Hook Element

Hooks paintings in a lot the similar method because the header component, with show regulations and inside notes.

The enter field works simply the similar because the Header Element, input in HTML or a shortcode you’d love to show. Now right here comes the thrilling section.

The Hook surroundings will insert your content material into particular spaces of your web page. To record the entire hooks would learn like battle and peace in fact. 

There are hooks for pages, posts, the header, footer, WooCommerce merchandise, sidebars, just about all over you’ll be able to call to mind a hook; it’s coated. If that’s now not sufficient, you’ll be able to create your individual customized hook.

Need to execute shortcodes take a look at the field, execute PHP take a look at the field. Have multiple hook in a selected house? Set the numerical precedence to present them an order. 

Why Use Hooks?

Let’s say you’d love to insert a touch shape on the finish of a web page and display it solely on particular pages the usage of the Display Rules. 

Or upload a shortcode to show a e-newsletter subscription shape on the finish of weblog posts, those are a few examples, however consider the chances?

Layout Element

Another killer function. You can trade the format of a web page, submit or customized submit variety (you probably have one).  

Sidebar Layout, right here you’ll be able to make a selection for those who’d like to turn a sidebar and the place you’d love to show it, quite a lot of choices to be had. 

Footer, for those who’re construction a touchdown web page, it’s possible you’ll need to eliminate the footer. Here you’ll be able to trade the collection of widgets displayed. 

Screenshot of content layout settings in GeneratePress.

Content, for those who’re having a look to set a special width in your content material, trade it right here. For instance, let’s say you’d like to turn all singular weblog posts in one column with a width of 900px, you’ll be able to.

Using the show regulations settings, create your format, then use it on posts, pages, classes, the record is going on and on.

How Fast Is GeneratePress In Page Speed

Good query, right here’s the solution:

Desktop pace for GeneratePress Premium, no caching plugins put in. See underneath for cellular web page pace:

Right out of the field, GeneratePress is rapid; I imply fast. It’s smartly coded and has no bloat, regardless of the entire options it has. 

Page pace is of the essence in this day and age, have a sluggish web page, why would any seek engine trouble with it. 

It ends up in deficient consumer revel in, let’s face it, serps depend on customers, so serving up one thing sluggish, isn’t of their pastime. 

People need issues rapid; they’re now not going to take a seat there looking ahead to your web page to load. So the speedier your web page quite a bit, the easier your probability of score.

What About search engine optimization?

GeneratePress outputs blank, actual structured knowledge, making sure serps can index your web page from the get-go. Take a take a look at the instance:

Using Google’s structured knowledge trying out instrument, you’ll be able to see that the entirety is the place it will have to be, and not using a mistakes, no warnings, blank.

Which necessarily method, combining this with an search engine optimization plugin for outputting meta descriptions, and titles, you’ll be off to a flyer on the subject of your web page being seek engine pleasant. 

Final Thoughts

GeneratePress Premium blows a large number of different WordPress topics out of the water. There’s one thing for everybody, whether or not you’re technical or now not.

There’s no actual finding out curve to GeneratePress; it may be as complicated as you wish to have it to be or so simple as you wish to have it to be. 

While this is a multi-purpose theme (which is an unsightly phrase within the WordPress global), it doesn’t be afflicted by a ton of baked-in capability, in contrast to different WordPress topics. 

With tough theme documentation, pleasant give a boost to body of workers, and Facebook Group, there’s at all times somebody to assist if wishes be. 

There’s no reliance on the usage of web page developers with GeneratePress. You can create content material and construct one thing reasonably temporarily.

If you’d wish to construct out your web page the usage of a web page builder similar to Elementor, Beaver Builder, or some other web page construction plugins, GeneratePress performs rather well certainly with them. 

Combining the entire options of GeneratePress, including Elements, surroundings show regulations, it’s good to create one thing reasonably wonderful.

If you’re on the lookout for a fast-loading, feature-rich theme, and a very good give a boost to group, you’re going to do smartly to take GeneratePress Premium for a power. I, for one, can’t suggest it sufficient. 

Don’t omit GeneratePress is rapid, for those who’re on the lookout for further pace, then take ProWP for a spin with it’s subsequent technology cloud webhosting, mix the 2, and also you’ll have a loopy rapid web page in your guests. 

Was this newsletter useful?

14

Leave a Reply

Your email address will not be published. Required fields are marked *