Nota
Es posible que el widget de imagen ya no esté en su biblioteca de . Se reemplazó por el de Carrusel de archivos. Si quiere obtener más información sobre este , consulte Widget del carrusel de archivos.
- Para aprender cómo crear un control deslizante de imágenes de fondo, vea Control deslizante de imágenes de fondo.
- Para obtener más información sobre cómo agregar imágenes de primera a su sitio, consulte Agregar imágenes de primera (imágenes de Shutterstock).
Editor de contenido
Para acceder al editor de contenido, haga clic con el botón derecho en el y haga clic en Editar contenido.
Agregar imágenes
Para agregar una imagen al control deslizante, haga clic en Agregar imagen o haga clic en cualquier punto de la imagen en blanco. Esto abrirá el selector de imágenes. Tiene las siguientes opciones:
- Seleccione la carpeta con las imágenes que desea usar.
- Haga clic en el icono + para cargar su propia imagen.
- Haga clic en Vista completa para obtener más opciones de elección de imagen.
Quitar imágenes
En el Editor de contenidos, haga clic en la X de color gris en la esquina superior de la miniatura de imagen para eliminarla.
Configuración de imágenes/diapositivas
Haga clic para seleccionar una imagen/diapositiva existente en la pestaña Contenido del editor de contenido. Esto abre la Configuración de imagen y dónde se puede editar el contenido de las diapositivas.
Tiene las siguientes opciones adicionales en la Configuración de imágenes:
- Agregar un enlace a la diapositiva. Convierte toda la imagen en un botón que se puede vincular.
- Título del control deslizante. Añade texto grande a la imagen del control deslizante. Para ocultar el título, haga clic en el icono del ojo (esto se aplicará solo a esta imagen/diapositiva).
- Título del control deslizante. Añade un texto más pequeño a la imagen del control deslizante debajo del texto del título. Use el editor de texto para añadir color, énfasis (negrita, cursiva y subrayado) y viñetas al texto que aparece en el recuadro. Para ocultar el título, haga clic en el icono del ojo (esto se aplicará solo a esta imagen/diapositiva).
- Botón. Añade un botón a la imagen del control deslizante que se puede vincular como un de botón. Para ocultar el botón, haga clic en el icono del ojo (se aplicará solo a esta imagen o diapositiva).
- Texto alternativo. Agrega texto alternativo que se mostrará por motivos de optimización de motores de búsqueda (SEO) o cuando la imagen no se pueda mostrar.
Editar y reemplazar imágenes
- Para abrir el selector de imágenes y seleccionar una imagen diferente, haga clic en Reemplazar.
- Para abrir el editor de imágenes incorporado para agregar funciones y estilos a una imagen, haga clic en Editar.
Editor de diseño
Para acceder al editor de diseño, haga clic con el botón derecho en el y haga clic en Editar diseño.
Disposición
Para ver las opciones de diseño disponibles y cambiar el diseño, haga clic en la miniatura.
Transición
En el editor de diseño, desplácese hasta la transición y configure lo siguiente:
- Transición del deslizador. Seleccione Aparición gradual o Deslizamiento.
- Reproducción automática.
- Velocidad de la presentación de diapositivas. Mueva el deslizador para seleccionar una velocidad de entre 1 y 20 segundos.
- Pausar la presentación de diapositivas en hover.
- Animación de contenido. Seleccione una animación de la lista desplegable.
Mostrar imágenes completas
Cuando se agreguen imágenes al control deslizante de imágenes, no se mostrarán en sus dimensiones naturales. Estas imágenes se muestran de manera que llenen las dimensiones del control deslizante de imágenes, por lo que pueden aparecer estiradas o borrosas. Para mostrar imágenes en sus dimensiones naturales, en el editor de diseño haga clic en el botón Marco, luego haga clic en el botón de alternancia Mostrar imagen completa.
Para obtener información sobre las opciones de diseño que no son específicas de este (por ejemplo, diseño, estilo o espaciado), consulte Diseño de widgets.