¿Cómo crear diseños de estilo de revista con el tema GeneratePress? – Aprendermarketing.es/

GeneratePress es el tema ligero para probar si la velocidad es su enfoque principal. Anteriormente, el tema se centraba demasiado en la velocidad y no proporcionaba muchas funciones, como un cuadro de autor. Pero la última versión de GeneratePress Pro con la combinación GenerateBlocks Pro ha desbloqueado varias posibilidades. El diseño de estilo de revista es una de esas características y puede hacerlo sin complementos pesados ​​​​de creación de páginas como Elementor.

Página de inicio estilo revista

Cuando tiene miles de artículos de blog en varias categorías, tener una página de inicio estilo revista lo ayudará a exhibir bien el contenido. Sin embargo, la velocidad disminuirá drásticamente si usa Elementor, WP Bakery u otros complementos de creación de páginas. Aunque el proceso es más largo y complicado con GeneratePress, obtendrá una puntuación de 100/100 de Google PageSpeed ​​​​Insights con el diseño de la revista como se muestra a continuación.

Estas son las cosas que necesita saber antes de comenzar:

Importe una demostración o bloquee una revista

GeneratePress ofrece varias demostraciones estilo revista en la sección Biblioteca del sitio. Si te gusta alguno de ellos, solo importa el tema y edita el contenido según tus necesidades.

• Vaya a la pestaña "Apariencia > GeneratePress > Biblioteca de sitios".
• Elija demostraciones como Info o Newsroom, que vienen con un diseño estilo revista/noticias.

• Si la vista previa está atascada en la pantalla, puede ir al sitio de demostración de GeneratePress para ver información y Plantillas de noticias.
• Siga las instrucciones para importar el tema o las opciones de contenido según sus necesidades.

Como puede ver, el sitio de demostración solo necesita el complemento GenerateBlocks, no la versión pro. Sin embargo, necesita la versión pro para importar bloques de demostración estilo revista. Edite su página de estilo de inicio o de revista e inserte un bloque de biblioteca de plantillas.

Esto abrirá todos los bloques de plantilla disponibles y filtrará "Solicitar ciclo" para ver todos los bloques estilo revista. Haga clic en el bloque que desee para insertarlo en su página.

Personaliza bloques de estilo de revista

Ahora que ha creado una plantilla básica y el siguiente paso es personalizar los bloques insertados o la plantilla de demostración. El bloque se verá como a continuación en su editor de Gutenberg, seleccione uno de los bloques insertados y vaya a la pestaña Bloqueo en la barra lateral derecha para comenzar a personalizar la configuración.

Hay numerosas opciones de personalización disponibles para cambiar cada bloque según tus necesidades. Puede ajustar el diseño, la tipografía, el espaciado, los colores, el fondo y los efectos según sus necesidades. Aquí nos centraremos en algunas cosas importantes sobre el bloque Query Loop.

Agregar parámetro de compensación de bucle de consulta

Cuando revisa los bloques de estilo de diario importados, puede encontrar que consta de múltiples bloques de bucle de consulta en un solo contenedor. Puede usar la vista de lista en el editor de Gutenberg para navegar fácilmente a través de los bloques. Por ejemplo, el siguiente bloque contiene dos consultas de bucle que se utilizan con una función de desplazamiento para evitar la superposición de elementos.

Digamos que solo desea mostrar las últimas publicaciones.

• Seleccione el primer bloque de Query Loop y seleccione "Publicaciones" en el menú desplegable "Seleccionar tipo de publicación" en la barra lateral derecha. Puede configurar "Publicaciones por página" como 1 para mostrar solo una publicación en la pantalla.

• Ahora seleccione el segundo ciclo de consulta y seleccione "Publicaciones de página" como 5 para mostrar 5 publicaciones. Sin embargo, esto volverá a mostrar la misma primera publicación en el ciclo. Para evitar esto, haga clic en el botón "Agregar parámetro", seleccione "Compensar" y establezca su valor en 1. Esto eliminará la primera publicación que ya se muestra en el primer bloque Query Loop.

Puede ajustar este valor de compensación en diferentes bloques de Query Loop en la página para garantizar que los artículos se muestren correctamente sin repetirse.

Establecer tipo de publicación y taxonomías para el ciclo de consulta

Si desea mostrar tipos de publicaciones personalizadas o páginas de categorías específicas, seleccione su tipo de publicación en el menú desplegable "Seleccionar tipo de publicación". Verá todos los tipos de publicaciones personalizadas disponibles en la lista de selección. Luego haga clic en "Agregar parámetro". y seleccione la opción Taxonomías.

Seleccione "Categoría" y seleccione las categorías que desea mostrar. Puede incluir categorías múltiples e secundarias en el ciclo.

Filtrar elementos con fechas

Para mostrar publicaciones posteriores o anteriores a una fecha específica, haga clic en "Agregar parámetro" y seleccione una opción de fecha de "Después" o "Antes". Establezca su fecha y hora para filtrar los artículos que se muestran en el ciclo de consulta.

Como se mencionó, tiene muchos parámetros para activar o desactivar las publicaciones en el bucle. Juega con las opciones disponibles para completar tu diseño.

Fuente de imagen recomendada y enlace

Si desea que se pueda hacer clic en las imágenes destacadas y vincularlas a la publicación, seleccione cualquier imagen que aparezca en el bloque Consulta de bucle. Vaya a la sección Datos dinámicos en la barra lateral derecha y seleccione lo siguiente:

• Fuente de datos: publicación actual
• Fuente de la imagen - Imagen destacada
• Fuente del enlace - Publicación única

Recuerde que cambiar una imagen afectará a todas las imágenes destacadas que se muestran en el ciclo de solicitud.

Personalización de metadatos

Dado que el diseño de la revista generalmente muestra muchas publicaciones, debe mantener los metadatos simples para evitar el desorden. Puede guardar la fecha y el autor de la publicación para que sea más fácil, aunque hay opciones para incluir cualquier metadato. Haga clic en cualquier metadato en el bloque Query Loop y verifique la sección "Datos dinámicos" en la barra lateral. Seleccione "Fuente actual" como "Fecha de publicación" y seleccione una fecha publicada o actualizada para mostrar en el bucle.

Si desea agregar el nombre del autor, duplique el metabloque de fecha y cambie "Fuente actual" por el nombre del autor. Es posible que deba ajustar el espaciado y el tamaño de la fuente para que se ajuste tanto a la fecha como al nombre del autor en el diseño. .

Consideración de almacenamiento en caché y carga diferida

Los temas comerciales pesados ​​usan AJAX para cargar contenido dinámicamente, lo que ayuda a mantener el diseño actualizado cuando publica nuevos artículos. Sin embargo, esto será un problema con GeneratePress al usar complementos de almacenamiento en caché de páginas. Debido a que el almacenamiento en caché de la página se realiza almacenando todo el contenido de la página como un archivo HTML estático, el contenido dinámico no se actualizará a menos que borre el caché de la página de diseño de su revista.

Los complementos como WP Rocket borrarán automáticamente el caché de la página de inicio y otros archivos relacionados cada vez que publique un artículo. Entonces, en este caso, el almacenamiento en caché de la página no será un problema. Sin embargo, asegúrese de verificar que el diseño de su revista esté actualizado cuando publique contenido nuevo. De lo contrario, debe verificar la configuración del complemento de almacenamiento en caché y deshabilite el almacenamiento en caché a nivel de página solo para páginas de diseño de revista. Puede hacer esto en el metacampo de nivel de página proporcionado por su complemento de almacenamiento en caché.

Dado que no se utilizan tamaños de imagen específicos en el diseño, asegúrese de habilitar la carga diferida de imágenes para su sitio. De lo contrario, verá una advertencia de Google PageSpeed ​​​​sobre el uso de tamaños de imagen correctos.

palabras de cierre

Como se mencionó, crear un diseño estilo revista en GeneratePress es un proceso largo, ya que necesita personalizar cada bloque y establecer filtros de categoría. Sin embargo, esta es una tarea única que puede llevar varias horas. Esta es la mejor opción para lograr un buen resultado de velocidad de página y si no desea utilizar complementos pesados ​​para crear páginas que afectarán a todo su sitio. Si solo usa GenerateBlocks para las páginas, puede deshabilitar el complemento CSS cargado en las publicaciones usando complementos Perfmatters adicionales. De esta forma, puedes optimizar la velocidad de todo el sitio web.