Resumen del tema infantil de DiviAgency

DiviAgency es un tema infantil de terceros para Divi con un diseño minimalista pero colorido. Se incluyen varias páginas que se centran en los servicios, por lo que esta es una excelente opción para una agencia. Incluye ilustraciones en múltiples formatos y puede colorearlas para que coincidan con su sitio web. En esta descripción general del tema infantil, veremos DiviAgency para ayudarlo a decidir si es el tema infantil Divi adecuado para sus necesidades.

Instalación de DiviAgency

Encontrará las instrucciones para instalar DiviAgency en la pestaña Documentación de la página del producto en Divi Marketplace. También están en el archivo del suplemento comprimido. El archivo del tema secundario puede permanecer comprimido, pero deberá descomprimir el archivo complementario para importar los archivos adicionales.

La instalación es un poco más complicada que la mayoría de los temas infantiles de Divi . No es difícil, pero requiere varios pasos. La principal diferencia es que tendrá que importar el contenido de demostración utilizando el importador de WordPress , el personalizador de temas y las opciones de temas de Divi, y luego configurar la página de inicio, los enlaces permanentes y los menús manualmente.

Las instrucciones lo guían con pasos simples e incluye un video para mostrar los pasos. Los encontré fáciles de seguir. No mencionaba el creador de temas , pero el archivo comprimido incluía un archivo de creación de temas, así que también lo importé. Recomiendo importar el archivo Theme Builder ya que agrega un pie de página personalizado y nítido y botones adhesivos al costado de la pantalla.

Paginas

DivAgency agrega varias páginas:

• Diseño web (página de inicio)
• Blog
• Contáctenos
• Diseño Gráfico (página de servicio)
• portafolio
• Precios
• política de privacidad
• Enviado exitosamente
• Mantenimiento del sitio web (página de servicio)

Veamos algunas de las páginas y características de DiviAgency. Las capturas de pantalla son de mi sitio de prueba sin modificaciones.

Diseño web

La página de diseño web es la página de inicio. Lo primero que notará son los colores, el diseño circular, los gráficos y los botones adhesivos. Muchos de los elementos y gráficos de fondo utilizan configuraciones de transición para flotar o animarse a medida que la página se carga o se desplaza. La mayoría de las páginas incluyen una versión de este encabezado.

Un CTA a la izquierda resalta los servicios. Los botones Leer más y Portafolio tienen animaciones flotantes que cambian sus colores para que coincidan con otros en el diseño. Una flecha hacia abajo animada llama la atención para desplazarse hacia abajo. A la derecha hay un gráfico que coincide con el diseño del diseño. El fondo incluye un patrón y gráficos circulares que se utilizan en todo el diseño.

Blurbs

La siguiente sección incluye anuncios con estilo para mostrar los servicios. Tienen iconos grandes y efectos de desplazamiento. En este ejemplo, paso el cursor sobre la tercera publicidad, que elimina la sombra del cuadro y muestra un borde al pasar el mouse. Los patrones de fondo continúan desde la sección anterior hasta esta.

La tercera sección muestra gráficos por un lado y texto por el otro. Esto es genial para resaltar un servicio. Tiene un fondo limpio y muestra una parte de un gráfico circular.

La siguiente sección es similar pero usa un diseño alternativo de la sección anterior. Los gráficos encajan con el resto del diseño. Las nubes dividen este tramo del siguiente.

Esta sección muestra un conjunto de anuncios publicitarios sobre un fondo gris que se mezcla con la siguiente sección. Uno de los anuncios publicitarios está resaltado con una sombra de cuadro.

Servicios

Una sección para otros servicios muestra un gráfico grande sobre un degradado de fondo. Los servicios tienen títulos y descripciones breves.

Testimonios

Los testimonios se colocan alrededor de un bloque de estadísticas con estilo con contadores de números. Los testimonios incluyen una calificación de estrellas.

Blog

La sección del blog muestra las últimas publicaciones del blog sobre un fondo con estilo. Estas publicaciones fueron añadidas por el tema hijo.

Una gran sección con información proporciona botones en los que se puede hacer clic en una fila con estilo que coincide con los botones adhesivos. Se coloca más información dentro de un diseño alternativo con gráficos grandes. Esta es una excelente manera de mostrar información manteniendo el diseño limpio e interesante.

Pie de página

El pie de página se crea con Theme Builder. Incluye varios bloques de color y texto como CTA y un botón en el que se puede hacer clic que está vinculado a la página de contacto.

Diseño gráfico

La página Diseño gráfico destaca un servicio. Incluye un encabezado y el pie de página que se encuentra en las otras páginas e incluye una sección para presentar el servicio mediante texto y anuncios publicitarios. Los ejemplos de trabajo se muestran dentro de una galería con sombras de cuadro para cada imagen.

Mantenimiento del sitio web

Mantenimiento del sitio web es otra página de servicio. Este agrega una tabla de precios a la sección de encabezado, pie de página e introducción. La tabla de precios se coloca sobre un fondo con divisores de nubes para diferenciarse. Dos de las mesas se mezclan con el fondo mientras que la mesa del centro usa un color diferente y una sombra de caja.

portafolio

La página del portafolio es simple pero efectiva. Incluye un encabezado que coincide con el resto del sitio, pero con una ilustración única. También utiliza el pie de página global. El trabajo se muestra en una galería.

Blog

El blog es simple y limpio. La página del blog y las publicaciones no incluyen un encabezado, pero incluyen el pie de página global. La barra lateral agrega un cuadro de búsqueda, publicaciones recientes y widgets de comentarios recientes.

Precios

La página de Precios agrega tablas de precios, una sección de CTA con divisores en la nube y una sección de anuncios publicitarios que se vinculan a los servicios principales.

Contáctenos

La página Contáctenos incluye un encabezado pero no el pie de página global. Agrega anuncios publicitarios para la información de contacto y un formulario de contacto con estilo que muestra un borde rojo en el lado izquierdo de un campo al pasar el mouse.

Iconos adhesivos

Los botones adhesivos se abren al pasar el mouse para revelar su contenido. Se puede hacer clic en cada botón. Esto muestra el icono del teléfono.

Menú

El menú usa el estilo deslizable y agrega un ícono de hamburguesa. Se abre desde la izquierda e incluye un fondo con estilo en dos secciones. La sección superior muestra botones sociales, un cuadro de búsqueda, un número de teléfono y un correo electrónico. La sección inferior muestra el color del menú de hamburguesas en el borde izquierdo y enlaces a todas las páginas principales. Se puede hacer clic en todo excepto en el número de teléfono.

Creador de temas

Los diseños para Theme Builder agregan dos pies de página personalizados. El primero es global (como se ve en verde), por lo que cualquier cambio que realice en este pie de página se refleja en todas las páginas que usan el pie de página global. El segundo se especifica para la página Contáctenos, por lo que anula el pie de página global.

Pie de página global

La primera sección del pie de página global es extensa. Incluye varias dos filas con texto, un divisor y un botón.

Así es como se ve el encabezado global en la vista visual dentro del Theme Builder.

La siguiente sección es la barra inferior. Aquí es donde agregará su propio texto.

Así es como se ve en la vista visual.

Los iconos adhesivos se crean en el pie de página global. Cada botón contiene una imagen y un módulo de texto. Estos elementos también son globales, por lo que cambiarlo aquí lo cambia en todas partes que usan el pie de página global. Se hace pegajoso usando CSS personalizado que ya se agregó a la sección. No necesitarás manejar el código.

Así es como se ve en la vista visual. Se pega a un lado pero no muestra el texto al pasar el cursor por encima del generador, lo cual es normal.

Contáctenos Pie de página personalizado

El pie de página personalizado Contáctenos utiliza un módulo de texto para mostrar un mensaje con enlaces. Esta es una buena opción si solo desea un pie de página simple. Este no es global por defecto.

Así es como se ve en la vista visual.

Biblioteca Divi

Los diseños se agregan a la Biblioteca Divi. Esto los hace fáciles de usar en otras páginas y con Theme Builder. Varios diseños son globales.

Ilustraciones

Una carpeta en los archivos complementarios del tema secundario incluye ilustraciones en formatos .png, .pdf y .ai. Se pueden volver a colorear para que coincidan con su sitio web. Este ejemplo muestra los PNG. Son principalmente las ilustraciones utilizadas como elementos gráficos dentro del contenido de cada página. Algunos se utilizan para patrones de fondo.

Aquí están los elementos de fondo. Proporciona elementos para escritorio y móvil. Se proporcionan como SVG y PNG. Los SVG muestran el icono de la aplicación que usarías para abrirla. En mi caso, eso es Chrome.

Dónde comprar DiviAgency

El tema hijo de DiviAgency está disponible en Divi Marketplace . Cuesta $49 e incluye uso ilimitado del sitio web y 1 año de soporte y actualizaciones.

pensamientos finales

Esa es nuestra descripción general del tema hijo de DiviAgency. Es un tema infantil Divi simple, pero tiene un diseño elegante que es ideal para cualquier tipo de sitio web para mostrar servicios. La instalación requiere algunos pasos adicionales, pero no es difícil y las instrucciones son fáciles de seguir. Me encantan los colores y el diseño de los diseños. Las páginas se centran en los servicios, pero se pueden usar para cualquier tipo de sitio web que necesite un diseño minimalista.

Queremos escuchar de ti. ¿Has probado el tema infantil de DiviAgency para Divi? Cuéntanos tu experiencia en los comentarios.

Imagen destacada a través de Sentavio / shutterstock.com