Proyectos programación

Caso uso de Elementor pro: Landing Page página motos de lujo


«Hay que educar en el buen gusto en el diseño».

Sección imágenes en movimiento

La imagen principal y el texto son un carrusel de «diapositivas» y varios contenedores con un botón y texto.

Sección carrusel de post y productos

La sección se crea con un carrusel de bucle usando una plantilla donde se incorporan los datos de los post y los productos de forma dinámica.

Primero hay que añadir una plantilla nueva de tipo > Elemento en bucle

Lo primero es crear una plantilla “elementos de bucle “para introducir los post o productos de forma dinámica (se va creando usando los datos de cada entrada o producto). 

Para que se pueda utilizar esta herramienta es necesario que haya publicados post o productos.

Hay que comprender que un post se compone de: un título, una imagen destacada, un extracto y el contenido; estos serán los datos que use la plantilla para mostrar cada post.

En nuestro caso la plantilla modelo es una imagen con un encabezado un botón y un texto.

Ahora incorporaremos a nuestra página los post a través de un carrusel de bucle al que añadiremos nuestra plantilla.

En el carrusel, podremos decidir qué post queremos incorporar o excluir. 

Es importante excluir las que no queremos mostrar.

Cada vez que creemos un nuevo post, será necesario excluirlo sino queremos que se muestre.

Sección imagen de marca

La solución para este bloque es utilizar un contenedor al que le ponemos un fondo de imagen y añadiendo elementos.

En esta sección dentro del contenedor tendremos que poner un fondo y colocar dos contenedores para organizar el texto y el botón

Sección video

Este bloque se consigue con un contenedor al que se le pone en estilo un fondo con un video y se le añade el texto y el botón como a un contenedor normal.

El video puede estar en la galería de medios o en youtube.

Sección quiénes somos

Esta sección se construye igual que la sección de carrusel de post. 

En este caso tendremos que construir otra plantilla ya que el diseño es diferente e incluirla en un carrusel.

Deberemos excluir todos los post; menos los dos que nos interesan.

Sección instagram

Para esto es necesario utilizar un plugin y acceder a la cuenta personal.

Si no es nuestra cuenta, solo se puede hacer de forma manual; insertando post de instagram a través de código html.