Intro Generatepress Mobile Menu Too Tall
Within the previous ten decades, I’ve used a lot of different WordPress themes and have been very disappointed. Up till recently, I was utilizing MyThemeShop, which was fairly excellent. However, I still had to perform a lot of customization to make it do and work how I wanted it to. A few weeks ago I decided to provide GeneratePress a try, and let me just say, it is undoubtedly the finest WordPress theme I’ve discovered in 10 years. I was blown away and am now moving all of my websites to GeneratePress. I’ll go into exactly why in my in-depth GeneratePress review under. And if you are wondering, yes I’ve tried Genesis, Astra, OceanWP, Avada, X theme, Divi in addition to several other lightweight and thicker multi-purpose themes. Generatepress Mobile Menu Too Tall
GeneratePress is a free WordPress theme made by Tom Usborne, a programmer from Canada. I have actually seen it for years from the WordPress repository. Most of you realize that I am fairly picky when it comes to web performance, so I have a tendency to dismiss everything in the repository. Typically because a lot of stuff on there isn’t that good, or not encouraged for long. However, in this circumstance, that was a mistake. The theme now has over half a million downloads, 80,000+ busy installs, with over 500 5-star evaluations. So clearly Tom is doing something right here.
I Actually installed the free version of the theme and in a matter of 15 minutes purchased the superior version. I could tell right off the bat, the developer was thinking precisely how I was envisioning a theme should work. And I’ll go into that more below, but let us first look at some of the qualities. I will be covering the superior edition of the theme, because it’s worth very penny. Actually, Tom, in the event that you ever read this and so are visiting Scottsdale, Arizona, java on me.
Super lightweight and fast. Modular design allowing you to enable/disable things you do not need running. This is only one of the biggest reasons I love GeneratePress.
Responsive, looks great across all devices.
Schema built-in, for better outcomes in SERPs.
Impressive integration using all the WordPress Customizer. I have not been a fan of this customizer previously, but Tom does it right.
Compatible with all popular plugins, Yoast SEO, WooCommerce, EDD, BuddyPress, bbPress, and WPML. Great browser support back to IE8.
Additionally, it works great with the favorite fast-growing Elementor page builder. If you would like to dive into even more customizations, these are a great combo. I have also read that people using Beaver Builder have had success.
Font awesome built in.
A lot of hooks and filters that make it good for programmers.
Excellent active service from the programmer. On average, 3 updates per month.
The Documentation can be unbelievable. Besides have good documentation on their website, the theme has been around long enough that what I Googled during the setup process was found inside a few seconds in their forum.
Diving Into GeneratePress
Now it is Time to the fun part! I always test a brand new theme right out of the box without any customizations to just see how quickly the foundation is. This tells me a great deal of what I could expect by the time that I add everything for this. Running the stock GeneratePress WordPress theme on Kinsta hosting clocked in at a whopping 265 ms loading time. I was quite impressed.
One Thing I was worried about with GeneratePress was that the modular layout was going to produce a lot of big files, but that isn’t the case. You may tell that Tom literally worked hard on making sure that every file packed in GeneratePress is as little as possible. Together with HTTP/2, the amount of files isn’t as significant. But the dimensions is! Take a peek at some of the center GeneratePress files under:
/generatepress/css/unsemantic-grid. min.css 2.9 KB
/generatepress/style. css 7.1 KB
/generatepress/css/mobile. min.css 1.6 KB
/generatepress/js/navigation. min.js 1.1 KB
/generatepress/js/dropdown. min.js 1.5 KB
That is a developer that cares about functionality! And I’ve Seen exactly the same during all the premium add-ons. They are as small as possible get them. In fact, Font Awesome is probably the largest file included. And that isn’t even his. With Font Awesome 5 coming round the cornerwe can expect that to secure smaller also.
The premium add-ons Are installation in what I’d call a modular design. You can activate/deactivate anything you aren’t using to guarantee they do not load on your site. As the co-developer of the perfmatters plugin that has a script manager built-in, I felt right at home for this. Everything ought to be designed this way.
If You are interested, I’m using the next add-ons on this website:
No Child Theme Needed
One of The best characteristics of GeneratePress is I no more have to use a Child motif . This makes my life much easier. No more editing my functions.php or header.php documents. I can literally update my GeneratePress motif this exact minute and not lose one customization. The hooks add-on definitely can help make this possible. It allows you to incorporate custom code/PHP everywhere throughout your WordPress website. Generatepress Mobile Menu Too Tall
Other Things I Love About GeneratePress
On each Page/post that you have a lot of alternatives. You are able to alter the sidebar design and the footer widgets.
You Can quickly swap a page involving the default option to a full width page, as well as disable components.
The WordPress customizer options is really where GeneratePress really shines! Bear in mind, a lot of these choices are permitted from the superior add-ons. I can not show you everything, otherwise, we would be here all day. But let me show you couple which actually come in handy.
Another Plugin I highly suggest grabbing is your free Lightweight Grid Columns. Not to my surprise, this can be made by precisely the same developer as GeneratePress. It allows you a super easy way to add responsive columns into any page or article. Characteristics include:
Desktop grid thickness
Tablet grid thickness
Mobile grid thickness
Add Customized classes
Insert custom inline styles
Equal height columns
This is An example below:
You May Want to Also catch his incredible WP Display Posts plugin too. View my featured posts on the sidebar of this website? That’s using the WP Display Posts plugin. I have it set to show posts from a specific”featured” category. You can also get it show last modified/updated articles, recent articles, etc.. I am using the free version and it works great.
The Sections add-on in the premium edition of GeneratePress allows you to do all kinds of things in terms of design. Think of it like a webpage builder with no bloat. GeneratePress is definitely not just for blogs! I am in reality using GeneratePress for our ecommerce site (perfmatters.io) that is operating Easy Digital Downloads. Feel free to check it out. However, as you can see below, it looks like a site.
For those Of those that are regular readers, you probably did not even notice I changed the entire motif that powers woorkup.com. It only took me about an hour for GeneratePress to mimic my MyThemeShop motif which I had spent a year customizing. Here’s a comparison under.
woorkup.com Old MyThemeShop Theme
My older MyThemeShop motif was pretty quickly, but I spent a great deal of time scrutinizing it. In fact, I’ve gotten a great deal of emails from you guys asking me to publish all of my customizations. My advice now is, simply get GeneratePress!
woorkup.com New GeneratePress Theme
With the New GeneratePress motif I managed to achieve faster speeds and 600 fewer lines of code! And keep in mind, I do not have a kid motif. Each of the customizations were created with the awesome GP hooks and snippets plugin (both CSS and PHP).
Like the WordPress theme I have running on woorkup? You’re in luck. Tom asked if he could create a replica of woorkup for the new GeneratePress site library. I am pleased to let you know that you can now install my woorkup motif on your own GeneratePress site with only a click! It’s known as the Marketer motif. Get started using a fantastic blog layout instantly.
brianjackson.io Old Array Theme’s Theme
I also Moved over my private website, brianjackson.io, to GeneratePress. Previously I was using a theme from Array Themes. It’s a fairly basic minimum website, as I do not use it for much. As you can see it loaded pretty fast.
brianjackson.io New GeneratePress Theme
I was Able to duplicate the entire appearance 100% in GeneratePress in under an hour. And as you can see it loads faster! Amazing. I was even able to get rid of a couple plugins which weren’t needed because of GP.
forgemedia.io Old Array Theme’s Theme
Additionally, I Moved over our organization website, forgemedia.io, to GeneratePress. Previously I was using a theme from Array Themes. It is a fairly basic minimal site, as we just use it for our LLC. As you can see it loaded pretty quickly. Generatepress Mobile Menu Too Tall
forgemedia.io New GeneratePress Theme
I was Able to again move everything over and get it looking just how I wanted it in under one hour. And since you can see it loads faster! Amazing. I managed to get rid of a total of four plugins and it dropped my whole page burden 2x!
I can’t express my Excitement about locating GeneratePress and I’m moving over all of my sites for this (which includes several EDD e-commerce websites ). Once I have my 9 websites all running in GP without any child themes, my life is going to be a breeze! The programmer has restored my faith in multi-purpose themes, and that when done the correct way, can actually perform quicker.
And The best thing isI now have a thousand more choices to choose from than I did before.
What GeneratePress Is Good For…
GeneratePress Is the ideal option for performance-focused users that want to have the ability to personalize and control precisely how their site appears.
You Can make GeneratePress do pretty much anything. And since GeneratePress has a focus on performance, the website that you build will have a fantastic foundation to make it load fast.
Because Of that, those who build WordPress websites for a living love GeneratePress. They’ll typically pair it with a WordPress page builder and use it for literally any type of site.
However GeneratePress Might Not Be A Fantastic Combination If…
…you Want something which will immediately appear perfect from the box.
For Example, if you know you wish to produce a fashion blog, you might be happier picking out a market theme that is developed exclusively for fashion bloggers.
Even though GeneratePress has gotten a great deal easier to use, as a result of its pre-built Website Library, GeneratePress still looks very barebones if you initially install it.
So To create GeneratePress look how you want it to, you will most likely will need to go in and customize things. And while the substantial benefit of GeneratePress is how customizable it is, some users, especially casual users, don’t like having to make those changes themselves.
GeneratePress Features That Make It Unique
Here Are a few of the specific characteristics that explain why GeneratePress is indeed common.
Lots Of Customization Options In The Real-Time WordPress Customizer
Past Performance, another place where GeneratePress does nicely is its customization choices.
GeneratePress Utilizes the WordPress Customizer for customization, which can be convenient as you’ll be able to see all the changes that you make in real time.
The Free variant of GeneratePress gives you decent options, but should you own GeneratePress Premium, you’ll be able to customize nearly everything about your site.
For Example, if you go in the Design region, you can configure comprehensive settings for your:
- Header — you can move your header around and alter its own styling
- Navigation — GeneratePress gives you two different navigation options, including sticky menus
- Sidebar layout — you can utilize one or two sidebars
- Blog post layout — like featured picture dimensions, metadata, etc..
- Footer layout — like the number of widgets to include
Similarly, The Typography place enables you to control the font for every single element on your website, such as buttons:
And You also get a detailed region to control the colour of every single element on your site.
All In all, GeneratePress will give you a lot more customization options in the WordPress Customizer compared to most other topics. This amount of detail may be a bit overwhelming if you are a newcomer. But as soon as you understand the way the preferences come together, you’ll have full control over how your website looks.
Optimized Performance And Quick Page Load Times
Across All of its attributes, GeneratePress always has a focus on exceptional performance and clean code. The entire theme is less than 30 kB, which will be about as little as you are ever going to find for a WordPress theme. Even most other optimized WordPress themes are still 200+ kB. And some badly coded topics can even exceed 1 MB!
GeneratePress Also does not have any code dependencies, which will help you avoid the render obstructing error that Google Pagespeed Insights often mentions.
Place That collectively, and you obtain a superfast-loading motif. How quickly? To give you a sense, I conducted a small test.
First, I put up an empty website utilizing a haphazard popular WordPress.org theme (Envo Magazine). After testing its performance with Pingdom, it:
- Had a performance grade of 77
- Loaded in 1.05 moments
- Had a page size of 243.9 kB
- Had 15 asks
That is Not bad at all! However, GeneratePress can perform.
Next, I activated GeneratePress on the exact same test site without altering anything else. Here’s how GeneratePress failed:
- Had a performance grade of 87, 10 points greater
- Loaded in 666 ms, ~37% quicker
- Had a page size of 26.8 kB, ~90% smaller
- Had 9 asks, ~40% fewer
If You perform the exact same test with other topics, you’ll continue to find that GeneratePress is among the fastest-loading WordPress themes in life. Generatepress Mobile Menu Too Tall
Other Useful Premium Extensions, Plus A Modular Approach
Past Giving you more design controls from the WordPress Customizer, GeneratePress Premium also comes with a lot of other useful features such as:
- Elements — a unique feature that allows you create custom hooks, page headers, or layout templates.
- Page Header — allows you create a unique page header on a per-page basis.
- Sections — that is kind of like lightweight page construction. It permits you to create different”sections” on a webpage, each with their own design and column settings.
To Remain lightweight, GeneratePress also gives you a modular interface where you could select and choose exactly which features you would like to activate.
That Way, you don’t need to slow down your site for a feature that you’ll never use.
Pre-Made Starter Sites Make It Easier To Design Your Website
In The past, you had to construct GeneratePress sites from a blank canvas regardless of what, which left the theme difficult for casual users to set up.
Earlier In 2018, however, the programmer added a fresh Site Library attribute for GeneratePress Premium users which allows you easily import any among the 25+ pre-built demonstration websites .
You Can import them right from the WordPress dashboard.
Yes this Website still uses GeneratePress! All I did was click a few buttons to import a presentation site.
Page-Level Settings Give You Comprehensive Control Over Every Piece Of Content
With Most themes, each page and post will use the very same settings for the most part. You may have some custom templates or formats — but you do not have very much control past that.
GeneratePress Changes that by providing you a new Design meta box for every single page and post:
You Can use this meta box to:
- Change the number of sidebars your website uses, or the sidebar orientation (such as altering the sidebar from right to left)
- Choose how many footer widgets to use
- Disable certain elements, such as your header, navigation menu, post featured picture, post title, or footer
- Produce a special”container” for your page builder
Where These controls would be the most helpful is if you are using a WordPress site builder.
By Disabling certain elements, you are in a position to create the correct baseline for your page builder design, making it easy to create custom content as needed. Generatepress Mobile Menu Too Tall
GeneratePress Pricing: Affordable And Works On Unlimited Sites
The Heart GeneratePress motif is available for free at WordPress.org.
That said, If you are seriously interested in utilizing GeneratePress, I believe you need to buy the GeneratePress Premium plugin, as that’s what makes the theme so elastic. The free version doesn’t give you nearly as numerous configurations from the WordPress Customizer. And you’ll also lose out on the premade Site Library.
GeneratePress Premium is also still quite reasonably priced. It costs only $39.95, which gives you use on unlimited sites. You’ll also get a 40% discount if you want to renew to continue receiving support and updates after the initial year (you can, obviously, continue using GeneratePress following the initial year without renewing — you won’t get any more updates).
When You consider that the normal premium WordPress theme will often cost around $60, GeneratePress provides a fantastic value.
As I said, I don’t think GeneratePress is for everyone.
If You desire a niche-specific theme, you can probably save time by purchasing a theme that fits your needs for your market from day one.
But If you’re willing to spend some time altering settings, GeneratePress’ style controls give you the flexibility to flip it into any sort of WordPress site. Or, you might even have the ability to find a starter website that fulfills your needs to save some time.
Additionally, It is among those fastest-loading WordPress topics that you will find. So if you’re looking for the best performance possible, utilizing GeneratePress as your WordPress site’s base is a good choice.
If You blend it with fast-loading hosting, you should have no problem making your site load in under one minute. Generatepress Mobile Menu Too Tall