Paso 1: Acceso a Elementor
1. Inicia sesión en tu panel de WordPress.
2. Ve a la página o entrada donde deseas agregar el widget de diapositivas.
3. Haz clic en el botón «Editar con Elementor».
Paso 2: Agregar el widget de Diapositivas
1. En el panel izquierdo de Elementor, busca el widget «Diapositivas». Puedes encontrarlo escribiendo «Diapositivas» en la barra de búsqueda.
2. Arrastra y suelta el widget de «Diapositivas» en la sección de la página donde deseas que aparezca.
Paso 3: Configuración de las Diapositivas
1. Contenido de las Diapositivas:
– Al agregar el widget, por defecto aparecen tres diapositivas. Puedes agregar más diapositivas haciendo clic en «Añadir Diapositiva» o eliminar las existentes haciendo clic en el icono de la papelera.
– Para cada diapositiva, puedes configurar lo siguiente:
– Imagen: Haz clic en el área de imagen para seleccionar o cargar una imagen desde tu biblioteca de medios.
– Título: Escribe el título que aparecerá en la diapositiva.
– Descripción: Añade una descripción debajo del título.
– Botón: Si deseas un botón en la diapositiva, puedes activar la opción «Mostrar Botón» y personalizar el texto del botón, la URL y el icono.
2. Diseño de las Diapositivas:
– Altura: Ajusta la altura de las diapositivas.
– Ancho del contenido: Controla el ancho del contenido dentro de las diapositivas.
– Posición del contenido: Cambia la posición del contenido dentro de la diapositiva (centro, superior, inferior, izquierda, derecha).
3. Navegación:
– Puntos: Muestra u oculta los puntos de navegación (los pequeños círculos que indican el número de diapositivas).
– Flechas: Muestra u oculta las flechas de navegación.
– Posición de las flechas: Puedes elegir dónde se colocan las flechas (dentro, fuera, centrado).
Paso 4: Diseño del Widget
1. Diapositivas:
– Fondo: Configura el fondo de la diapositiva.
– Superposición: Puedes agregar una superposición de color a las imágenes de las diapositivas.
2. Contenido:
– Color del título y descripción: Ajusta los colores del título y la descripción.
– Tipografía: Personaliza la tipografía para el título y la descripción.
– Espaciado: Ajusta el margen y el relleno para el contenido.
3. Botón:
– Estilo normal y de hover: Personaliza el estilo del botón en su estado normal y al pasar el ratón sobre él.
– Tipografía y colores: Configura la tipografía y los colores del botón.
4. Navegación:
– Puntos: Ajusta el tamaño y el color de los puntos de navegación.
– Flechas: Configura el tamaño y el color de las flechas de navegación.
Paso 5: Publicar o Actualizar
1. Una vez que hayas configurado y diseñado el widget de «Diapositivas» a tu gusto, haz clic en «Actualizar» para guardar los cambios.
2. Revisa tu página para asegurarte de que las diapositivas se vean y funcionen como deseas.
¡Y eso es todo! Ahora sabes cómo usar el widget «Diapositivas» en Elementor para agregar presentaciones atractivas a tus páginas web. Si tienes alguna pregunta o necesitas más detalles, no dudes en preguntar.