Intro Putting An Image In Menu WordPress Generatepress
Within the previous ten decades, I’ve used a lot of different WordPress themes and have been really disappointed. Up until recently, I had been using MyThemeShop, which was fairly good. However, I had to perform a great deal of customization to allow it to do and work how I wanted it to. A few of weeks ago I decided to provide GeneratePress a try, and let me just say, it is undoubtedly the best WordPress theme I have discovered in 10 years. I was blown away and am moving all of my websites to GeneratePress. I will go into exactly why in my comprehensive GeneratePress review below. And if you’re wondering, yes I’ve attempted Genesis, Astra, OceanWP, Avada, X motif, Divi as well as several other lightweight and heavier multi-purpose themes. Putting An Image In Menu WordPress Generatepress
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’m pretty picky when it comes to web performance, and so I tend to ignore everything from the repository. Typically because a lot of stuff on there isn’t that great, or not supported for long. However, in this case, that was a mistake. The theme now has over half a million downloads, 80,000+ active matches, with over 500 5-star evaluations. So obviously Tom is doing something right here.
I Actually set up the free version of the motif and in a matter of 15 minutes purchased the superior version. I could tell right off the bat, the programmer was thinking precisely how I was imagining a theme should work. And I will go into that more below, but let’s first look at some of the qualities. I will be covering the premium version of the subject, because it’s worth very penny. In fact, Tom, if you ever read this and are visiting Scottsdale, Arizona, java on me.
Super lightweight and fast. Modular design allowing you to enable/disable things you don’t need running. This is one of the biggest reasons I adore GeneratePress.
Responsive, looks great across all of the devices.
Schema built-in, for greater results in SERPs.
Impressive integration using the WordPress Customizer. I have not been a fan of this customizer in the past, but Tom does it right.
Compatible with popular plugins, Yoast SEO, WooCommerce, EDD, BuddyPress, bbPress, and WPML. Fantastic browser support back to IE8.
Additionally, it works great with all the popular fast-growing Elementor page builder. If you would like to dive into even more customizations, these really are a great combo. I have also read that individuals using Beaver Builder have had success.
Font wonderful built in.
A lot of hooks and filters that make it great for developers.
Great active support from the programmer. On average, 3 updates per month.
The Documentation is also unbelievable. Besides have great documentation on their site, the theme has existed long enough that what I wholeheartedly during the setup process was found inside a few seconds from their own forum.
Diving Into GeneratePress
Now it’s Time for the fun part! I test a new theme right from the box without any customizations to just see how quickly the base is. This tells me a lot of what I could expect by the time that I add everything to it. Running the inventory GeneratePress WordPress motif on Kinsta hosting clocked in at a whopping 265 ms loading time. I was very impressed.
One Thing I was worried about with GeneratePress was that the modular layout was going to generate a whole lot of big files, but this isn’t the case. You may tell that Tom actually worked hard on ensuring every file packed in GeneratePress is as little as possible. With HTTP/2, the amount of files is not as important. However, the dimensions is! Have a look at some of the center GeneratePress files below:
/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 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 corner, we can anticipate that to secure smaller also.
The premium add-ons Are installation in what I would call a modular layout. You can activate/deactivate whatever you are not using to ensure they do not load on your website. As the co-developer of the perfmatters plugin that has a script supervisor built, I felt at home for this. Everything ought to be made this way.
If You’re interested, I’m using the next add-ons on this website:
No Child Theme Needed
One of The best features of GeneratePress is that I no longer need to use a Child motif . This makes my life much easier. No longer editing my functions.php or header.php files. I will literally update my GeneratePress theme this exact minute rather than lose a single customization. The hooks add-on certainly helps make this possible. It permits you to add custom code/PHP everywhere throughout your WordPress website. Putting An Image In Menu WordPress Generatepress
Other Things I Love About GeneratePress
On every Page/post you have a great deal of options. You can change the sidebar design and the footer widgets.
You Can quickly swap a page involving the default to a full width page, in addition to disable components.
The WordPress customizer choices is really where GeneratePress really shines! Bear in mind, lots of these options are permitted from the premium add-ons. I can not show you everything, otherwise, we’d be here daily. But let me show you couple which actually come in handy.
Another Plugin I highly suggest grabbing is the free Lightweight Grid Columns. Not to my surprise, this can be created by the same developer as GeneratePress. It enables you a super simple way to incorporate responsive columns into any page or post. Characteristics include:
Desktop grid width
Tablet grid thickness
Mobile grid width
Add custom classes
Insert custom inline designs
Equal height columns
This is An example below:
You May Want to Also grab his incredible WP Show Posts plugin too. See my featured articles on the sidebar of this site? That’s using the WP Display 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 posts, etc.. I’m using the free version and it works great.
The Segments add-in in the premium version of GeneratePress allows you to perform all kinds of things in terms of design. Think of it like a page builder without the bloat. GeneratePress is definitely not just for blogs! I’m in reality using GeneratePress to our ecommerce website (perfmatters.io) which is running Easy Digital Downloads. Feel free to check it out. But as you can see below, it looks nothing like a site.
For those Of those who are regular readers, you probably didn’t even notice I changed the whole theme that powers woorkup.com. It just took me about an hour for GeneratePress to mimic my MyThemeShop theme that I had spent annually customizing. Here’s a comparison under.
woorkup.com Old MyThemeShop Theme
My older MyThemeShop motif was pretty quickly, but I invested a great deal of time scrutinizing it. In fact, I’ve gotten a great deal of emails from you guys asking me to print all of my customizations. My advice today is, just get GeneratePress!
woorkup.com New GeneratePress Theme
Together with the New GeneratePress motif I was able to achieve faster speeds and 600 fewer lines of code! And keep in mind, I do not have a child theme. All the customizations were created 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 can create a replica of woorkup for the brand new GeneratePress site library. I’m pleased to allow you to know that you can now install my woorkup motif on your GeneratePress site with only a single click! It’s called the Marketer motif. Get started with a great blog design instantly.
brianjackson.io Old Array Theme’s Theme
I also Moved over my private website, brianjackson.io, to GeneratePress. Previously I was using a motif from Array Themes. It is a fairly basic minimal website, as I don’t use it to get much. Since you can see it already loaded pretty fast.
brianjackson.io New GeneratePress Theme
I had been Able to duplicate the entire look 100% in GeneratePress in under one hour. And as you can see it loads even faster! Amazing. I was able to get rid of a couple plugins which weren’t needed because of GP.
forgemedia.io Old Array Theme’s Theme
I also Moved over our business site, forgemedia.io, to GeneratePress. Previously I was using a motif from Array Themes. It is a pretty basic minimal site, as we simply use it for our LLC. As you can see it already loaded pretty quickly. Putting An Image In Menu WordPress Generatepress
forgemedia.io New GeneratePress Theme
I was Able to again move everything over and get it looking just how I needed 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 total page weight 2x!
I can’t express my Excitement about locating GeneratePress and I am moving over all my websites to it (which comprises several EDD e-commerce websites ). After I have my 9 websites all running in GP with no child topics, my life will be a breeze! The developer has restored my faith in multi-purpose themes, and that when done the correct way, can actually perform quicker.
And The best news isI now have a billion more options to choose from than I did before.
What GeneratePress Is Good For…
GeneratePress Is the perfect alternative for performance-focused users who wish 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 functionality, the site that you build will have a fantastic foundation to make it load quickly.
Because Of that, those who build WordPress websites for a living love GeneratePress. They will normally pair it with a WordPress page builder and use it for literally any type of website.
However GeneratePress Might Not Be A Fantastic Fit If…
…you Need something that will instantly appear perfect out of the box.
For Example, if you know you wish to produce a fashion blog, you might be happier choosing a niche theme that is developed exclusively for trend bloggers.
Even though GeneratePress is becoming a great deal easier to use, as a result of its pre-built Website Library, GeneratePress still looks very barebones when you first install it.
So To create GeneratePress look how you would like it to, you will almost certainly need to go in and customize things. And though the substantial advantage of GeneratePress is how customizable it is, many users, particularly casual users, don’t like having to make those changes themselves.
GeneratePress Features Which Make It Unique
Here Are a few of the specific features that clarify why GeneratePress is indeed common.
Lots Of Customization Options From The Real-Time WordPress Customizer
Beyond Functionality, another place where GeneratePress does nicely is its customization choices.
GeneratePress Uses the WordPress Customizer for customization, which is convenient as you will have the ability to see all the changes that you create in real time.
The Free version of GeneratePress gives you adequate options, but if you own GeneratePress Premium, you’ll have the ability to customize nearly everything about your site.
For Example, if you go in the Layout area, you may configure comprehensive settings for yourown:
- Header — you can move your header around and change its styling
- Navigation — GeneratePress gives you two different navigation options, including sticky menus
- Sidebar design — you can use one or two sidebars
- Blog post design — like featured image size, metadata, etc..
- Footer layout — like how many widgets to add
Similarly, The Typography area enables you to control the font to get every single element on your website, such as buttons:
And You also get a thorough region to control the colour of every single element on your website.
All In all, GeneratePress will provide you a lot more customization choices in the WordPress Customizer compared to most other themes. This level of detail might be a bit overwhelming if you are a newcomer. But as soon as you realize how the settings come together, you’ll have full control over how your website looks.
Optimized Performance And Quick Page Load Times
Around All its features, GeneratePress always includes a focus on exceptional performance and tidy code. The whole motif 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 poorly coded themes can even surpass 1 MB!
GeneratePress Also does not have any code dependencies, which will help you avoid the leave blocking error that Google Pagespeed Insights often cites.
Put That together, and you obtain a superfast-loading motif. How fast? To give you an idea, I ran a little 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 requests
That’s Not bad at all! But GeneratePress can perform.
Next, I activated GeneratePress on exactly the exact same test site without changing anything else. Here is how GeneratePress did:
- Had a performance tier of 87, 10 points greater
- Loaded in 666 ms, ~37% faster
- Had a page size of 26.8 kB, ~90% smaller
- Had 9 asks, ~40% less
If You perform the exact same test with other themes, you’ll continue to see that GeneratePress is one of those fastest-loading WordPress themes in life. Putting An Image In Menu WordPress Generatepress
Other Helpful Premium Extensions, Plus Much Modular Approach
Past Giving you more style controls from the WordPress Customizer, GeneratePress Premium also comes with a lot of other helpful features like:
- Elements — a unique feature which allows you create customized hooks, page headers, or layout templates.
- Page Header — lets you create a exceptional page header on a per-page basis.
- Sections — this is sort of like lightweight page construction. It permits you to create separate”sections” onto a page, each with their own design and column settings.
To Stay lightweight, GeneratePress also gives you a modular port where you can pick and choose what characteristics you want to trigger.
That Way, you do not have to slow down your site for a quality that you’ll never use.
Pre-Made Starter Sites Make It Easier To Design Your Website
In The past, you had to construct GeneratePress websites from a blank canvas no matter what, which made the motif difficult for casual users to set up.
Earlier In 2018, though, the programmer added a new Site Library feature for GeneratePress Premium users that lets you easily import any one of those 25+ pre-built demo sites.
You Can import them directly from the WordPress dashboard.
Yes this site still uses GeneratePress! All I did was click on a few buttons to import a demo site.
Page-Level Settings Provide You Comprehensive Control Over Every Bit Of Content
With Most topics, each post and page will use the very same settings for the most part. You may have some custom templates or formats — however you do not have very much control beyond that.
GeneratePress Changes that by giving you a brand new Design meta box for each and every post and page:
You Can utilize this meta box to:
- Change how many sidebars your website uses, or the sidebar orientation (such as altering the sidebar from right to left)
- Choose the number of footer widgets to utilize
- Disable certain elements, like your header, navigation menu, post featured picture, article title, or footer
- Produce a special”container” to your own page builder
Where These controls would be the most useful is if you are using a WordPress page builder.
By Disabling certain components, you’re able to create the correct baseline for your own page builder design, making it effortless to create custom content as needed. Putting An Image In Menu WordPress Generatepress
GeneratePress Replies: Cheap And Works On Unlimited Sites
The Heart GeneratePress motif can be obtained at no cost at WordPress.org.
Nevertheless, If you are serious about using GeneratePress, I feel you should purchase the GeneratePress Premium plugin, as that is what produces the theme so flexible. The free version does not 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 fairly affordable. It costs only $39.95, and that gives you use on infinite websites . You’ll also get a 40% discount if you would like to renew to continue receiving support and updates following the initial year (you can, obviously, keep using GeneratePress following the initial year without renewing — you won’t receive any more updates).
When You consider that the typical premium WordPress theme will usually cost around $60, GeneratePress provides a fantastic price.
As I said, I do not think GeneratePress is for everyone.
If You want a niche-specific motif, you can probably save time by buying a theme that fits your needs for your niche out of day one.
However, If you are willing to spend time altering settings, GeneratePress’ mode controls give you the flexibility to flip it into any type of WordPress site. Or, you may even have the ability to find a starter website that fits your needs to save some time.
Additionally, It is among those fastest-loading WordPress topics that you will locate. So if you’re seeking the best performance possible, using GeneratePress as your WordPress site’s foundation is a great choice.
If You combine it with fast-loading hosting, you shouldn’t have any problem making your website load in under one minute. Putting An Image In Menu WordPress Generatepress