WL_Thumbnails_1280x720.mp4

00:00:00

Neste tutorial, vou abordar o widget Miniaturas

00:00:03

O widget Miniaturas é uma maneira fácil de adicionar várias imagens em uma grade elegante de miniaturas

00:00:10

Você pode ver que está aqui embaixo, bem no fundo

00:00:12

Ao criar um widget de miniatura, você precisará adicionar as imagens individualmente

00:00:19

Você pode adicionar um título e um subtítulo aqui

00:00:26

Para adicionar uma imagem, basta clicar em adicionar um novo elemento

00:00:30

Quando você fizer isso, será levado para a nova miniatura

00:00:35

Você pode ver que há um espaço aqui reservado para isso

00:00:37

Você simplesmente adicionaria sua imagem

00:00:39

Você pode arrastar e soltar ou usar o navegador

00:00:42

Você pode usar nossa biblioteca de mídia global repleta de um monte de fotos gratuitas

00:00:46

Vamos em frente e usar nossa biblioteca de mídia só para ver como isso funciona

00:00:49

Se você adicionar um título, o que isso fará é criar um título e um subtítulo dentro da miniatura quando um usuário clicar nele

00:00:59

Ele mostrará a imagem completa, mais o título na parte superior e o subtítulo abaixo.

00:01:04

Aqui abaixo está o SEO, o gráfico aberto e o URL, que foi abordado em um tutorial separado

00:01:13

Depois de terminar com esta imagem e elemento em particular, você simplesmente se certificaria de que tudo foi salvo e então voltaria para as miniaturas principais

00:01:21

Isso pode ser acessado no menu superior aqui ou simplesmente clicando no botão Voltar aqui embaixo

00:01:27

Quando você voltar, verá que um novo elemento foi criado e recebeu o título que você escolher

00:01:33

Vamos em frente e adicionar outro e vamos mantê-lo circular para manter tudo uniforme

00:01:41

Se você decidir não adicionar um título e um subtítulo, ele mostrará apenas uma imagem

00:01:47

Quando você clicar nele, ele criará automaticamente um nome para você quando você retornar às miniaturas

00:01:55

Quando você voltar, poderá ver que ele gerou automaticamente um nome para você e agora você pode vê-los ambos alinhados aqui

00:02:01

Vamos em frente e adicionar mais alguns para que você possa ver como fica com o quadro completo cheio de miniaturas

00:02:23

Agora vamos manter todas as imagens circulares apenas para manter tudo com uma aparência agradável

00:02:28

Agora você vê aqui, ele apenas cria cada imagem que eu criei e adiciona automaticamente

00:02:32

Se você quiser organizar suas miniaturas em grades diferentes, você pode determinar o número de colunas no celular

00:02:40

Se você quiser apenas uma coluna, pode prosseguir e manter tudo em uma linha

00:02:45

Agora você pode ver tudo, ficou tudo um pouco maior e alinhado em uma coluna

00:02:48

Você pode separar as diferentes colunas de desktop e celular

00:02:56

Agora, quando criamos quatro colunas, você pode ver que ele adicionou todas as quatro em uma linha agora

00:03:02

Para opções adicionais, você pode exigir que os usuários estejam logados para realmente visualizar as miniaturas e se essas imagens são visíveis apenas no celular ou apenas no desktop e os estilos adicionais

00:03:16

são como todos os outros widgets

00:03:18

Você pode determinar o espaço que ele ocupa na área de trabalho, bem como a classe de widget personalizada se você conhece algum CSS e pode determinar o estilo de fundo

00:03:26

Então, se você quiser prosseguir e dar a isso apenas uma cor sólida para um fundo, é uma questão muito simples de atualizar e salvar e você pode ver que agora ele foi criado

00:03:35

um fundo e esse é o widget de miniaturas