The Journal Blog Kit para Divi Resumen y revisión

The Journal Blog Kit for Divi es un diseño de terceros de Divi Soup con características como un tema infantil. El diseño en sí está hecho con el edificio Divi e incluye un control deslizante, categorías y un feed de blog con efectos de desplazamiento para crear una página de blog elegante. También presenta una barra lateral con estilo y un diseño de publicación de blog personalizado predeterminado que puede agregar a su tema secundario . Las nuevas funciones se agregan a su tema hijo al importarlas o simplemente copiar y pegar.

El kit de blog incluye tres diseños de página de archivo y blog diferentes. Puede cambiar el diseño entre ancho completo, cuadrícula o en línea pegando el CSS incluido en las opciones del tema o en el editor de CSS del tema secundario. Las páginas de archivo, categoría, etiqueta, autor y resultados de búsqueda siguen el mismo diseño que la página del blog. También incluye la integración de Font Awesome .

El kit de blog viene con todos los archivos e instrucciones sobre cómo usarlo. En este artículo, instalaré Journal Blog Kit y veré lo fácil que es usarlo y echaré un vistazo a sus características.

Instalación del Journal Blog Kit para Divi

Descomprima el archivo descargado. En el interior, encontrará varios archivos, incluidos archivos JSON para el diseño de la página del blog y la configuración del personalizador, un archivo Léame, CSS, PHP, JS y archivos de widgets (estos son los tipos de archivos que encontraría en un tema secundario) .

Recomiendo seguir las instrucciones para ver cómo instalar los archivos ya que se hará de forma manual. Afortunadamente, las instrucciones están bien escritas y el proceso no es difícil. Deberá usar un tema secundario (incluso si está en blanco). El archivo PHP se sobrescribirá cuando el tema se actualice si lo agrega al tema principal.

La ventaja de ser un diseño e instalar los archivos manualmente es que funciona con su tema secundario actual. No tendrá que reemplazar su tema hijo para agregar estas nuevas características.

The Journal Blog Kit para la documentación de Divi

Se proporciona un enlace a la documentación en el archivo de descarga. Al hacer clic en el archivo, accederá a la página de soporte del kit de blog, donde encontrará una función de búsqueda, instrucciones de instalación, instrucciones de personalización y un enlace de soporte. Las instrucciones de personalización muestran cómo cambiar los colores, la cantidad de columnas en los diseños y la longitud del extracto.

Haga clic en las instrucciones de instalación y siga los pasos. Esto incluirá copiar y pegar código en ciertas ubicaciones, cargar archivos a través de FTP e importar archivos a través de un complemento. Se detalla cada uno de los pasos. Tomará unos minutos completar los pasos.

The Journal Blog Kit para Divi Blog Page

El kit de blog incluye el diseño de la página del blog como un archivo JSON. Este diseño debe importarse a la página misma en lugar de a la biblioteca Divi. La página en sí utiliza un control deslizante de publicación, seis módulos de llamada a la acción y una fila con un blog y una barra lateral. Esto se mostrará de manera diferente según el CSS que utilice. Veamos las características y el diseño de cada diseño.

The Journal Blog Kit para Divi Slider y Categorías

El control deslizante de publicación coloca la navegación de puntos verticales a la izquierda y muestra un extracto a la derecha. El extracto centra el texto y tiene una opacidad más baja para que se vea la imagen destacada del control deslizante. También incluye un botón para ver la publicación. Cuando se desliza, la imagen se desvanece y el extracto se desliza hacia arriba desde la parte inferior.

Los módulos de llamada a la acción funcionan como enlaces a páginas de archivo para categorías específicas. Al pasar el cursor sobre el módulo, el color del botón cambia de un fondo negro con texto blanco a un fondo blanco con texto negro y agrega un borde negro. Me encanta el amarillo intenso. Esta es una forma interesante de agregar navegación por categorías a la página.

Los colores provienen de la importación del estilo del personalizador. No tienes que usarlo y puedes cambiar los colores fácilmente. Si desea tener acceso a su estilo personalizador original, primero deberá exportarlo.

The Journal Blog Kit para el diseño de ancho completo de Divi

Aquí está el diseño del blog usando el CSS de ancho completo. La imagen destacada se amplía al pasar el mouse por encima. Agrega una letra capitular a la primera palabra del extracto. La categoría y la letra capitular están diseñadas en amarillo. El botón leer más está diseñado para que coincida con el diseño.

The Journal Blog Kit para Divi Grid Layout

El diseño de cuadrícula muestra dos publicaciones en una sola línea debajo de las categorías. Incluye el mismo estilo que el diseño de ancho completo, como el zoom al pasar el mouse sobre la imagen destacada, la categoría amarilla y la letra capitular, y el estilo de los botones.

The Journal Blog Kit para el diseño en línea de Divi

El CSS en línea muestra las publicaciones del blog con la imagen a la izquierda y el texto a la derecha. Incluye el estilo y las características de los otros diseños. En este ejemplo, tomé una captura de pantalla en la parte inferior de la lista para mostrar el botón Entradas antiguas con estilo. Este mismo botón aparece dentro de todos los diseños.

The Journal Blog Kit para la barra lateral de Divi

Si importa la configuración del widget, se crea una barra lateral con varios widgets con estilo. La barra lateral incluye una sección sobre mí con un título, una foto y una descripción, y secciones de búsqueda, categorías, archivos, etiquetas y publicaciones recientes. Cada sección está diseñada para que coincida con el diseño. Me gustan las líneas amarillas a ambos lados de los títulos. Las categorías y los archivos son cuadros desplegables. Las etiquetas son enlaces con estilo.

The Journal Blog Kit para Divi Diseño de publicaciones individuales

Si carga el archivo de publicación a través de FTP a los archivos de su tema, las publicaciones de blog individuales que se crean con WordPress en lugar del generador Divi también tienen estilo y se les agregan muchas características nuevas. Las características incluyen la categoría, el título, la fecha, la cantidad de comentarios y las etiquetas encima de la publicación. La publicación tiene una letra capitular con estilo.

Después de la publicación hay un cuadro de autor con estilo, navegación de publicación, publicaciones relacionadas y un cuadro de comentario con estilo. Los comentarios están en cascada e incluyen un icono con estilo para mostrar que una respuesta es una respuesta a otro comentario. Las secciones individuales incluyen las líneas amarillas estilizadas con los títulos.

Kit de blog The Journal para Divi Price

El Journal Blog Kit para Divi cuesta £49.00. Incluye todos los archivos e instrucciones que necesitas para usarlo.

  • Puede comprar Journal Blog Kit desde el sitio web del desarrollador .

Kit de blog The Journal para Divi

El Journal Blog Kit para Divi agrega muchas funciones de estilo a las páginas y publicaciones de su blog. Me gusta que da estilo a las publicaciones del blog sin que tengan que haber sido creadas con el constructor Divi. También me alegra ver un kit que solo se enfoca en el blog. Los blogs no siempre reciben suficiente atención.

Los archivos deben instalarse manualmente, pero creo que este es un buen ejercicio porque muestra dónde van ciertos tipos de archivos y te brinda información sobre cómo funciona WordPress. Agregar los archivos es realmente más fácil de lo que parece. No tuve problemas para agregar nada del código.

Agregué CSS al archivo de tema secundario para uno de los diseños, y luego eliminé ese código y agregué el CSS a las opciones de tema para los demás. Ambos funcionaron como se esperaba. El CSS, JS, PHP y todos los archivos importados funcionaron perfectamente en el primer intento. Para volver a su diseño original o a un diseño diferente, simplemente cambie su tema secundario y elimine el CSS.

Es interesante tener características de estilo de tema hijo en un diseño. Me gusta esto porque se puede usar con cualquier tema o diseño secundario. Si está interesado en agregar algunas funciones nuevas de blogs a Divi, le recomiendo que eche un vistazo al Journal Blog Kit.

Queremos escuchar de ti. ¿Has probado el Journal Blog Kit para Divi? Háganos saber lo que piensa al respecto en los comentarios a continuación.

Imagen destacada a través de M.Stasy / shutterstock.com