GUIA PARA MAQUETACION WEB
DISEÑOS EN SU MODO BASICO PARA LOS SEPARADORES DE DIVI
SEPARADORES PARA SECCIONES EN LA PARTE SUPERIOR
SEPARADORES PARA SECCIONES EN LA PARTE BASE O INFERIOR
MODULOS WOOCOMERCE PARA PRODUCTOS
Modulo
Ejemplo
Descripción/uso
Cumple dos funciones aumenta o decrementa el numero de artículos de un producto y los añade al carrito te compras
Es como una url para indicar de donde viene el producto y sus cas categorias padre
«Bandeja paisa»
el mejor plato tipico con los ingredientes mas ricos y especiales
150 gramos de arroz
200 gramos de frijoles rancheros
Esta seria la descripcion del producto que se ha cargado o efinido con anterioridad en woocomerce
Al comprar este producto recibes un descuento adicional
Esta seria la descripcion del producto que se ha cargado o efinido con anterioridad en woocomerce
Aqui se mostrarian metadatos del producto como SKU (Id del producto) – CATEGORIA (Categoria a la que pertenece el producto) Y ETIQUETAS (que son como las palabras relacionadas para buscar productos similares)
Trae el precio definido del producto
Muestra los productos relacionados y al igual que todos los modulos se puede personalizar y definir en varias columnas
Muestra El estado stock o cantidad de productos, si hay o no existencias y si puede reservarse so no hay se mostrara como agotado
Muestra pestañas con información del producto como valoraciones, descripcion, y tambien informacion adicional.. pero solo en pestañas, pueden seleccionarce cual de las tres se puede seleccionar o las tres
Este como los demás módulos traerá el nombre dinamicamente del producto
Este Modulo muestra artículos dinamicamte que le pueden interesar al cliente relacionados con el producto que esta viendo o comprando
Este modulo se despliega cuando se añade un articulo al carrito de compras y se puede personalizar
Galeria de producto
La galería de producto permite mostrar las imágenes adicionales a la principal en una galería de imágenes, también tipo deslizador o rejilla
Valoraciones de producto
Las valoraciones son reales, por ende aqui no se muestra nada, ya que solo se le puede dar valoracion a un producto que alguien hizo en una compra real, se muestra de 1 a 5 estrellas
Comentarios del producto
Dinamicamente según el producto, traerá los comentarios del producto, si no es un usuario registrado mostrara el mensaje que esta descrito aquí
MODULOS GENERICOS DIVI
Modulo
Ejemplo
Descripción/uso
Su título va aquí
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Su título va aquí
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Puede ditribuir información en la cantidad de cuadros necesarios que se pliegan y se despliegan automáticamente
Su título va aquí
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
es un modulo compuesto por imagen un subtitulo y un contenido, personalizable completamente
Su título va aquí
es un modulo compuesto por imagen un subtitulo y un contenido, personalizable completamente
Esta es la moleta barra lateral de los post de wordpress pero que viéndolo bien puede ser muy bien aprovechada ya que en ella se pueden cargar modulo Widgetes adicionales en la pagina que son ajenos a divi, por ejemplo este que es un calendario
¡Nueva revista Kimera Web!
Ya tenemos a disposición nuestra revista web, con todo el portafolio completo de nuestros productos web. Aprende con nosotros y entiende este mundo antes de vincularte a él.
Nueva herramienta para pagos
Nuevos sistemas de pago implementados en Kimeramultimedia para dar más facilidades a nuestros clientes
Actualizando nuestro portal web
Desde inicios de este año. Kimera multimedia se ha esforzado en ofrecer nuevos y mejores productos a sus clientes, por tal razón se ha estado trabajando arduamente en nuestro sitio web. En los próximos meses, a parte de las muchas sorpresas que tenemos. Nuestros...
Transmisión en directo AMML Colombia
El año pasado a finales del mes de noviembre, kimeramultimedia Fue protagonista en la trasmisión en directo del evento AMML (Artes Marciales Mixtas Latinoamérica), Que se llevó a cabo en La ciudad de Bogotá, transmitiendo simultáneamente a través de Facebook, YouTube...
este modulo permite mostrar los articulos de un blog segun categorias ya sea en una regilla o en columnas, se puede mostrar un extracto de el contenido del articulo y opciones como fecha, autor, categoria entre otras
NOTA
este modulo no permite mostrarlos como slider, para eso exute otro modulo llamado post slider
El modulo botón simplemente redirecciona a un vinculo web o url y al igual que los demás se puede personalizar en su aspecto y comportamiento
El modulo Buscar se ve sencillo pero puede configurarse específicamente para hacer búsquedas dentro de la web omitiendo algunas paginas o blogs.
personalizable en su diseño también
El modulo Comentarios esta basado en la cantidad de comentarios que tiene la web si esta función fue activada, es decir si se permiten los comentarios en las paginas
Su título va aquí
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
El modulo Conmutador funciona como un acordeón pero independiente. sirve para resumir información en un espacio reducido
%
Su título va aquí
El Contador de numero sirve para mostrar cifras de una forma animada y llamativa es personalizable en el numero la cifra y todos los estilos de diseño
Contador de Circular
%
Su título va aquí
El Contador Circular sirve para mostrar cifras de una forma animada y llamativa es personalizable en el numero la cifra y todos los estilos de diseño
Contador de Barra
- Su título va aquí 50%
- Su título va aquí 80%
- Su título va aquí 90%
El Contador de Barra sirve para mostrar cifras de una forma animada y llamativa es personalizable en el numero la cifra y todos los estilos de diseño, se pueden agregar tantos conadores de barra como sea necesario con sus respectivos valores
Control deslizante de video
El Control deslizante de video básicamente crea una presentación de videos que se puede mostrar de dos maneras una con miniaturas en su parte posterior, y dos tipo slider con flechas a lado izquierdo y derecho para navegar entre los videos
Correo electronico optin
Este modulo permite configurar un correo electrónico basado en una cuenta optin, que se puede personalizar en todos sus aspectos visuales
Codigo HTML
este es un codigo html para realizar un titulo
El mas simple pero el mas usado en mis diseños para dar personalizar una web, se pueden hacer infinidad de cosas con este
Deslizador
Es una composición de texto video e imágenes que puede ser personalizado a gusto, aquí se esta mostrando en un campo pequeño, pero generalmente se usa en full ancho para mostrar un contenido mas llamtivo
Formulario de contacto
El modulo formulario de contacto ya es conocido, nos permite generar un formulario persinalizable para colocarlo en la web y ser contactados por algúna persona
Galeria
El modulo Galería en su parte de diseño puede mostrare como delizador de imágenes o puede mostrarse en modo rejilla, aquí esta en modo slider, puede seleccionarse las fotos que harán parte de la galería y personalizar su tamaño y diseño
Imagen
Nos permite ingresar una imagen en la web 100% personalizable también nos permite usar recursos de edición como filtros y rotaciones en sus ejes, uso de sombras también
Inicio de sesion
Este modulo esta compuesto por un control html y un botón básicamente que se comunica via PHP con wordpres y redirige según el rol de la persona logueada, también muy personalizable en todos sus aspectos visuales
LLamada a la accion
Su título va aquí
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Básicamente este modulo es la manera de acompañar el botón con un contenido informativo, es único personalizable y no se puede usar como slider
Mapa
El Modulo agrega a una parte de la web un mapa de ubicación basado en Google, la desventaja es que es muy inestable y se basa en api de google por lo cual hay que contar con una clave para usarlo, generalmente no lo uso si no que lo agrego vía código de google maps vía HTML
Persona
El nombre va aquí
Puesto
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Este modulo es una composición que permite describir una persona como su puesto su imagen, sus redes sociales y una descripcion
Pestaña
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Otro modulo de divi que nos permite resumir información extensa, solo que eta vez lo hace a través de pestañas
Portafolio
No se encontraron resultados
La página solicitada no pudo encontrarse. Trate de perfeccionar su búsqueda o utilice la navegación para localizar la entrada.
El Modulo portafolio hace referencia a una función nativa que tiene wordpres de crear portafolios, son algo similares a los blog pero para uso dentro de una infraestructura diferente enfocado en la empresa
Post Slider
Es la forma amigable que divi nos ofrece para mostrar el contenido de los post en forma de slider, en este caso escogi que me mostrara todo el contenido de la categoría noticias kimera, pero puede ser personalizable
Recomendación
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
El modulo recomendación es una forma que divi nos da para mostrar tips o recomendaciones, generalmente lo uso para notificar o dar mensajes importantes que no deben ser desapercibidos
Seguir en medios sociales
Un modulo nuevo de divi que nos permite agregar redes sociales y su respectivo direccionamiento, es una gran ayuda ya que los que usamos en nuestras webs son programados por código
Separador
Los separadores de divi son de varios estilos y son personalizables en su anchura y altura, aquí los tipos de separador
Table de precios
Título de alternador
Subtitle goes Here- Esta función está incluida + Esta función está incluida + Esta función está incluida + Esta función está incluida – Esta función no está incluida – Esta función no está incluida
Título de alternador
Subtitle goes Here- Esta función está incluida + Esta función está incluida + Esta función está incluida + Esta función está incluida – Esta función no está incluida – Esta función no está incluida
La tabla de precios no tiene nada de raro, solo nos permite organizar información de algún tipo no necesariamente precios, con algo de css y los estilos de divi se pueden crear cosa mas llamativas
Temporizador de cuenta regresiva
Su título va aquí
Día(s)
:
Hora(s)
:
Minuto(s)
:
Segundo(s)
De las ultimas novedades de divi que nos permite poner un contador de cuenta regresiva, aun por fechas, personalizable en todo aspecto gráfico
Texto
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
El mas básico de todos pero no menos importante, personalizable en todos sus aspectos
Video
Por ultimo el control de video que no es del otro mundo, recibe formatos mp4 webm personalizable en la mayoría de sus aspectos
0 comentarios