Descripción general del tema infantil de la aplicación Divi

Divi App es un tema hijo para Divi que fue diseñado para desarrolladores de aplicaciones móviles. Tiene un diseño de una página con un menú que está anclado a las distintas secciones. Las imágenes, los anuncios publicitarios y las llamadas a la acción funcionan muy bien para presentar las diversas funciones de la aplicación y dirigir el tráfico a través del embudo de ventas. En este artículo, veremos las características del tema secundario de la aplicación Divi para ayudarlo a decidir si es el tema secundario adecuado para sus necesidades.

Instalación del tema secundario de la aplicación Divi

La instalación del tema secundario de la aplicación Divi es sencilla. Funciona como cualquier tema de WordPress y el contenido se importa con un solo clic. Con Divi activado, cargue y active la aplicación Divi en el menú de temas de WordPress.

Una vez que se activa el tema hijo, verá un nuevo elemento de menú agregado al panel de control llamado Importar demostración . Haga clic en Easy Import Demo dentro de este menú y seleccione los elementos que desea importar. Esto incluye publicaciones, medios, menús, página de inicio, widgets y las opciones del tema Divi. Todo está seleccionado por defecto. Sin embargo, no tiene publicaciones ni widgets para importar. Recomiendo dejar todo marcado. Haga clic en Importar contenido de demostración y espere a que finalice la importación. No navegue fuera de esta pantalla.

Verá un mensaje de que su importación ha finalizado. Su sitio web ahora se verá como la demostración, pero con imágenes de marcador de posición en lugar de las imágenes de la demostración. La página de inicio y los menús ya están configurados y asignados. Solo necesitará agregar su contenido. Esta es mi forma favorita de instalar un tema hijo. La importación con un solo clic es fácil y fluida.

Página de inicio del tema infantil de la aplicación Divi

El tema secundario de la aplicación Divi es un diseño de una página con una página de inicio y navegación a ocho secciones en la página de inicio. Lo veremos en cada sección, una a la vez. Los elementos incluyen animaciones deslizantes y un estilo interesante. Los señalaré a medida que avanzamos.

Muchos de los módulos incluyen clases CSS para diseñarlos y garantizar que funcionen a la perfección con dispositivos móviles. Las clases se definen en la hoja de estilo CSS. El CSS en la hoja de estilo está bien comentado e incluso incluye una tabla de contenido, por lo que es fácil de personalizar si está familiarizado con CSS.

Sección de héroe

La sección de héroe incluye un fondo degradado con una imagen de marcador de posición. A la izquierda hay un título, una descripción y dos botones que crean una CTA. A la derecha hay una imagen de marcador de posición donde puede colocar una captura de pantalla de la aplicación para llamar la atención sobre el CTA.

Características

La sección de características del tema secundario de la aplicación Divi le presenta a su audiencia su aplicación comenzando con un título, una descripción breve y una imagen grande. Los anuncios con estilo muestran iconos y funcionan muy bien para describir funciones específicas. Cada uno de los elementos se desliza en su lugar independientemente de ambos lados y la parte inferior de la pantalla.

Tres filas en un diseño alterno proporcionan más detalles con una imagen en un lado y una descripción en el otro. Las descripciones incluyen iconos y funcionan como viñetas. Las dos primeras imágenes están en modo vertical, mientras que la tercera está en un diseño horizontal. La primera y la última muestran un fondo rosa, mientras que la fila central es blanca. Esto ayuda a crear alguna diferencia visual entre ellos. El último tiene esquinas redondeadas para la imagen, lo que le da un diseño aún más exclusivo.

Galería

La galería proporciona una forma de mostrar capturas de pantalla de la aplicación. Cuatro imágenes se colocan en su lugar como una sola fila a medida que se desplaza a esta sección. Son altos y estrechos, lo que le da una forma que coincide con la de un teléfono inteligente en modo vertical, lo cual es ideal para capturas de pantalla de la aplicación. El fondo circundante es claro, lo que permite que el ojo se enfoque en las imágenes sin distracciones.

Precios

La sección de precios del tema secundario de la aplicación Divi incluye varias filas que brindan información de diferentes maneras.

Las tablas de precios se muestran en tres tamaños diferentes con el más popular en el centro. Los tamaños coinciden con la recomendación, siendo el más grande el más recomendado. Se superponen al fondo degradado con su divisor en ángulo e incluyen una sombra de caja para que se destaquen del fondo y entre sí. Los colores de las fuentes y los botones coinciden en las dos mesas exteriores, mientras que la mesa central se destaca. Colocar el cursor sobre una mesa la lleva al frente.

El CTA muestra una pequeña imagen en un lado con información y dos botones en el otro. Los botones son marcadores de posición para imágenes de las distintas tiendas de aplicaciones.

Las estadísticas de la aplicación se muestran con contadores de números sobre una imagen de fondo de ancho completo.

Testimonial

La sección de testimonios del tema infantil de la aplicación Divi muestra tres reseñas de usuarios como tarjetas con un icono de cita con estilo, una imagen en un círculo, texto, nombre y título. Los títulos usan colores de otras secciones del tema hijo, como el fondo de la siguiente sección. Las tarjetas se colocan en su lugar a medida que se desplaza a esta sección.

Preguntas más frecuentes

Las preguntas frecuentes se deslizan desde el lateral y muestran las respuestas dentro de conmutadores de estilo con un fondo ligeramente más claro que la sección. El color de fondo coincide con algunos de los aspectos más destacados de otros elementos del tema hijo. También incluye una imagen de marcador de posición donde puede utilizar cualquier tipo de imagen que desee para llamar la atención del lector.

Clientela

La sección Clientes proporciona un área de ancho completo para mostrar los logotipos de sus clientes. Los logotipos son módulos de imágenes. Aparecen uno a la vez a medida que se desplaza a esta sección.

Contacto

La sección de contacto del tema secundario de la aplicación Divi muestra varios elementos sobre un fondo rojo que coincide con la sección de preguntas frecuentes. La primera parte presenta la información de contacto, que incluye un formulario de contacto con estilo e información de contacto en una fila de dos columnas. La información muestra iconos y texto con estilo. Cada elemento se coloca en su lugar desde la parte inferior.

Una parte del boletín muestra el título y una breve descripción con un formulario de correo electrónico con estilo seguido de iconos de seguimiento de redes sociales. Estos elementos se desvanecen (o, supongo, desaparecen) en su lugar.

Menú del tema infantil de la aplicación Divi

El menú incluye cada una de las secciones principales de la página de inicio. Incluyen los anclajes para las diferentes secciones como sus URL, por lo que cada enlace de menú se desplazará a la sección cuando se haga clic en él.

Los anclajes ya están agregados a los campos de ID de CSS en la página de inicio. Si cambia los nombres de los enlaces del menú, también deberá cambiar el ID de CSS en la pestaña Avanzado de la sección para que coincida.

Dónde comprar la aplicación Divi

Puede comprar el tema secundario de la aplicación Divi en Divi Marketplace por $ 19. Incluye uso ilimitado y un año de soporte y actualizaciones.

Pensamientos finales

Ese es nuestro vistazo al tema secundario de la aplicación Divi. Este tema secundario de una página tiene muchos elementos para mostrar las características de su aplicación y proporciona varios CTA donde los visitantes pueden realizar una compra. Muchos de los elementos incluyen clases CSS para diseñarlos y controlar cómo se ve en el móvil, asegurando que funcione muy bien con cualquier tipo de dispositivo. Es un tema infantil simple a un precio excelente. Si está interesado en un tema infantil simple de una página para resaltar las características de su aplicación, vale la pena echarle un vistazo a la aplicación Divi.

Queremos escuchar de ti. ¿Has probado el tema secundario de la aplicación Divi? Háganos saber su experiencia en los comentarios a continuación.

Imagen destacada a través de Julia Tim / shutterstock.com