Avisos
Vaciar todo

Contrucción Pagina Inicio Web con DIVI  

 
Fernando
 Fernando
Usuario activo

Buenos días,
acabo de contratar el plan Wpfacil con DIVI y me gustaría saber si es posible construir una estructura web que visualmente sea como la de esta web de automóviles www.audi.es,
adjunto imagen para que te hagas una idea de lo que busco,
en la página de inicio quiero poner una barra de selección en la parte más alta con una foto en grande justo debajo, como la de la web pero algo más pequeña, porque justo debajo de esta foto quiero un menú de selección con fotos como las que aparece, y todo eso quiero que aparezca de inicio,
entonces mi pregunta es, ¿esto es posible hacerlo con DIVI? ¿hay algún tema/plantilla que resulte más adecuado y que se adapte mejor a mis necesidades?
muchas gracias de antemano
saludos

Captura

 

Contenido solo visible a usuarios registrados

Citar
Respondido : 06/02/2022 2:49 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Fernando.

La imagen superior es un Banner que lo puedes crear con Divi

.- Editas la pagina y añades una nueva sección:

Captura de pantalla 2022 02 06 a las 17.09.37

.- Edita la sección 

.- En la opción Fondo selecciona imagen y subes la imagen

screenshot joomlero cp7004.webjoomla.es 2022.02.06 17 37 53

.- Añade una fila de ancho completo:

Captura de pantalla 2022 02 06 a las 17.12.24

.- Añade un modulo de texto:

Captura de pantalla 2022 02 06 a las 17.15.01

.- Añade el texto que quieres mostrar

Captura de pantalla 2022 02 06 a las 17.17.21

.- Añade una nueva fila para los botones

Captura de pantalla 2022 02 06 a las 17.19.03

.- Añade un modulo boton:

Captura de pantalla 2022 02 06 a las 17.27.52

.- Añade el texto del boton y el enlace

screenshot joomlero cp7004.webjoomla.es 2022.02.06 17 29 38

.- añade otro modulo para el segundo boton

.- Guarda y revisas, tendría que mostrase algo parecido a esto:

screenshot joomlero cp7004.webjoomla.es 2022.02.06 17 36 14 (1)

Revisa lo que te indico y luego vemos lo de las imagenes inferiores 

 

Nota: ten en cuenta que no vas a poder hacer exactamente lo mismo puedes intentar hacer algo similar.

 

Un saludo

 

 

 

 

 

 

 

 

 

 

Esta publicación ha sido modificada el hace 3 años por Pepe
ResponderCitar
Respondido : 06/02/2022 4:51 pm

Fernando
 Fernando
Usuario activo

@pepesoler

muchas gracias me pongo con ello y te voy diciendo, pero una pregunta, como te he comentado acabo de empezar con DIVI y por defecto ya vienen varias páginas creadas en el administrador de wordpress, ¿puedo empezar a hacer los cambios que me dices sobre la pagina de inicio que viene por defecto? o ¿es recomendable borrar las paginas que ya vienen creadas? 

ResponderCitar
Respondido : 07/02/2022 2:54 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Fernado.

¿puedo empezar a hacer los cambios que me dices sobre la pagina de inicio que viene por defecto? o ¿es recomendable borrar las paginas que ya vienen creadas? 

Puedes empezar con una pagina que tienes ahora como inicio o empezar con uan pagina de cero incluso cargar alguna plantilla de las que tare por defecto.

Por ejemplo si quieres cambiar la plantilla que tiene la pagina de inicio:

.- Edita la pagina de inicio:

.- Pulsa en el icono " + "

screenshot joomlero cp7004.webjoomla.es 2022.02.07 16 11 06

.- Selecciona la plantilla que quieres utilizar, tienes algunas especiales para automóviles.

Captura de pantalla 2022 02 07 a las 16.14.15

.- Pulsa en " Use this Layout "

Captura de pantalla 2022 02 07 a las 16.17.52

 

Una vez cargada tendras la nueva plantilla.

 

Si quieres empezar una pagina desde cero con una plantilla, los pasos serian lso mismos.

.- Añades una nueva pagina

.- Selecciona " usar constructor divi "

screenshot joomlero cp7004.webjoomla.es 2022.02.07 16 22 27

.- Aquí tienes dos opciones o construir desde cero añadiendo los modulos que necesites o cargar una plantilla:

screenshot joomlero cp7004.webjoomla.es 2022.02.07 16 24 45

 

Tienes dos cursos de Divi en Webempresa University que podrías realizar para enter un poco como funciona este constructor:

-> https://www.webempresa.com/university/curso-divi-4-basico/

-> https://www.webempresa.com/university/curso-divi-4-avanzado/

 

Un saludo

 

 

ResponderCitar
Respondido : 07/02/2022 3:29 pm

Fernando
 Fernando
Usuario activo

@pepesoler

Hola Pepe,

tras unos días de en el que he estado trasteando un poco DIVI y también he realizado ya el curso básico, no soy capaz de darle altura que quiero al banner de inicio,

si te fijas queda muy corto, he creado una pagina de prueba inicio en la que estoy siguiendo tus pasos para hacer lo que me has indicado más arriba,

image
ResponderCitar
Respondido : 11/02/2022 11:21 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Fernando.

En la pestaña Diseño despliegas Tamaño y en al opción Altura puedes configura el alto de esa imagen:

screenshot mary52.webempresa.eu 2022.02.11 13 29 04

 

Un saludo

 

ResponderCitar
Respondido : 11/02/2022 12:30 pm

Fernando
 Fernando
Usuario activo

@pepesoler

Pepe, hago las modificaciones de tamaño con el constructor visual y me que algo así

image

pero luego guardo me voy a editar página, veo la vista previa y se ve así, encoge de tamaño....

image

he repetido el proceso varias veces y sale pequeño....

ResponderCitar
Respondido : 11/02/2022 1:20 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Fernando, 

Puedes indicarnos cuál es la imagen de banner en el inicio que intentas añadirle la altura, actualmente no logro ver imagen en tu página principal, coméntanos si es la sección que te adjunto

Screenshot   2022 02 11T092859.109

Adicional a ello envíanos algunas capturas de las configuraciones que estás realizando de esta forma podemos ayudarte con mayor detalle

Un Saludo 

ResponderCitar
Respondido : 11/02/2022 1:30 pm

Fernando
 Fernando
Usuario activo

@karen

Hola,

sería la imagen del coche que se encuentra en la página Inicio prueba

image
ResponderCitar
Respondido : 11/02/2022 2:02 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Fernando.

La pagina la tienes como borrador verdad ?

.- Publica la pagina y lo revisamos 😉 

Tienes que editar la sección que es donde tienes añadida la imagen como Background

screenshot mary52.webempresa.eu 2022.02.11 15 40 31

Hay que mover la altura hasta adaptar el alto que quieras.

screenshot mary52.webempresa.eu 2022.02.11 15 42 24

Una vez modificado tienes que pulsar en " Actualizar " paar guardar los cambios.

screenshot mary52.webempresa.eu 2022.02.11 15 44 50

 

No crees que te resultara mas facil cargar una de las plantillas que trae por defecto Divi como te indique al principio y empezar a trabajar en la pagina con es plantilla ?

Si sigues como ahora tendras que ir añadiendo secciones luego y es mas facil ver alguna de las plantillas que se puedan acercar a lo que estas buscando, cargar la plantilla y realizar las modificaciones.

 

 

Un saludo

Esta publicación ha sido modificada el hace 3 años 3 veces por Pepe
ResponderCitar
Respondido : 11/02/2022 2:35 pm

Fernando
 Fernando
Usuario activo

@pepesoler

Hola de nuevo,

ya la he publicado y he probado a hacer lo que me dices y funciona, lo que pasa es que cuando varío el tamaño de la imagen no lo puedo ver hasta que lo actualizo y le doy a vista previa, sin embargo en el constructor visual cuando vas modificando el tamaño vas viendo la imagen como cambia pero claro luego no se guardan los cambios...

entiendo que el constructor visual no sirve para cambiar de tamaño de imagen ¿correcto?

Sobre por qué estoy haciéndolo desde cero en vez de coger una plantilla de DIVI, es que no veo ninguna que se ajuste a lo que busco, lo digo más que nada por el menú de productos de coches que señalo con el número 3,

yo quiero en la página de inicio algo como lo de esta imagen, justo debajo de la foto grande quiero un menú horizontal o también podría ser vertical, pero lo que si quiero es que sea con fotos de diferentes artículo, y cuando haga click sobre una de ellas me dirija a su correspondiente página, es un poco la idea....

image

en resumen, crear este menú inferior es lo que veo ahora mismo más complicado de crear, 

image

si tú ves que hay opciones más fáciles de hacerlo, me dices y lo hago sin pensarlo, yo me dejo aconsejar 🙂

de todos modos estoy empezando y aprendiendo día a día, ya he hecho el curso básico y ya estoy con el avanzado, espero que cuando lo termine me sirva para superar también este tipo de dificultades y otras, pero vi necesario ir practicando a medida que hago el curso

ResponderCitar
Respondido : 11/02/2022 4:29 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Fernando,

Lo que pasa con el constructor es que a veces ocupa espacio en barras laterales que son las de edición y esto hace que la web se achique por así decirle y las proporciones cambian un poco, sin embargo la mejor forma de visualizar los cambios siempre es actualizado la web en otra pestana para poder ir viéndolo en vivo, claro la herramienta de construcción es una ayuda pero lo mejor es actualizar y ver.

Con respecto a como crear este tipo de menú te comparto un video para explicártelo mejor:

Verifica si de esta forma te funciona y nos comentas.

Un saludo 🖐️ 

 

ResponderCitar
Respondido : 11/02/2022 5:02 pm