{"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\/es\/generatepress-el-mejor-tema-de-wordpress\/","title":{"rendered":"GeneratePress - El mejor tema de WordPress"},"content":{"rendered":"<p>Una de las mayores dificultades de crear un sitio web en WordPress es elegir el mejor tema. Despu\u00e9s de 5 a\u00f1os de temas en constante cambio, encontr\u00e9 el mejor tema de WordPress llamado <strong><a href=\"https:\/\/generatepress.com\/?ref=1704\" target=\"_blank\" rel=\"noopener\">GeneratePress<\/a><\/strong> y quiero hablar de todo esto en este art\u00edculo.<\/p>\n\n\n\n<p>Durante mi largo viaje para hacer que mi sitio sea hermoso, trat\u00e9 de encontrar temas gratuitos que fueran f\u00e1ciles de manejar y que hicieran posibles muchas personalizaciones. Desafortunadamente, la mayor\u00eda de los temas gratuitos ofrecen una versi\u00f3n mejor pagada. <\/p>\n\n\n\n<p>LA <strong>GeneratePress<\/strong> Tambi\u00e9n hace esto, hay una versi\u00f3n gratuita que se puede descargar directamente desde su panel de wordpress, pero en este art\u00edculo quiero centrarme por completo en la versi\u00f3n premium de este tema, que vale totalmente la pena su inversi\u00f3n. <\/p>\n\n\n\n<p>Adem\u00e1s de los temas gratuitos, ya he gastado m\u00e1s de $ 500 comprando temas, us\u00e1ndolos por un tiempo y no estoy satisfecho con los resultados y la configuraci\u00f3n. El \u00fanico tema que satisfizo todas mis necesidades sin dar ning\u00fan problema fue el <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\">Haga clic aqu\u00ed para acceder al sitio web de GeneratePress<br><\/a><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"melhor\">\u00bfPor qu\u00e9 GeneratePress es el tema de wordpress mejor pagado?<\/h2>\n\n\n\n<p>La mayor\u00eda de los temas de WordPress decentes que se encuentran en el mercado de evanto generalmente cuestan alrededor de $ 60. Ya compr\u00e9 los mejores y m\u00e1s votados como Bimber, Rehub y Socialize, pero todos me dieron alg\u00fan problema que me enfad\u00f3. <\/p>\n\n\n\n<p>El soporte de temas es gigantesco, la base de sitios activos supera los 100.000, por lo que el foro est\u00e1 siempre en constante actividad, lleno de preguntas y respuestas para resolver tus problemas y personalizar el sitio de la forma que desees. <\/p>\n\n\n\n<p>El tema tambi\u00e9n fue dise\u00f1ado para ser lo m\u00e1s ligero posible, con un peso de menos de 30 kbps y haciendo que su sitio se cargue m\u00e1s r\u00e1pido y tenga una buena puntuaci\u00f3n en las m\u00e9tricas de carga. Es seguro, no depende de scripts externos y es muy f\u00e1cil de usar para quienes no tienen experiencia con temas de wordpress. <\/p>\n\n\n\n<p>Hay otros temas similares con la misma propuesta que Astra, si quieres ver una comparativa, tenemos este art\u00edculo en ingl\u00e9s que habla sobre el <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> A la fecha de este art\u00edculo, el <strong>GeneratePress<\/strong> Cuesta 49.95 $ d\u00f3lares fuera de promoci\u00f3n, su principal ventaja es que la licencia permite usarlo en m\u00faltiples sitios en lugar de solo uno. Puede comprar y usar este maravilloso tema en todos sus sitios e incluso compartirlo con amigos. <\/p>\n\n\n\n<p>El tema premium de <strong>GeneratePress<\/strong> Funciona a trav\u00e9s de un complemento en el que tienes la capacidad total de desactivar y activar m\u00f3dulos que no usar\u00e1s, dejando el tema a\u00fan m\u00e1s claro. A continuaci\u00f3n veremos todos los m\u00f3dulos de wordpress, sus ventajas y caracter\u00edsticas.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">GeneratePress es un tema gratuito de WordPress creado por <strong>Tom Usborne<\/strong> que se centra en la velocidad y la usabilidad. El complemento llamado GP-Premium permite la personalizaci\u00f3n completa del tema, abriendo la puerta a innumerables posibilidades para cualquier tipo de sitio web. <\/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\">Haga clic aqu\u00ed para acceder al sitio web de GeneratePress<br><\/a><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"vantagens\">Los beneficios y caracter\u00edsticas de GeneratePress<\/h2>\n\n\n\n<p>El mejor tema de wordpress te permite desactivar todas las funciones que no usas para hacer el sitio m\u00e1s ligero y no ver miles de opciones a la hora de personalizar. Incluso con todo activo, su sitio ser\u00e1 s\u00faper ligero. Vea las caracter\u00edsticas a continuaci\u00f3n: <\/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=\"Descripci\u00f3n general de GeneratePress\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><strong>Control de dise\u00f1o<\/strong> - Puede activar y desactivar los colores, la tipograf\u00eda, las barras de navegaci\u00f3n y el dise\u00f1o del sitio web en cualquier momento que desee. Existen numerosas posibilidades con el control de dise\u00f1o, el complemento tambi\u00e9n le permite elegir un dise\u00f1o predeterminado para personalizarlo con un solo clic. <\/p>\n\n\n\n<p><strong>Creaci\u00f3n de p\u00e1ginas y encabezados<\/strong> - Con GeneratePress puede crear secciones y dise\u00f1o de p\u00e1gina. Tambi\u00e9n la opci\u00f3n <strong>Encabezados de p\u00e1gina<\/strong> le permite crear encabezados completos y flexibles como este sitio. Dile adi\u00f3s a los complementos innecesarios. <\/p>\n\n\n\n<p><strong>Elementos<\/strong> y <strong>WooCommerce&nbsp;<\/strong>- Otra ventaja de GeneratePress es el soporte para los complementos Elements y WooCommerco, permitiendo muchas cosas. generate press es compatible con los complementos 99%, y la mayor\u00eda de las veces est\u00e1 preparado para ofrecer una combinaci\u00f3n de dise\u00f1o con otros complementos.<\/p>\n\n\n\n<p><strong>Barras de navegaci\u00f3n<\/strong> - Adem\u00e1s de la barra de navegaci\u00f3n tradicional, puede colocar una secundaria y una de estilo deslizante. Puede elegir arreglar el men\u00fa, adem\u00e1s de los colores, el tama\u00f1o, el tipo de fuente, la posici\u00f3n, el logotipo, etc.<\/p>\n\n\n\n\n\n<p><strong>Manos<\/strong> - Esta funci\u00f3n le permite agregar c\u00f3digos en ciertas ubicaciones de p\u00e1ginas globales como encabezado y pie de p\u00e1gina. Perfecto para agregar c\u00f3digos de Google Analytics, adsense, ADX y otras etiquetas que usa a menudo en su sitio web. <\/p>\n\n\n\n<p><strong>Barras laterales y pie de p\u00e1gina<\/strong> - GeneratePress te permite configurar el tama\u00f1o de las barras laterales que son el widget, habilitar y deshabilitar las barras laterales y tambi\u00e9n la personalizaci\u00f3n completa de Pie de p\u00e1gina.<\/p>\n\n\n\n<p><strong>Gutenberg<\/strong> - El tema Generate Press es totalmente compatible con Editor Gutenberg y muestra las cosas como aparecen en la p\u00e1gina. Hay numerosas funciones agregadas con cada actualizaci\u00f3n de GeneratePress. <\/p>\n\n\n\n<p>Esas fueron solo algunas de las caracter\u00edsticas del mejor tema de WordPress que he conocido hasta ahora. Puedes hacer todo con este tema con este tema, personalizarlo de la manera que quieras, sin l\u00edmites o tener una experiencia de c\u00f3digo enorme. <br><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">Actualmente GeneraPress ha recibido m\u00e1s de 700 rese\u00f1as de 5 estrellas en 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>Haga clic aqu\u00ed y visite el sitio web de GeneratePress para obtener m\u00e1s informaci\u00f3n y comprar el tema.<\/strong><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"utilizo\">MIS PERSONALIZACIONES - C\u00f3mo uso Generate Press<\/h2>\n\n\n\n<p>A pesar de las innumerables posibilidades, mi objetivo es mantener el tema limpio y directo, perfecto para la lectura. As\u00ed que elimin\u00e9 todas las barras laterales y me concentr\u00e9 solo en el encabezado y el pie de p\u00e1gina para captar la atenci\u00f3n del lector sobre asuntos m\u00e1s all\u00e1 del texto del art\u00edculo. <\/p>\n\n\n\n<p>En el encabezado uso el <strong>Encabezados de p\u00e1gina<\/strong> para colocar la imagen de fondo del art\u00edculo, el t\u00edtulo, la categor\u00eda y un cuadro de captura de correo electr\u00f3nico para los visitantes. Puedo cambiar la hora que quiero y agregar y eliminar enlaces u otros botones en el encabezado de todos los art\u00edculos.<\/p>\n\n\n\n<p>Para crear este PageHeader utilic\u00e9 el siguiente c\u00f3digo: <\/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>En blog y archivos utilizo la opci\u00f3n que permite mostrar 3 columnas de cuadr\u00edculas de art\u00edculos con miniatura en tama\u00f1o 375 \u00d7 175 el t\u00edtulo del art\u00edculo y la categor\u00eda a la que pertenece el art\u00edculo. <\/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>A continuaci\u00f3n compartir\u00e9 algunos c\u00f3digos que utilizo para personalizar Generate Press de la forma que quer\u00eda, tal vez eso tambi\u00e9n te ayude a resolver algunos problemas. <\/p>\n\n\n\n<p>Centralic\u00e9 las im\u00e1genes usando el siguiente c\u00f3digo en un contenedor de 1200px: <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>Esto hace que todas las im\u00e1genes centralizadas que pongo en el art\u00edculo se vean lindas y sin problemas. Tambi\u00e9n puse un <strong>div en todas las im\u00e1genes<\/strong> del art\u00edculo usando el siguiente c\u00f3digo dentro de 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>Tambi\u00e9n tuve que usar el siguiente filtro en <strong>functions.php<\/strong> para im\u00e1genes de la lista de art\u00edculos (blogs y archivos) de GeneratePress para alojar el <strong>miniaturas en 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>Tambi\u00e9n utilic\u00e9 el siguiente c\u00f3digo para <strong>excluir la visualizaci\u00f3n de art\u00edculos en determinadas categor\u00edas<\/strong> desde la p\u00e1gina de inicio de WordPress, funciona con cualquier tema: <\/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 es el ID de categor\u00eda que desea excluir, puede encontrarlo en el enlace a la p\u00e1gina de edici\u00f3n de categor\u00eda en wp-admin. <\/p>\n\n\n\n<p>Finalmente, tambi\u00e9n utilic\u00e9 un c\u00f3digo en functions.php que permite <strong>agregar etiquetas a los videos<\/strong> y solucionar algunos problemas de CSS relacionados con <strong>posici\u00f3n de video<\/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>Diferentes colores para la categor\u00eda wordpress. <\/strong>- Tambi\u00e9n personalic\u00e9 cada categor\u00eda de sitio para mostrar diferentes colores en los men\u00fas y subt\u00edtulos H2. Dejar\u00e9 la hoja CSS a continuaci\u00f3n para que realice cambios si desea hacer lo mismo en su sitio:<\/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>No hay ning\u00fan problema con el tema GeneratePress, estos c\u00f3digos que present\u00e9 son opcionales y pueden ser \u00fatiles si decides comprar el mejor tema de wordpress del mundo.<\/p>\n\n\n\n<p>Espero que haya disfrutado de este art\u00edculo sobre el mejor tema de WordPress y gracias si decide comprar el tema a trav\u00e9s de nuestro sitio web. Si te gust\u00f3 el art\u00edculo, deja tus comentarios y comparte con tus amigos el mejor tema de wordpress. <\/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>Haga clic aqu\u00ed y visite el sitio web de GeneratePress para obtener m\u00e1s informaci\u00f3n y comprar el tema.<\/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\/es\/web-stories\/generatepress-el-mejor-tema-wordpress\/\">GeneratePress - El mejor tema de WordPress<\/a><\/blockquote><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&quot;GeneratePress - El mejor tema de WordPress&quot; - 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>Una de las mayores dificultades de crear un sitio web en WordPress es elegir el mejor tema. Despu\u00e9s de 5 a\u00f1os cambiando<\/p>","protected":false},"author":1,"featured_media":49,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"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\/es\/wp-json\/wp\/v2\/posts\/26"}],"collection":[{"href":"https:\/\/kevinbk.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kevinbk.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kevinbk.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kevinbk.com\/es\/wp-json\/wp\/v2\/comments?post=26"}],"version-history":[{"count":0,"href":"https:\/\/kevinbk.com\/es\/wp-json\/wp\/v2\/posts\/26\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kevinbk.com\/es\/wp-json\/wp\/v2\/media\/49"}],"wp:attachment":[{"href":"https:\/\/kevinbk.com\/es\/wp-json\/wp\/v2\/media?parent=26"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kevinbk.com\/es\/wp-json\/wp\/v2\/categories?post=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}