WL_Thumbnails_1280x720.mp4

00:00:00

En este tutorial, repasaremos el widget Miniaturas.

00:00:03

El widget Miniaturas es una forma sencilla de agregar múltiples imágenes a una elegante cuadrícula de miniaturas.

00:00:10

Puedes verlo aquí abajo, en la parte inferior.

00:00:12

Cuando creas un widget de miniatura, te pedirá que agregues las imágenes individualmente.

00:00:19

Puedes agregar un título y un subtítulo aquí

00:00:26

Para agregar una imagen, simplemente haga clic en agregar un nuevo elemento

00:00:30

Cuando hagas eso, te llevará a esa nueva miniatura.

00:00:35

Puedes ver que hay un espacio aquí reservado para ello.

00:00:37

Simplemente agregarías tu imagen

00:00:39

Puedes arrastrar y soltar o usar el explorador.

00:00:42

Puede utilizar nuestra biblioteca multimedia global repleta de imágenes gratuitas.

00:00:46

Sigamos adelante y usemos nuestra biblioteca multimedia solo para ver cómo funciona esto.

00:00:49

Si agrega un título, esto creará un título y un subtítulo dentro de la miniatura cuando un usuario haga clic en ella.

00:00:59

Se mostrará la imagen completa, más el título en la parte superior y el subtítulo debajo.

00:01:04

Aquí abajo está el SEO, el gráfico abierto y la URL, que se han tratado en un tutorial aparte.

00:01:13

Una vez que hayas terminado con esta imagen y elemento en particular, simplemente asegúrate de que todo esté guardado y luego regresa a las miniaturas principales.

00:01:21

Se puede acceder a él desde el menú superior aquí o simplemente haciendo clic en el botón Atrás aquí abajo.

00:01:27

Cuando regreses, verás que se ha creado un nuevo elemento y se le ha dado el título que elijas.

00:01:33

Sigamos adelante y agreguemos otro y mantengámoslo circular para mantener todo uniforme.

00:01:41

Si decide no agregar un título y un subtítulo, solo se mostrará una imagen.

00:01:47

Cuando haces clic en él, se creará automáticamente un nombre para ti cuando regreses a las miniaturas.

00:01:55

Cuando regreses, podrás ver que se generó automáticamente un nombre para ti y ahora puedes ver que ambos están alineados aquí.

00:02:01

Sigamos adelante y agreguemos algunos más para que puedas ver cómo se ve con el tablero completo lleno de miniaturas.

00:02:23

Ahora mantengamos todas las imágenes circulares para que todo se vea bien.

00:02:28

Ahora ves aquí, simplemente crea cada imagen que creé y la agrega automáticamente.

00:02:32

Si desea organizar sus miniaturas en diferentes cuadrículas, puede determinar la cantidad de columnas en dispositivos móviles.

00:02:40

Si solo desea una columna, puede continuar y mantener todo en una sola línea.

00:02:45

Ahora puedes verlo todo, todo se hizo un poco más grande y se alineó en una columna.

00:02:48

Puede separar las diferentes columnas de escritorio y móviles

00:02:56

Ahora, cuando creamos cuatro columnas, puedes ver que ahora se agregaron las cuatro en una fila.

00:03:02

Para obtener opciones adicionales, puede requerir que los usuarios inicien sesión para poder ver las miniaturas y si estas imágenes son visibles solo en dispositivos móviles o solo en computadoras de escritorio y los estilos adicionales.

00:03:16

Son como todos los demás widgets.

00:03:18

Puede determinar el espacio que ocupa en el escritorio, así como la clase de widget personalizada si conoce algo de CSS y puede determinar el estilo de fondo.

00:03:26

Entonces, si quieres seguir adelante y darle un color sólido como fondo, es muy sencillo actualizarlo y guardarlo, y podrás ver que ahora se ha creado.

00:03:35

Un fondo y ese es el widget de miniaturas.