Una de las mayores dificultades al crear un sitio en WordPress es elegir el mejor tema. Después de 5 años cambiando de temas constantemente, encontré el mejor tema de WordPress llamado GeneratePress y quiero hablar sobre todo ello en este artículo.
Durante mi largo viaje para hacer que mi sitio sea hermoso, traté de encontrar temas gratuitos que fueran fáciles de manejar y que hicieran posibles muchas personalizaciones. Desafortunadamente, la mayoría de los temas gratuitos ofrecen una versión mejor pagada.
GeneratePress también hace eso, existe una versión gratuita que se puede descargar directamente desde su panel de wordpress, pero en este artículo quiero centrarme por completo en la versión premium de este tema, que realmente vale la pena su inversión.
Además de temas gratuitos, ya he gastado más de 500$ dólares comprando temas, usándolos por un tiempo y quedando insatisfecho con los resultados y configuraciones. El único tema que ha satisfecho todas mis necesidades sin dar ningún problema fue el GeneratePress.
¿Por qué GeneratePress es el tema de wordpress mejor pagado?
La mayoría de los temas de WordPress decentes que se encuentran en el mercado de evanto generalmente cuestan alrededor de $ 60. Ya compré los mejores y más votados como Bimber, Rehub y Socialize, pero todos me dieron algún problema que me enfadó.
El soporte de temas es gigantesco, la base de sitios activos supera los 100.000, por lo que el foro está siempre en constante actividad, lleno de preguntas y respuestas para resolver tus problemas y personalizar el sitio de la forma que desees.
El tema también fue diseñado para ser lo más ligero posible, con un peso de menos de 30 kbps y haciendo que su sitio se cargue más rápido y tenga una buena puntuación en las métricas de carga. Es seguro, no depende de scripts externos y es muy fácil de usar para quienes no tienen experiencia con temas de wordpress.
Existen otros temas similares con la misma propuesta como Astra, si quieres ver una comparativa, tenemos este artículo en inglés que habla sobre el Astra Pro x GeneratePress.
Hasta la fecha de este artículo, GeneratePress cuesta 49.95$ dólares fuera de promoción, su principal ventaja es que la licencia permite ser usada en múltiples sitios en lugar de solo uno. Puedes comprar y usar este maravilloso tema en todos tus sitios y hasta compartirlo con amigos.
El tema premium de GeneratePress funciona a través de un plugin donde tienes total capacidad de desactivar y activar módulos que no vas a usar, dejando el tema aún más ligero. A continuación, veremos todos los módulos de WordPress, sus ventajas y funcionalidades.
GeneratePress es un tema gratuito de WordPress creado por Tom Usborne que se centra en la velocidad y la usabilidad. El complemento llamado GP-Premium permite la personalización completa del tema, abriendo la puerta a innumerables posibilidades para cualquier tipo de sitio web.
Los beneficios y características de GeneratePress
El mejor tema de wordpress te permite desactivar todas las funciones que no usas para hacer el sitio más ligero y no ver miles de opciones a la hora de personalizar. Incluso con todo activo, su sitio será súper ligero. Vea las características a continuación:
Control de diseño - Puedes activar y desactivar el tiempo que quieras los colores, tipografía, barras de navegación y maquetación del sitio web. Hay innumerables posibilidades con el control de diseño, el complemento también permite elegir un diseño estándar para personalizarlo con un solo clic.
Creación de páginas y encabezados - Con GeneratePress puede crear secciones y diseño de página. Además la opción Encabezados de página le permite crear encabezados completos y flexibles como este sitio. Dile adiós a los complementos innecesarios.
Elementos y WooCommerce - Otra ventaja de GeneratePress es la compatibilidad con los complementos Elements y WooCommerco, lo que permite numerosas cosas. La prensa de generación es compatible con 99% de los complementos, y la mayoría de las veces está preparada para ofrecer una fusión de diseño con otros complementos.
Barras de navegación - Además de la barra de navegación tradicional, puede colocar un estilo secundario y deslizante. Puede elegir configurar el menú, además de los colores, tamaño, tipo de fuente, posición, logotipo, etc.
Manos - Esta función le permite agregar códigos en ciertas ubicaciones de páginas globales como Encabezado y Pie de página. Perfecto para agregar códigos de Google Analytics, adsense, ADX y otras etiquetas que usa habitualmente en su sitio web.
Barras laterales y pie de página - GeneratePress permite configurar el tamaño de las barras laterales que son el widget, activando y desactivando las barras laterales y también la personalización completa de Footer.
Gutenberg - El tema Generate Press es totalmente compatible con Editor Gutenberg y muestra las cosas como aparecen en la página. Se agregan numerosas funciones con cada actualización de GeneratePress.
Esas fueron solo algunas de las características 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ímites o tener una experiencia de código enorme.
Actualmente GeneraPress ha recibido más de 700 reseñas de 5 estrellas en wordpress.
MIS PERSONALIZACIONES - Cómo uso Generate Press
A pesar de las innumerables posibilidades, mi objetivo es mantener el tema limpio y directo, perfecto para la lectura. Así que eliminé todas las barras laterales y me concentré solo en el encabezado y el pie de página para captar la atención del lector sobre asuntos más allá del texto del artículo.
En el encabezado utilizo el Page Headers para poner la imagen de fondo del artículo, el título, la categoría y una caja de captura de correos electrónicos para los visitantes. Puedo cambiar la hora que quiera y añadir o quitar enlaces u otros botones en el encabezado de todos los artículos.
Para crear este PageHeader utilicé el siguiente código:
<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 AQUIEn el blog y archivos utilizo la opción que permite mostrar 3 columnas de cuadrículas de artículos con la miniatura en el tamaño de 375 × 175 el título del artículo y la categoría a la que pertenece el artículo.
A continuación compartiré algunos códigos que utilizo para personalizar Generate Press de la forma que quería, tal vez eso también te ayude a resolver algunos problemas.
Centralicé las imágenes usando el siguiente código en un contenedor de 1200px:
.wp-block-image img {
width: 100%;
}
.myphoto {
padding-bottom:20px!important;
}Esto hace que todas las imágenes centradas que coloque en el artículo se vean bonitas y sin problemas. También coloqué un div en todas las imágenes del artículo utilizando el siguiente código dentro de 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' );También tuve que utilizar el siguiente filtro en functions.php para que las imágenes de la lista de artículos (blogs y archivos) de GeneratePress alojaran las miniaturas en Photon de Jetpack:
add_filter( 'jetpack_photon_override_image_downsize', '__return_true' );También utilicé el siguiente código para excluir la visualización de artículos de determinadas categorías de la página de inicio de WordPress, funciona con cualquier tema:
function excludeCat($query) {
if ( $query->is_home ) {
$query->set('cat', '-675');
}
return $query;
}
add_filter('pre_get_posts', 'excludeCat');675 es el ID de categoría que desea excluir, puede encontrarlo en el enlace a la página de edición de categoría en wp-admin.
Por último, también utilicé un código en functions.php que permite la adición de etiquetas a los vídeos y corregir algunos problemas de css relacionados con la posición del vídeo:
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' );Diferentes colores para la categoría wordpress. - También personalicé cada categoría del sitio web para mostrar diferentes colores en los menús y subtítulos H2. Dejaré la hoja CSS a continuación para que realice cambios si desea hacer lo mismo en su sitio web:
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;}No hay ningún problema con el tema GeneratePress, estos códigos que presenté son opcionales y pueden ser útiles si decides comprar el mejor tema de wordpress del mundo.
Espero que haya disfrutado de este artículo sobre el mejor tema de WordPress y gracias si decide comprar el tema a través de nuestro sitio web. Si te gustó el artículo, deja tus comentarios y comparte con tus amigos el mejor tema de wordpress.