One of the biggest challenges of creating a website on WordPress is choosing the best theme. After 5 years of constantly switching themes, I found the best WordPress theme called GeneratePress and I want to share everything about it in this article.
During my long journey in making my site beautiful, I tried to find free themes that were easy to handle and that made many customizations possible. Unfortunately most free themes offer a better paid version.
GeneratePress does this too; there is a free version that can be downloaded directly from your WordPress dashboard, but in this article, I want to focus entirely on the premium version of this theme, which is well worth your investment.
Besides free themes, I have spent over 500$ dollars buying themes, using them for a while, and being dissatisfied with the results and settings. The only theme that met all my needs without giving any problems was GeneratePress.
Why is GeneratePress the best paid wordpress theme?
Most of the decent WordPress themes found on the evanto market usually cost around $ 60. I already bought the best and most voted ones like Bimber, Rehub and Socialize, but everyone gave me some problem that made me angry.
The theme support is gigantic, the base of active sites exceeds 100,000, so the forum is always in constant activity, full of questions and answers to solve your problems and customize the site the way you want.
The theme was also designed to be as light as possible, weighing less than 30kbps and making your site load faster and have a good score in the loading metrics. It is safe, without dependencies on external scripts and is very easy to use for those who have no experience with wordpress themes.
There are other similar themes with the same proposal as Astra, if you want to see a comparison, we have this article in English that talks about Astra Pro x GeneratePress.
As of the date of this article, GeneratePress costs 49.95$ dollars without a promotion, and its main advantage is that the license allows it to be used on multiple sites instead of just one. You can buy and use this wonderful theme on all your sites and even share it with friends.
The premium theme of GeneratePress works through a plugin where you have full control to deactivate and activate modules that you won't use, making the theme even lighter. Below we will see all the WordPress modules, their advantages, and functionalities.
GeneratePress is a free WordPress theme created by Tom Usborne that focuses on speed and usability. The plugin called GP-Premium allows complete customization of the theme, opening the door to countless possibilities for any type of website.
The benefits and features of GeneratePress
The best wordpress theme allows you to disable all features that you don't use to make the site lighter and not to see thousands of options when it comes to customizing. Even with all active, your site will be super light. See the features below:
Layout Control - You can activate and deactivate the time you want the colors, typography, navigation bars and layout of the website. There are countless possibilities with layout control, the plugin also makes it possible to choose a standard layout to be customized in one click.
Page and Header Creation - With GeneratePress you can create sections and page layout. In addition the option Page Headers allows you to create full and flexible headings like this site. Say goodbye to unnecessary plugins.
Elements and WooCommerce - Another advantage of GeneratePress is the support for the Elements and WooCommerco plugins, enabling numerous things. Generate press is compatible with 99% of plugins, and most of the time is prepared to deliver a layout fusion with other plugins.
Navigation bars - In addition to the traditional navigation bar, you can place a secondary and a slideout style. You can choose to set the menu, in addition to the colors, size, font type, position, logo and etc.
Hooks - This function allows you to add codes in certain locations of global pages such as Header and Footer. Perfect for adding codes from Google Analytics, adsense, ADX and other tags that you usually use on your website.
Sidebars and Footer - GeneratePress allows you to configure the size of the sidebars that are the widget, activate and deactivate the sidebars and also the complete customization of Footer.
Gutenberg - The Generate Press theme is fully compatible with Editor Gutenberg and displays things as it appears on the page. There are numerous functions added with each update of GeneratePress.
Those were just a few of the features of the best WordPress theme I've known so far. You can do everything with this theme with this theme, customize it the way you want, without limits or have a huge code experience.
Currently GeneraPress has received more than 700 5-star reviews on wordpress.
Click here and visit the GeneratePress website to learn more and buy the theme.
MY CUSTOMIZATIONS - How I use Generate Press
Despite the countless possibilities, my focus is to keep the topic clean and direct, perfect for reading. So I removed all the sidebars and focused only on the header and footer to capture the reader's attention for matters beyond the text of the article.
In the header, I use the Page Headers to place the background image of the article, the title, category, and an email capture box for visitors. I can change it whenever I want and add or remove links or other buttons in the header of all articles.
To create this PageHeader I used the following code:
<h1> <span class="titulo-artigo">{{post_title}}</span></h1>
<span class="titulo-artigo2">{{post_terms.category}}</span>
<span class="titulo-artigo3">ESCRITO POR <strong>{{post_author}}</strong> // [autor-imagem]</span>
<span class="titulo-artigo4"><a href="https://skdesu.com/pjosb" >MATRÍCULAS ABERTAS - PJO - CLIQUE AQUI</a></span>
<style> .container.grid-container {margin-top: -50px;} .titulo-artigo { margin: 0;
padding: 0; background-color: #c90202; padding:5px; text-transform: uppercase;} .titulo-artigo2 { background-color: #9e0101; padding:5px; text-transform: uppercase; font-size: 18px;} .titulo-artigo3 { background-color: #8e0601; padding:5px; text-transform: uppercase; font-size: 14px;} .titulo-artigo4 { background-color: #8e0601; padding:5px; text-transform: uppercase; font-size: 14px;} @media(max-width: 768px) {.page-header-content-container {max-height:200px; padding-top: 100px;} } .semana-japonesa { background-color: #000000; padding:5px; text-transform: uppercase; font-size: 22px; border: 2px; border-color: #bf0000; border-style: solid;} </style>
FORMULARIO DE E-MAIL AQUIIn the blog and archives I use the option that allows to show 3 columns of article grids with the thumbnail in the size of 375 × 175 the title of the article and the category to which the article belongs.
Below I will share some codes that I use to customize Generate Press the way I wanted, maybe that will also help you solve some problems.
I centralized the images using the following code in a 1200px container:
.wp-block-image img {
width: 100%;
}
.myphoto {
padding-bottom:20px!important;
}This makes all the centered images I add to the article look nice and without issues. I also added a div around all the images in the article using the following code inside functions.php:
function breezer_addDivToImage( $content ) {
// A regular expression of what to look for.
$pattern = '/(<img([^>]*)>)/i';
// What to replace it with. $1 refers to the content in the first 'capture group', in parentheses above
$replacement = '<div class="myphoto">$1</div>';
// run preg_replace() on the $content
$content = preg_replace( $pattern, $replacement, $content );
// return the processed content
return $content;
}
add_filter( 'the_content', 'breezer_addDivToImage' );I also had to use the following filter in functions.php so that the images in the list of articles (blogs and archives) of GeneratePress would host the thumbnails on Photon from Jetpack:
add_filter( 'jetpack_photon_override_image_downsize', '__return_true' );I also used the following code to remove the display of articles from certain categories from the WordPress homepage, it works with any theme:
function excludeCat($query) {
if ( $query->is_home ) {
$query->set('cat', '-675');
}
return $query;
}
add_filter('pre_get_posts', 'excludeCat');675 is the category ID you want to delete, you can find it on the link to the edit category page in wp-admin.
Finally, I also used code in functions.php that allows the addition of tags to the videos and fixes some CSS issues related to the video position:
function alx_embed_html( $html ) {
return '<div class="video-container">' . $html . '</div>';
}
add_filter( 'embed_oembed_html', 'alx_embed_html', 10, 3 );
add_filter( 'video_embed_html', 'alx_embed_html' );Different colors for wordpress category - I also customized for each category of the site to display different colors in the H2 menus and subtitles. I'll leave the CSS sheet below for you to make changes if you have the desire to do the same on your website:
body.nome-da-categoria .secondary-navigation {background-color: #690077;}
body.nome-da-categoria .main-navigation .main-nav ul li[class*="current-menu-"] > a {background-color: #8900bf;}
body.nome-da-categoria ::-webkit-scrollbar-thumb {background: #8900bf;}
body.category-nome-da-categoria .secondary-navigation {background-color: #690077;}
body.category-nome-da-categoria .main-navigation .main-nav ul li[class*="current-menu-"] > a {background-color: #8900bf;}
body.nome-da-categoria .inside-article a {color:#8900bf;}There is no problem with the GeneratePress theme, these codes that I presented are optional and can be useful if you decide to purchase the best wordpress theme on earth.
I hope you enjoyed this article on the best wordpress theme, and thank you if you decide to purchase the theme through our website. If you liked the article, leave your comments and share with friends the best wordpress theme.
Click here and visit the GeneratePress website to learn more and buy the theme.