What Is GeneratePress
GeneratePress is a WordPress theme for bloggers and publishers. It includes features like powerful post-types, image sliders, shortcodes, custom menus, and widgets that make it easy to create a unique website. Today I will review that why I use GeneratePress and why my websites are Ultra Fast.
GeneratePress stands out from other themes on the market today. GeneratePress is a WordPress theme with an elegant and minimalistic design. It includes many features for creating a blog or website.
The theme’s homepage has sections on the left-hand side to help you navigate through different types of pages that can be created in this theme. There are also demo sites so that you can see what your site will look like before deciding if it is right for you. I am not using any kind of site library because I have made some changes to my website through custom CSS and HTML.
However, if you want the same look as my website then you should try the marketer library in GeneratePress. You will achieve almost the same design with the marketer Library in GeneratePresss.
You can preview all of the content by scrolling down, including navigation menus, widgets, and color schemes which make this theme easy to customize without having any knowledge about coding or editing files on your computer system.
As well as starter layouts from which to choose when starting out with your website-building adventure! If there’s anything else you.
The one thing I like about GeneratePress is that it comes with only 10KB of page size which makes it ultra-fast and different from other themes.
GeneratePress Quick Review
GeneratePress is a lightweight WordPress theme that focuses on speed, stability, and accessibility. Free (paid) theme created by Tom Usborne Developer from Canada.
The theme has more than 2.8M active installation in WordPress and 1,000 5-star ratings. The developer of this theme is very responsive and supportive he knows what he is doing.
The best thing about this theme is that its focuses on speed which I like the most. The premium version comes with developer-friendly support.
It can help you build all the aspects of your website without touching a line of code. With Dynamic Block Elements, GeneratePress gives you total design freedom to create whatever content and styles that are needed while not having an expert developer.
The free GeneratePress theme puts the user in charge, focusing on speed and usability above all else. It prioritizes what your website needs to succeed with visitors & search engines alike; without compromising accessibility along the way.
The options are endless; from post meta to site footers, page heroes to author boxes, single post templates to 404 pages – with custom posts cards and anything else in between.
What Comes with Paid Version?
GeneratePress Premium has hundreds of customization controls and professionally designed starter sites to help you create your site faster than ever before. With block-based theme building, GeneratePress takes the next level with premium features that are unmatched in other themes for WordPress
The following passage is about what a premium version can do for someone looking to build their website quickly: Accelerating workflow with GeneratePress Premium.
Hundreds of customization options allow professionals like yourself to get started creating an amazing site within minutes! The block-based design allows users to unleash creativity without being bogged down by complex web development languages or CSS issues – this will be especially helpful if you’re not experienced enough in coding but still want professional quality results.
Some GeneratePress Premium Features
- Features
- Elements
- Performance
- Speed Test
- Customization options
- Pricing
Adding CSS to GeneratePress
The simplest way to apply CSS is by installing the Simple CSS plugin. This allows you to edit your site’s custom code with a nice dashboard editor without worrying about creating any files or doing anything complicated at all!
One of the best features of this plugin is that you can write CSS for individual pages. You don’t have to apply it globally, which means less hassle and more control over your design! To install Simple CSS on WordPress, go to Plugins > Add New in your Dashboard and search “Simple CSS”.
Using GeneratePress Child Theme
If you’re using a child theme, use the style.css file to add CSS changes. If your website has few modifications other than adding some code for design purposes, it might be overkill – keep in mind that there are two easy ways of making these edits without going through all the hassle with creating and activating themes: media queries or conditional comments.
Features
GeneratePress is a free WordPress theme that offers Limited customization options but I prefer going through the paid version because the free one is very restricted, It has built-in SEO features, and is responsive. Read on to learn more about this versatile theme.
Speed Test
The perfect foundation for a site that will reach 100% page speed scores is the free, lightweight theme. It only takes 7.5kb worth of load and 2 HTTP requests to do so!
GeneratePress is a WordPress theme that was designed to be responsive and lightweight. That’s what honestly I like about this theme that it is super fast and mobile-responsive.
Here are my speed tests of GeneratePress.
It is built for bloggers who want to create an online Ultrafast multipurpose website without adding any kind of extra bloat.
The GeneratePress theme has a clean design, with a readability as its main focus. The blog-style layout features large images, minimal text, and no clutter on the page so readers can comfortably scan through your posts.
Elements
In addition to this clean design, GeneratePress developer Tom has also included some great Hooks Element that allows you to create multiple things such as a custom header/footer or author box as I mentioned below.
Customization options
GeneratePress is a WordPress theme that can be customized by the end-user to make it uniquely theirs. In this blog post, I’ll cover ways to customize your site’s appearance, such as text color and font, background colors and images, header options, and more.
Now in the layout option, you are going to customize everything about your websites Like container size, sidebar size, and more.
You can even add background images to your website with the background image feature. Now if you are not using any of these elements then simply click on deactivate because it will help you to get even better speed and stability.
GeneratePress Custom Customization (Free)
I will also show you how I customized this website with GeneratePress with Some CSS Tweaks.
First, let us learn how to create a simple and good-looking author box with generate press hook element so you can understand what it looks like.
You can see the author box at the bottom of this post which is created By GeneratePress Hook Element. Here is how to show a simple author box after post.
Here is how to Add this Author Box in few seconds.
Go to your WordPress Dashboard click On GeneratePress and Select Add New Element
Just follow these steps and add the given code to your Hook elements. Below These images I have added some extra codes for you so, It can save you some time while customizing GeneratePress.
Download the complete CSS code what I have used on wpsyed.com.
HTML Code For Author Box
<div class="author-box">
<div class="avatar"><?php echo get_avatar( get_the_author_meta( 'ID' ));?></div>
<h5 class="author-title"><?php printf( get_the_author_meta( 'display_name') );?></h5>
<div class="author-summary">
<p class="author-description"><?php echo links_add_target(get_the_author_meta( 'description' )); ?></p>
</div>
</div>- Enable Execute PHP option
- set priority to 20
Author Box CSS
.author-description {
margin-bottom:5px;
}
.author-box {
padding: 4%;
margin-top: 30px;
display: flex;
flex-wrap: wrap;
background-color: #fafafa;
}
.author-box a {
border-bottom: 2px solid rgba(45, 130, 230, 0.4);
}
.author-box .avatar {
width: 40px;
border-radius: 100%;
margin-right: 20px;
}
h5.author-title {
margin-bottom: 0.5em;
font-size:1.5em;
}
element.style {
}
.author-box {
padding: 4%;
margin-top: 30px;
display: flex;
flex-wrap: wrap;
background-color: #F2F4F9;
}GeneratePress Sticky Sidebar
You can make your last right sidebar stick in GeneratePress without any jquery code or plugin. Copy and paste this css code in your WordPress Customizer.
@media (min-width: 769px) {
.site-content {
display: flex;
}
.inside-right-sidebar {
height: 100%;
}
.inside-right-sidebar aside:last-child {
position: -webkit-sticky;
position: sticky;
top: 50px;
}
}Page/Post next no Numbers
If you want to show previous and next on your posts pages then simply paste this css code.
.nav-links .page-numbers:not(.next):not(.prev) {
display: none;
}Sidebar Widget Shadow Effects
If you want to make your right sidebar more cool and attractive with some light shadow effects then use this CSS code.
.sidebar .widget {
padding: 15px;
border:1px solid rgba(0,0,0,.05);
border-radius: 4px;
box-shadow: 0 0 27px 0 rgb(214 231 233 / 52%);
}
.one-container .sidebar .widget {
padding: 10px;
}
.one-container.both-right .site-main, .one-container.right-sidebar .site-main {
padding: 5px;
border: px solid grey;
border-radius: 1px;
box-shadow: 1px 1px 1px grey;
}
.one-container .site-main {
padding: 5px;
border: px solid grey;
border-radius: px;
box-shadow: 1px 1px 1px grey;
}
::selection {
background-color: #ff6200;
color: #fff;
}Create a Separate Line in Articles
if you want to create a simple white color line after each article then paste the following css code to your WordPress customizer.
.separate-containers .inside-article {
border-bottom: 1px solid rgba(0,0,0,.08);
}Changing the Sidebar Links Color
The default blue color of the right sidebar links in GeneratePress Looks awesome but if you want to change this color from blue to something else then use this CSS code.
Here is how after adding the code the link color of the right sidebar will be changed.
.footer-widgets .widget :last-child, .sidebar .widget :last-child {
margin-bottom: 0;
}
.wp-show-posts-inner :last-child {
margin-bottom: 0;
}
body .wp-show-posts a {
box-shadow: ;
}
.wp-show-posts-entry-title a {
text-decoration: none;
}
a {
color: Black;
}
a, a:focus, a:hover, a:visited {
text-decoration: none;
}
I created a simple post list from the wp show post plugin also from Tom Usborne the developer of GeneratePress. Just make 7 posts recent in your sidebar.
GenerateBlocks Ultimate Block Page Builder
Introducing the future of website building.
With dynamic blocks that are easily customizable within seconds using various elements such as post meta or 404 pages; your options have never been more limitless.
GeneratePress Pricing
There are two plans for the GeneratePress theme. One is yearly and the second is lifetime/one-time payment. You can choose any plan according to your needs. Let say if you want to build 100 sites for your clients then you should go for a lifetime package.
If you are on a very low $ budget or just starting out then I do recommend the yearly plan because most people can’t afford $249 in the start just for a theme.
Conclusion
Hands down the best WordPress lightweight theme for E-commerce blogs and agencies based sites. If you are looking for a ready-made website theme for your next project then GeneratePress is the best option. Otherwise, you can read more reviews or explore some other things about GP before purchasing it.
