Duriza - Descripción general del tema Divi Child

Publicado: 2021-03-20

El tema hijo de Duriza Divi es un tema hijo de usos múltiples diseñado pensando en las empresas de servicios. Incluye 12 páginas, un control deslizante personalizado con activadores de iconos y un submenú de barra lateral para vincular sus servicios. En este artículo, analizaremos de cerca Duriza para ayudarlo a decidir si es el tema secundario de Divi adecuado para sus necesidades.

Instalación del tema infantil Duriza Divi

Instalación del tema infantil Duriza Divi

La instalación es simple, pero hay varios pasos a seguir. Instale y active el tema hijo de Duriza Divi como lo haría con cualquier tema. Primero, con Divi activado, cargue y active el tema. La instalación del contenido de demostración para Duriza se realiza manualmente. Afortunadamente, las instrucciones son sencillas y claras.

A continuación, deberá cargar la configuración de Opciones de tema, Generador de temas, Personalizador de temas y Biblioteca Divi. Estos archivos se proporcionan en un archivo comprimido adicional. Los archivos están etiquetados para que sean fáciles de identificar. Finalmente, deberá crear la página de inicio y cualquier otra página que desee utilizando los diseños de la biblioteca y agregarlas al menú.

La documentación proporciona información sobre cómo agregar imágenes a la cuadrícula, agregar flechas a los menús desplegables y laterales, crear un menú lateral, cambiar colores y crear una publicación de blog utilizando el diseño de la biblioteca.

Todo esto es más fácil de lo que parece y las instrucciones son fáciles de seguir. Sin embargo, lleva un poco de tiempo.

Página de inicio del tema infantil Duriza Divi

Página de inicio del tema infantil Duriza Divi

La página de inicio de Duriza se construyó con muchos módulos de texto, anuncios, botones, diapositivas, separadores y un formulario de contacto. Veremos cada una de las secciones de la página de inicio. Las otras páginas utilizan diseños similares. Cada página incluye reflejos de color verde claro.

Sección Hero de la página de inicio de Duriza

Sección Hero de la página de inicio de Duriza

La sección de héroe muestra el encabezado e imágenes grandes que enlazan con las páginas. El encabezado se crea en el generador de temas. Las imágenes se colocan en un diseño de varias columnas con una imagen grande en un lado y dos imágenes más pequeñas en una pila en el otro lado. Sus superposiciones oscuras se iluminan al pasar el mouse. Las superposiciones incluyen títulos y un enlace para leer más.

Sección de Servicios de la página de inicio de Duriza

Sección de Servicios de la página de inicio de Duriza

La sección de servicios presenta los servicios con un título extenso y una breve descripción. Los servicios se muestran en 4 columnas con anuncios que incluyen la imagen, el título y un botón. Debajo de esto, los servicios se resaltan con diapositivas en una sola columna con el título en la parte inferior. Las diapositivas incluyen una sombra de caja. El fondo incluye un patrón de puntos a la izquierda. La documentación muestra cómo agregar sus imágenes.

Sección de Servicios de la página de inicio de Duriza

La diapositiva que se muestra corresponde a la diapositiva sobre la que se desplaza. CSS ya está agregado a las filas para lograr esto, pero deberá agregar las URL de la imagen a la hoja de estilo CSS como lo hice en el ejemplo anterior. Las imágenes están precargadas para que aparezcan instantáneamente al pasar el mouse usando un efecto de transición.

Para ver un ejemplo de cómo usar la diapositiva, agregué íconos de imagen de otros diseños de Divi e imágenes de Unsplash. Las imágenes se precargan para que aparezcan rápidamente al pasar el mouse. Las instrucciones lo guían a través de esto. Si las imágenes no aparecen cuando actualiza la página, le recomiendo borrar su caché. Este es uno de los apartados que más destacan.

Página de inicio de Duriza Acerca de la sección

Página de inicio de Duriza Acerca de la sección

La información sobre la empresa y los miembros del equipo muestra un mensaje de ancho completo con un botón para ver la página Acerca de nosotros. La información se muestra en un diseño de doble columna con una imagen grande en un lado y los títulos de los miembros del equipo en el otro. El patrón de fondo punteado aparece en esta sección a la derecha.

Sección de proyectos de la página de inicio de Duriza

Sección de proyectos de la página de inicio de Duriza

Los proyectos se muestran en una cuadrícula de tres columnas con una introducción y animaciones flotantes que aclaran la superposición.

Página de inicio de Duriza Sección de testimonios

Página de inicio de Duriza Sección de testimonios

Los módulos de texto, un divisor y un botón crean la sección de testimonios. Como muestra este ejemplo, muestra un título, un breve testimonio y un botón que enlaza con la página de testimonios. El fondo gris oscuro se destaca del resto de secciones. Los reflejos verdes funcionan bien con el gris oscuro.

Página de inicio de Duriza Sección de contacto

Página de inicio de Duriza Sección de contacto

La sección de contacto incluye dos cuadros colocados sobre un fondo de pantalla completa con una superposición que cubre el borde izquierdo. La información de contacto se muestra en el primer cuadro con texto e iconos sobre un fondo blanco. Aparece un formulario de contacto sobre un fondo gris oscuro que coincide con la sección de testimonios. Ambos cuadros incluyen reflejos verdes.

Página sobre nosotros de Duriza Divi Child Theme

Página sobre nosotros de Duriza Divi Child Theme

El tema secundario de Duriza Divi Acerca de la página presenta la página con un encabezado de ancho completo que incluye una imagen con una superposición de estilo para los lados. Las imágenes muestran enlaces que se desplazan hacia las filas de la historia, la visión y la misión. Estas filas muestran una imagen y texto en un diseño alternativo. La página también incluye la sección de contacto de la página de inicio.

Página de servicios temáticos para niños de Duriza Divi

Página de servicios temáticos para niños de Duriza Divi

La página de servicios del tema infantil de Duriza Divi muestra los servicios dentro de los anuncios en una cuadrícula. Los botones enlazan con las páginas de servicios individuales. Esta página también incluye la sección de contacto de la página de inicio.

Página de servicio único de Duriza Divi Child Theme

Página de servicio único de Duriza Divi Child Theme

Las páginas de un solo servicio muestran información sobre el servicio en una sola columna con un menú con estilo a la izquierda. Este menú se agrega con un módulo de barra lateral que muestra un widget personalizado que creará. Las animaciones flotantes en el menú cambian el fondo del nombre de la página a verde.

Página de testimonios del tema infantil Duriza Divi

Página de testimonios del tema infantil Duriza Divi

La página de Testimonios del tema hijo de Duriza Divi muestra los testimonios creados con módulos de texto en una sección de tres columnas. Como se ve en este ejemplo, incluyen una calificación de estrellas, título, detalles y el nombre.

Página de proyectos del tema infantil Duriza Divi

Página de proyectos del tema infantil Duriza Divi

La página de proyectos del tema hijo de Duriza Divi muestra los proyectos en una cuadrícula de tres columnas con módulos de texto. Las imágenes son oscuras hasta que pasas el cursor sobre ellas.

Página de proyecto único de Duriza Divi Child Theme

Página de proyecto único de Duriza Divi Child Theme

La página del proyecto único del tema hijo de Duriza Divi muestra el título del proyecto sobre una descripción con la fecha, el cliente, el tipo y la información del contratista en una lista a la derecha. Las imágenes del proyecto aparecen debajo de este.

Página de blog del tema infantil Duriza Divi

Página de blog del tema infantil Duriza Divi

La página del blog del tema hijo de Duriza Divi muestra las publicaciones en una sola columna con una barra lateral derecha. Las publicaciones muestran la imagen destacada, el título, el extracto y un botón de leer más con estilo. Los widgets en la barra lateral tienen un borde superior con estilo que coincide con el sitio y un borde tenue en los otros tres lados. El encabezado presenta la página. Aparece una superposición verde sobre las imágenes al pasar el mouse.

Duriza Divi Child Theme Single Post

Duriza Divi Child Theme Single Post

Las publicaciones de blog se crean con Divi Builder e incluyen un título de publicación de ancho completo, texto, comentarios y una barra lateral derecha.

Duriza Divi Child Theme Single Post

Así es como se ve el diseño en la interfaz. He configurado la página Divi para que se muestre en ancho completo y no muestre el título. Esto le permite mostrar solo el encabezado, el pie de página y los módulos.

Página de contacto del tema infantil Duriza Divi

Página de contacto del tema infantil Duriza Divi

La página de contacto del tema infantil Duriza Divi muestra imágenes con enlaces que se desplazan a la información de contacto adecuada cuando se hace clic. El estilo del formulario de contacto coincide con el resto del sitio con un borde verde en la parte inferior de cada campo.

Diseños de Duriza Theme Builder

Diseños de Duriza Theme Builder

Los diseños de Theme Builder para el tema hijo de Duriza Divi incluyen un encabezado y un pie de página globales para la plantilla predeterminada, un diseño personalizado para todas las páginas de categorías y un diseño personalizado para la página 404.

Encabezado Duriza

Encabezado Duriza

El encabezado incluye dos secciones con redes sociales y dos botones en la sección superior y un menú en la sección inferior. La sección superior tiene dos filas: una para computadoras de escritorio y otra para teléfonos y tabletas.

Encabezado Duriza

Visual Builder muestra las dos filas superiores para que pueda trabajar en ellas. Dado que el número de teléfono es un botón, se puede hacer clic en él.

Pie de página de Duriza

Pie de página de Duriza

El pie de página de Duriza parece widgets, pero está hecho con texto y módulos divisores.

Pie de página de Duriza

Como resultado, el pie de página enumera los enlaces que incluyen el logotipo, los encabezados y los separadores con estilo que no serían fáciles de hacer con solo widgets.

Duriza Todas las páginas de categorías

Duriza Todas las páginas de categorías

La plantilla Todas las páginas de categorías es la misma que la página del blog. Incluye un encabezado de ancho completo, un blog y módulos de barra lateral.

Página 404 de Duriza

Página 404 de Duriza

La parte del cuerpo de la página 404 de Duriza se crea con un módulo de encabezado de ancho completo. Muestra una imagen de fondo a pantalla completa con un mensaje y un botón en la superposición.

Dónde comprar el tema infantil Duriza Divi

Dónde comprar el tema infantil Duriza Divi

Compre el tema infantil Duriza Divi en Divi Marketplace por $ 39. Como siempre, Duriza incluye uso ilimitado del sitio web y actualización y soporte durante 1 año.

Pensamientos finales

Esa es nuestra mirada al tema hijo de Duriza Divi. Aunque es un tema secundario de usos múltiples, las diapositivas personalizadas para mostrar servicios en la página de inicio y el submenú personalizado en las páginas de servicios individuales lo convierten en una excelente opción para un sitio web de servicios. Las 12 páginas le brindan una gran cantidad de páginas para mostrar sus servicios y proyectos. El estilo es simple y limpio, lo que le da al tema infantil un diseño elegante.

Queremos escuchar de ti. ¿Has probado el tema hijo de Duriza Divi? Háganos saber lo que piensa al respecto en los comentarios a continuación.

Imagen destacada a través de BRO.vector / shutterstock.com