Background Accordion For Generatepress
Over the past 10 years, I have used a great deal of different WordPress topics and have been very disappointed. Up till recently, I was utilizing MyThemeShop, which was pretty excellent. However, I still had to do a lot of customization to allow it to perform and work how I needed it to. A couple of weeks ago I decided to give GeneratePress a try, and let me just say, it is undoubtedly the finest WordPress theme I’ve discovered in 10 years. I had been dismissed and am moving all my websites to GeneratePress. I’ll go into precisely why in my comprehensive GeneratePress review under. And if you’re wondering, yes I’ve tried Genesis, Astra, OceanWP, Avada, X theme, Divi as well as several other lightweight and heavier multi-purpose themes. Accordion For Generatepress
GeneratePress is a free WordPress theme created by Tom Usborne, a programmer from Canada. I’ve actually seen it for years in the WordPress repository. Most of you know that I’m pretty picky when it comes to web performance, so I have a tendency to dismiss everything in the repository. Typically because a great deal of stuff on there is not that great, or not encouraged for long. However, in this circumstance, that was a mistake. The motif now has more than half a million downloads, 80,000+ active matches, with over 500 5-star ratings. So obviously Tom is doing something right here.
I Really set up the free version of the motif and in a matter of 15 minutes bought the superior version. I could tell right off the bat, the developer was thinking precisely how I was envisioning a theme should get the job done. And I’ll go into that more below, but let us first look at a number of the qualities. I will be covering the premium edition of the subject, because it’s worth . Actually, Tom, if you read this and are visiting Scottsdale, Arizona, java on me.
Super lightweight and quick. Modular design allowing you to enable/disable things you do not want running. This is only one of the greatest reasons I love GeneratePress.
Responsive, looks fantastic across all of the devices.
Schema built-in, for better outcomes in SERPs.
Impressive integration with the WordPress Customizer. I haven’t been a fan of the customizer previously, but Tom does it correctly.
Compatible with popular plugins, Yoast SEO, WooCommerce, EDD, BuddyPress, bbPress, and WPML. Fantastic browser support back to IE8.
Additionally, it works great with the popular fast-growing Elementor page builder. If you would like to dive into even more customizations, these really are a terrific combo. I’ve also read that individuals using Beaver Builder have had success.
Font wonderful built-in.
Tons of filters and hooks which make it great for developers.
Great active support from the programmer. Normally, 3 updates per month.
The Documentation can be unbelievable. Besides have good documentation on their site, the subject has been around long enough that everything I Googled during the setup procedure was found inside a few seconds from their forum.
Diving Into GeneratePress
Now it’s Time for the fun part! I always test a brand new theme right out of the box with no customizations to see how quickly the base is. This tells me a great deal of what I can expect by the time I add everything for this. Running the stock GeneratePress WordPress theme on Kinsta hosting clocked in at a whopping 265 ms load time. I was very impressed.
One Thing I was concerned about with GeneratePress was that the modular layout was going to generate a whole lot of big files, but that isn’t the situation. You may tell that Tom literally worked hard on ensuring that every file loaded in GeneratePress is as little as possible. Together with HTTP/2, the amount of documents isn’t as significant. But the dimensions is! Have a peek at a few of the core 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 performance! And I have Seen exactly the same throughout all of the premium add-ons. They are literally as small as possible get them. In reality, Font Awesome is probably the largest file contained. And that is not even his. With Font Awesome 5 arriving round the cornerwe could expect this to get smaller too.
The premium add-ons Are setup in what I’d call a modular layout. It is possible to activate/deactivate anything you are not using to ensure they don’t load on your website. Since the co-developer of the perfmatters plugin which has a script supervisor built, I felt at home with this. Everything ought to be made this way.
If You are curious, I’m using the following add-ons on this website:
No Child Theme Needed
One of The best features of GeneratePress is I no more have to use a young child theme. This makes my life so much simpler. No more editing my functions.php or header.php files. I will literally update my GeneratePress motif this very minute rather than lose one customization. The hooks add-on certainly helps make this possible. It allows you to add custom code/PHP anywhere throughout your WordPress site. Accordion For Generatepress
Other Things I Love About GeneratePress
On every Page/post that you have a great deal of options. You are able to alter the sidebar design and the footer widgets.
You Can easily swap a page involving the default option to a full width page, as well as disable elements.
The WordPress customizer options is where GeneratePress really shines! Remember, lots of these options are enabled from the premium add-ons. I can not show you everything, otherwise, we’d be here all day. But let me show you few which actually come in handy.
Another Plugin I highly suggest grabbing is your free Lightweight Grid Columns. Not to my surprise, this is also created by the exact same programmer as GeneratePress. It allows you a super simple way to add responsive columns to any page or article. Features include:
Desktop grid thickness
Tablet grid thickness
Mobile grid thickness
Add Customized courses
Insert custom inline designs
Equal height columns
Here is An example under:
You May Want to Also catch his incredible WP Display Posts plugin also. See my featured posts on the sidebar of this website? That is using the WP Show Posts plugin. I have it set to display posts from a specific”featured” category. You might 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 lets you perform all kinds of things concerning design. Think of it like a page builder without the bloat. GeneratePress is certainly not just for blogs! I’m in fact using GeneratePress for our ecommerce website (perfmatters.io) which is operating Easy Digital Downloads. Feel free to check it out. However, as you can see below, it looks nothing like a blog.
For all those Of those that are regular readers, you likely didn’t even notice that I changed the whole theme that powers woorkup.com. It only took me about an hour to get GeneratePress to mimic my MyThemeShop theme which I had spent a year customizing. Here is a comparison below.
woorkup.com Old MyThemeShop Theme
My old MyThemeShop theme was already pretty quickly, but I spent a lot of time scrutinizing it. In fact, I have gotten a great deal of emails from you guys asking me to publish all my customizations. My advice today is, simply get GeneratePress!
woorkup.com New GeneratePress Theme
Together with the New GeneratePress theme I managed to achieve faster speeds and 600 fewer lines of code! And keep in mind, I do not have a kid theme. All the customizations were made using the wonderful 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 to your new GeneratePress blog library. I am happy to let you know that now you can install my woorkup theme in your own GeneratePress website with only a click! It is called the Marketer theme. Get started using a great blog design instantly.
brianjackson.io Old Array Theme’s Theme
I also Moved within my personal site, brianjackson.io, to GeneratePress. Previously I had been using a theme from Array Themes. It’s a fairly basic minimal site, since I do not use it for much. Since you can see it loaded pretty quickly.
brianjackson.io New GeneratePress Theme
I had been Able to replicate the whole look 100% in GeneratePress in under one hour. And as you can see it loads faster! Amazing. I was even able to get rid of a few plugins that weren’t needed because of GP.
forgemedia.io Old Array Theme’s Theme
I also Moved over our business website, forgemedia.io, to GeneratePress. Previously I had been using a theme from Array Themes. It’s a pretty basic minimum website, as we simply use it to our LLC. Since you can see it loaded pretty quickly. Accordion For Generatepress
forgemedia.io New GeneratePress Theme
I was Able to move everything over and get it looking exactly how I wanted it in under one hour. And since you can see it loads faster! Amazing. I managed to eliminate a total of four plugins and it dropped my whole page weight 2x!
I can not express my Excitement about locating GeneratePress and I’m moving over all my websites for this (which comprises some EDD e-commerce websites ). After I have my 9 websites all running in GP with no child topics, my entire life will be a breeze! The programmer has revived my faith in multi-purpose themes, and that when done the right way, can actually perform faster.
And The best thing is, I finally have a billion more choices to pick from than I did before.
What GeneratePress Is Good For…
GeneratePress Is the ideal alternative for performance-focused users that want to have the ability to customize and control precisely how their site looks.
You Can make GeneratePress perform pretty much anything. And because GeneratePress has a focus on performance, the website that you build will have a fantastic foundation to make it load quickly.
Since Of that, those who build WordPress sites for a living love GeneratePress. They will normally pair it with a WordPress site builder and use it for literally any kind of site.
But GeneratePress Might Not Be A Good Combination If…
…you Need something that will immediately look perfect from the box.
For Example, if you know you wish to produce a fashion blog, you may be happier picking out a niche theme that is developed exclusively for trend bloggers.
Even though GeneratePress has gotten a great deal simpler to use, thanks to its pre-built Website Library, GeneratePress still seems very barebones if you initially install it.
So To create GeneratePress look how you want it to, you’ll most likely need to go in and personalize matters. And while the significant benefit of GeneratePress is how customizable it is, some users, particularly casual users, do not like having to make those changes .
GeneratePress Features Which Make It Unique
Here Are a few of the particular features that explain why GeneratePress is indeed popular.
Lots Of Customization Options From The Real-Time WordPress Customizer
Past Functionality, another place where GeneratePress does nicely is its customization options.
GeneratePress Uses the WordPress Customizer for customization, and this is convenient as you will have the ability to see all of the changes that you make in real time.
The Free variant of GeneratePress provides you decent possibilities, but if you own GeneratePress Premium, you will be able to customize pretty much all about your site.
For Example, if you go in the Layout region, you can configure detailed settings for your:
- Header — you can move your header round and change its own styling
- Navigation — GeneratePress gives you two different navigation options, such as sticky menus
- Sidebar layout — you can utilize one or two sidebars
- Blog post design — like featured picture size, metadata, etc..
- Footer layout — like how many widgets to add
Likewise, The Typography area enables you to control the font for each and every element on your site, such as buttons:
And You also receive 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 choices from the WordPress Customizer than most other topics. This level of detail might be a bit overwhelming if you are a newcomer. But once you understand how the preferences come together, you’ll have full control on how your website appears.
Optimized Performance And Fast Page Load Times
Around All its features, GeneratePress consistently includes a focus on excellent performance and clean code. The entire theme is less than 30 kB, and it will be about as little as you’ll ever find for a WordPress theme. Even most other optimized WordPress topics are still 200+ kB. And some poorly coded themes can even exceed 1 MB!
GeneratePress Also does not have any code dependencies, which will help you avoid the leave blocking error that Google Pagespeed Insights often mentions.
Put That together, and you obtain a superfast-loading theme. How fast? To give you an idea, I ran a small test.
First, I set up a vacant website using a random popular WordPress.org theme (Envo Magazine). After testing its performance with Pingdom, it
- Had a performance tier of 77
- Loaded in 1.05 seconds
- Had a page size of 243.9 kB
- Had 15 requests
That is Not bad at all! But GeneratePress can perform.
Next, I activated GeneratePress on the exact same test website without changing anything else. Here is how GeneratePress did:
- Had a performance tier of 87, 10 points better
- Loaded in 666 ms, ~37% quicker
- Had a page size of 26.8 kB, ~90% smaller
- Had 9 asks, ~40% less
If You do the exact same test with different topics, you are going to continue to find that GeneratePress is one of the fastest-loading WordPress themes in existence. Accordion For Generatepress
Other Useful Premium Extensions, Plus Much Modular Approach
Beyond Giving you more style controls from the WordPress Customizer, GeneratePress Premium also comes with a lot of other useful features like:
- Elements — a exceptional feature which lets you create custom hooks, page headers, or design templates.
- Page Header — allows you create a unique page header on a per-page basis.
- Sections — this is sort of like lightweight page construction. It lets you create separate”sections” onto a page, each with their own layout and column preferences.
To Remain lightweight, GeneratePress also gives you a modular interface where you can pick and choose exactly which features you would like to activate.
That Way, you do not have to slow your site down for a quality which you’re never going to use.
Pre-Made Starter Sites Make It Easier To Design Your Website
In The last, you needed to construct GeneratePress websites from a blank canvas regardless of what, which left the theme difficult for casual users to install.
Earlier In 2018, though, the developer added a new Website Library attribute for GeneratePress Premium users which allows you easily import any one of the 25+ pre-built demonstration websites .
You Can import them right from your WordPress dashboard.
Yes this Website still uses GeneratePress! All I did was click a couple buttons to import a demo site.
Page-Level Settings Give You Comprehensive Control Over Each Bit Of Content
With Most themes, each post and page will use the very same configurations for the most part. You might have some custom templates or formats — but you don’t have very much control past that.
GeneratePress Changes that by providing you a brand new Layout meta name box for each and every page and post:
You Can use this meta box to:
- Change the number of sidebars your site uses, or the sidebar orientation (such as changing the sidebar from right to left)
- Choose how many footer widgets to utilize
- Disable certain components, such as your header, navigation menu, article featured picture, post title, or footer
- Produce a special”container” for your own page builder
Where These controls are the most useful is if you are using a WordPress site builder.
By Disabling certain components, you’re in a position to produce the correct baseline for your page builder layout, which makes it easy to create custom content as needed. Accordion For Generatepress
GeneratePress Pricing: Affordable And Works On Unlimited Sites
The Core GeneratePress motif can be obtained at no cost at WordPress.org.
Nevertheless, If you are seriously interested in utilizing GeneratePress, I believe you need to buy the GeneratePress Premium plugin, as that is what produces the theme so flexible. The free version does not give you almost as many settings in the WordPress Customizer. And you’ll also miss out on the premade Site Library.
GeneratePress Premium is also still quite reasonably priced. It costs only $39.95, and that provides you use on infinite websites . You’ll also get a 40% discount if you want to renew to continue receiving support and upgrades following the first year (you can, obviously, keep using GeneratePress after the initial year without beating — you won’t get any more updates).
When You believe the normal premium WordPress theme will usually cost around $60, GeneratePress provides a great price.
As I mentioned, I do not think GeneratePress is for everybody.
If You desire a niche-specific theme, you can probably save time by buying a theme that fits your needs for your niche from day one.
But If you are willing to spend some time changing settings, GeneratePress’ style controls give you the flexibility to turn it into any type of WordPress site. Or, you may even be able to find a starter website that fits your needs to save a little time.
Additionally, It is one of those fastest-loading WordPress themes you will find. Therefore, if you’re seeking the best performance possible, using GeneratePress as your WordPress site’s base is a great choice.
If You blend it with fast-loading hosting, so you should have no difficulty making your website load in under one minute. Accordion For Generatepress