{"id":26,"date":"2019-01-16T14:58:02","date_gmt":"2019-01-16T14:58:02","guid":{"rendered":"http:\/\/kevinbk.com\/\/?p=26"},"modified":"2022-02-17T09:40:22","modified_gmt":"2022-02-17T09:40:22","slug":"generatepress-o-melhor-tema-de-wordpress","status":"publish","type":"post","link":"https:\/\/kevinbk.com\/en\/generatepress-the-best-wordpress-theme\/","title":{"rendered":"GeneratePress &#8211; The best WordPress Theme"},"content":{"rendered":"<p>One of the biggest difficulties of making a website on WordPress is choosing the best theme. After 5 years of constantly changing themes I found the best WordPress theme called <strong><a href=\"https:\/\/generatepress.com\/?ref=1704\" target=\"_blank\" rel=\"noopener\">GeneratePress<\/a><\/strong> and I want to talk about it all in this article.<\/p>\n\n\n\n<p>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. <\/p>\n\n\n\n<p>O <strong>GeneratePress<\/strong> also does this, there is a free version that can be downloaded directly from your wordpress panel, but in this article I want to give the full focus on the premium version of this theme, which is totally worth your investment. <\/p>\n\n\n\n<p>In addition to free themes, I've already spent over $ 500 buying themes, using them for a while and getting dissatisfied with the results and settings. The only topic that met all my needs without giving any problem was the <strong><a href=\"https:\/\/generatepress.com\/?ref=1704\" target=\"_blank\" rel=\"noopener\">GeneratePress<\/a><\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image\" data-no-translation=\"\" data-no-auto-translation=\"\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/i0.wp.com\/kevinbk.com\/wp-content\/uploads\/2019\/01\/temas-generatepress.jpg?resize=800%2C500\" alt=\"GeneratePress - O melhor Tema de WordPress\" class=\"wp-image-39\" title=\"\" data-recalc-dims=\"1\" data-no-translation=\"\" data-no-auto-translation=\"\"><\/figure><\/div>\n\n\n\n<div class=\"wp-block-button aligncenter\"><a class=\"wp-block-button__link\" href=\"https:\/\/generatepress.com\/?ref=1704\" target=\"_blank\" rel=\"noopener\">Click here to access the GeneratePress website<br><\/a><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"melhor\">Why is GeneratePress the best paid wordpress theme?<\/h2>\n\n\n\n<p>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. <\/p>\n\n\n\n<p>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. <\/p>\n\n\n\n<p>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. <\/p>\n\n\n\n<p>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 the <a href=\"https:\/\/www.wpcity.com\/astra-pro-vs-generatepress-premium\/\" data-type=\"URL\" data-id=\"https:\/\/www.wpcity.com\/astra-pro-vs-generatepress-premium\/\" target=\"_blank\" rel=\"noopener\">Astra Pro x GeneratePress<\/a>. <\/p>\n\n\n\n<div class=\"wp-block-image\" data-no-translation=\"\" data-no-auto-translation=\"\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/i0.wp.com\/kevinbk.com\/wp-content\/uploads\/2019\/01\/header-generatepress.jpg?resize=1024%2C385\" alt=\"-\" class=\"wp-image-41\" title=\"\" data-recalc-dims=\"1\" data-no-translation=\"\" data-no-auto-translation=\"\"><\/figure><\/div>\n\n\n\n<p> As of the date of this article, the <strong>GeneratePress<\/strong> it costs 49.95 $ dollars out of promotion, 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. <\/p>\n\n\n\n<p>The premium theme of <strong>GeneratePress<\/strong> it works through a plugin where you have full ability to disable and activate modules that you will not use, leaving the theme even lighter. Below we will see all the wordpress modules, their advantages and features.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">GeneratePress is a free WordPress theme created by <strong>Tom Usborne<\/strong> 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. <\/pre>\n\n\n\n<div class=\"wp-block-button aligncenter\"><a class=\"wp-block-button__link\" href=\"https:\/\/generatepress.com\/?ref=1704\" target=\"_blank\" rel=\"noopener\">Click here to access the GeneratePress website<br><\/a><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"vantagens\">The benefits and features of GeneratePress<\/h2>\n\n\n\n<p>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: <\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/141487668?app_id=122963\" width=\"1200\" height=\"675\" frameborder=\"0\" title=\"GeneratePress Overview\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><strong>Layout Control<\/strong> \u2013 You can turn the colors, typography, navigation bars and layout of the website on and off anytime you want. There are numerous possibilities with layout control, the plugin also allows you to choose a default layout to be customized in one click. <\/p>\n\n\n\n<p><strong>Page and Header Creation<\/strong> \u2013 With GeneratePress you can create sections and page layout. Also the option <strong>Page Headers<\/strong> allows you to create full and flexible headings like this site. Say goodbye to unnecessary plugins. <\/p>\n\n\n\n<p><strong>Elements<\/strong> and <strong>WooCommerce&nbsp;<\/strong>\u2013 Another advantage of GeneratePress is the support for the plugins Elements and WooCommerco, enabling many things. generate press is compatible with plugins 99%, and most of the time is prepared to deliver a layout merge with other plugins.<\/p>\n\n\n\n<p><strong>Navigation bars<\/strong> \u2013 In addition to the traditional navigation bar, you can place a secondary and a slideout-style one. You can choose to fix the menu, besides the colors, size, font type, position, logo and so on.<\/p>\n\n\n\n\n\n<p><strong>Hooks<\/strong> \u2013 This function allows you to add codes in certain global page locations like Header and Footer. Perfect for adding Google Analytics codes, adsense, ADX and other tags you often use on your website. <\/p>\n\n\n\n<p><strong>Sidebars and Footer<\/strong> \u2013 GeneratePress allows you to configure the size of the sidebars that are the widget, enable and disable the sidebars and also the full customization of Footer.<\/p>\n\n\n\n<p><strong>Gutenberg<\/strong> \u2013 The Generate Press theme is fully compatible with Editor Gutenberg and displays things as they appear on the page. There are numerous functions added with each update of GeneratePress. <\/p>\n\n\n\n<p>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. <br><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">Currently GeneraPress has received more than 700 5-star reviews on wordpress.  <\/pre>\n\n\n\n<p class=\"has-background\" style=\"background-color:#e3f6fe\"><a href=\"https:\/\/generatepress.com\/?ref=1704\" target=\"_blank\" rel=\"noopener\"><strong>Click here and visit the GeneratePress website to learn more and buy the theme.<\/strong><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"utilizo\">MY CUSTOMIZATIONS \u2013 How I use Generate Press<\/h2>\n\n\n\n<p>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. <\/p>\n\n\n\n<p>In the header I use the <strong>Page Headers<\/strong> to place the article's background image, title, category and an email capture box for visitors. I can change the time I want and add and remove links or other buttons in the header of all articles.<\/p>\n\n\n\n<p>To create this PageHeader I used the following code: <\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\"><code data-no-translation lang=\"php\" class=\"language-php line-numbers\">&lt;h1> &lt;span class=\"titulo-artigo\">{{post_title}}&lt;\/span>&lt;\/h1>\n&lt;span class=\"titulo-artigo2\">{{post_terms.category}}&lt;\/span>\n&lt;span class=\"titulo-artigo3\">ESCRITO POR &lt;strong>{{post_author}}&lt;\/strong> \/\/ [autor-imagem]&lt;\/span>\n &lt;span class=\"titulo-artigo4\">&lt;a href=\"https:\/\/skdesu.com\/pjosb\" >MATR\u00cdCULAS ABERTAS - PJO - CLIQUE AQUI&lt;\/a>&lt;\/span>\n&lt;style> .container.grid-container {margin-top: -50px;} .titulo-artigo { margin: 0;\n    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;} &lt;\/style>\n\nFORMULARIO DE E-MAIL AQUI<\/code><\/pre>\n\n\n\n<p>In blog and archives I use the option that allows to show 3 columns of article grids with thumbnail in size 375\u00d7175 the title of the article and the category the article belongs to. <\/p>\n\n\n\n<div class=\"wp-block-image\" data-no-translation=\"\" data-no-auto-translation=\"\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/i0.wp.com\/kevinbk.com\/wp-content\/uploads\/2019\/01\/wordpress-generatepress.jpg?resize=1024%2C570\" alt=\"GeneratePress - O melhor Tema de WordPress\" class=\"wp-image-33\" title=\"\" data-recalc-dims=\"1\" data-no-translation=\"\" data-no-auto-translation=\"\"><\/figure><\/div>\n\n\n\n<p>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. <\/p>\n\n\n\n<p>I centralized the images using the following code in a 1200px container: <br><\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\"><code data-no-translation lang=\"css\" class=\"language-css line-numbers\">.wp-block-image img {\n     width: 100%;\n }\n.myphoto {\n         padding-bottom:20px!important;\n     }<\/code><\/pre>\n\n\n\n<p>This makes all the centralized images that I put in the article look cute and without problems. I also put a <strong>div in all images<\/strong> of the article using the following code inside functions.php: <\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\"><code data-no-translation lang=\"php\" class=\"language-php line-numbers\">function breezer_addDivToImage( $content ) {\n\n   \/\/ A regular expression of what to look for.\n   $pattern = '\/(&lt;img([^>]*)>)\/i';\n   \/\/ What to replace it with. $1 refers to the content in the first 'capture group', in parentheses above\n   $replacement = '&lt;div class=\"myphoto\">$1&lt;\/div>';\n\n   \/\/ run preg_replace() on the $content\n   $content = preg_replace( $pattern, $replacement, $content );\n\n   \/\/ return the processed content\n   return $content;\n}\n\nadd_filter( 'the_content', 'breezer_addDivToImage' );<\/code><\/pre>\n\n\n\n<p>I also had to use the following filter on <strong>functions.php<\/strong> for the images in the GeneratePress list of articles (blogs and archives) to host the <strong>thumbnails in the Jetpack Photon<\/strong>: <\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\"><code data-no-translation lang=\"php\" class=\"language-php\">add_filter( 'jetpack_photon_override_image_downsize', '__return_true' );<\/code><\/pre>\n\n\n\n<p>I also used the following code to <strong>exclude the display of articles &amp; nbsp; from &amp; nbsp; certain categories<\/strong> from the WordPress homepage, works with any theme: <\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\"><code data-no-translation lang=\"php\" class=\"language-php line-numbers\">function excludeCat($query) {\nif ( $query->is_home ) {\n$query->set('cat', '-675');\n}\nreturn $query;\n}\nadd_filter('pre_get_posts', 'excludeCat');<\/code><\/pre>\n\n\n\n<p>675 is the category ID you want to delete, you can find it on the link to the edit category page in wp-admin. <\/p>\n\n\n\n<p>Finally, I also used a code in functions.php that allows <strong>adding tags to videos<\/strong> and fix some css problems related to <strong>video position<\/strong>: <\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\"><code data-no-translation lang=\"php\" class=\"language-php line-numbers\">function alx_embed_html( $html ) {\n    return '&lt;div class=\"video-container\">' . $html . '&lt;\/div>';\n}\n \nadd_filter( 'embed_oembed_html', 'alx_embed_html', 10, 3 );\nadd_filter( 'video_embed_html', 'alx_embed_html' );<\/code><\/pre>\n\n\n\n<p><strong>Different colors for wordpress category <\/strong>\u2013 I also customized for each site category to display different colors in the H2 menus and subheads. I&#039;ll leave the CSS sheet below for you to make changes if you want to do the same on your site:<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\"><code data-no-translation lang=\"css\" class=\"language-css line-numbers\">body.nome-da-categoria .secondary-navigation {background-color: #690077;}\nbody.nome-da-categoria .main-navigation .main-nav ul li[class*=\"current-menu-\"] > a {background-color: #8900bf;}\nbody.nome-da-categoria ::-webkit-scrollbar-thumb {background: #8900bf;}\nbody.category-nome-da-categoria .secondary-navigation {background-color: #690077;}\nbody.category-nome-da-categoria .main-navigation .main-nav ul li[class*=\"current-menu-\"] > a {background-color: #8900bf;}\nbody.nome-da-categoria .inside-article a {color:#8900bf;}<\/code><\/pre>\n\n\n\n<p>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.<\/p>\n\n\n\n<p>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. <\/p>\n\n\n\n<p class=\"has-background\" style=\"background-color:#e3f6fe\"><a href=\"https:\/\/generatepress.com\/?ref=1704\" target=\"_blank\" rel=\"noopener\"><strong>Click here and visit the GeneratePress website to learn more and buy the theme.<\/strong><\/a><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-kevinbk wp-block-embed-kevinbk\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"wvfup2iWDU\"><a href=\"https:\/\/kevinbk.com\/en\/web-stories\/generatepress-the-best-theme-wordpress\/\">GeneratePress - The Best WordPress Theme<\/a><\/blockquote><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"\u201cGeneratePress - The Best WordPress Theme\u201d - Kevinbk\" src=\"https:\/\/kevinbk.com\/web-stories\/generatepress-o-melhor-tema-wordpress\/embed\/#?secret=EEhnHvEbjm#?secret=wvfup2iWDU\" data-secret=\"wvfup2iWDU\" width=\"360\" height=\"600\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>","protected":false},"excerpt":{"rendered":"<p>One of the biggest difficulties of making a website on WordPress is choosing the best theme. After 5 years changing<\/p>","protected":false},"author":1,"featured_media":49,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[2,1],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/kevinbk.com\/wp-content\/uploads\/2019\/01\/layout.jpg","_links":{"self":[{"href":"https:\/\/kevinbk.com\/en\/wp-json\/wp\/v2\/posts\/26"}],"collection":[{"href":"https:\/\/kevinbk.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kevinbk.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kevinbk.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kevinbk.com\/en\/wp-json\/wp\/v2\/comments?post=26"}],"version-history":[{"count":0,"href":"https:\/\/kevinbk.com\/en\/wp-json\/wp\/v2\/posts\/26\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kevinbk.com\/en\/wp-json\/wp\/v2\/media\/49"}],"wp:attachment":[{"href":"https:\/\/kevinbk.com\/en\/wp-json\/wp\/v2\/media?parent=26"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kevinbk.com\/en\/wp-json\/wp\/v2\/categories?post=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}