La aplicación Divi es un tema secundario para Divi que fue diseñado para desarrolladores de aplicaciones móviles. Tiene un diseño de una página con un menú anclado a las distintas secciones. Las imágenes, los anuncios publicitarios y los CTA 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.
Instalar el tema secundario de la aplicación Divi es simple. 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 active el tema secundario, verá un nuevo elemento de menú agregado al tablero llamado Importar demostración . Haga clic en Demostración de importación fácil 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 revisado. 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ás agregar tu 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 deslizables y algunos estilos interesantes. Los señalaré a medida que avanzamos.
Muchos de los módulos incluyen clases de CSS para darles estilo y garantizar que funcione bien 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 principal 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 un 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 Características del tema secundario de la aplicación Divi le presenta a su audiencia su aplicación comenzando con un título, una breve descripción y una imagen grande. Los anuncios publicitarios con estilo muestran íconos y funcionan muy bien para describir características específicas. Cada uno de los elementos se desliza en su lugar de forma independiente desde ambos lados y desde la parte inferior de la pantalla.
Tres filas en un diseño alternativo brindan más detalles con una imagen en un lado y una descripción en el otro. Las descripciones incluyen íconos y funcionan como viñetas. Las dos primeras imágenes están en modo vertical mientras que la tercera está en un diseño apaisado. El primero y el último 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, dándole un diseño aún más único.
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 angostos, lo que les da una forma que se asemeja a la de un teléfono inteligente en modo vertical, lo cual es ideal para las 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. Superponen el fondo degradado con su divisor en ángulo e incluyen una sombra de cuadro 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. Pasar el cursor sobre una mesa la trae 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 las 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 de temas secundarios 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 secundario, como el fondo de la siguiente sección. Las tarjetas aparecen en su lugar a medida que se desplaza a esta sección.
Preguntas más frecuentes
Las preguntas frecuentes se deslizan desde el costado y muestran las respuestas dentro de botones con 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 secundario. También incluye una imagen de marcador de posición donde puedes usar cualquier tipo de imagen que quieras 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 logos son módulos de imagen. Aparecen uno a la vez a medida que se desplaza a esta sección.
Contacto
La sección de contacto del tema infantil 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 voltea 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, se desvanecen) en su lugar.
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 del menú se desplazará a la sección cuando se haga clic.
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 la ID de CSS en la pestaña Avanzado de la sección para que coincida.
Dónde comprar la aplicación Divi
Puedes comprar el tema infantil 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 infantil 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 de CSS para diseñarlos y controlar cómo se ven en dispositivos móviles, lo que garantiza que funcione perfectamente con cualquier tipo de dispositivo. Es un tema infantil simple a un gran precio. Si está interesado en un tema secundario 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 infantil de la aplicación Divi? Háganos saber acerca de su experiencia en los comentarios a continuación.
Imagen destacada a través de Julia Tim / shutterstock.com