WL_Roadmap_1280x720.mp4

00:00:00

Neste tutorial, vou discutir o widget Roadmap

00:00:03

O widget Roadmap é uma maneira fácil de criar um belo roteiro para seu lançamento, empresa ou projeto de qualquer tipo

00:00:11

Então, se você quiser exibir uma série de etapas ou uma linha do tempo, você simplesmente usaria o Roteiro

00:00:16

Está localizado aqui mesmo

00:00:18

Depois de criar isso, ele pedirá que você insira seus itens

00:00:21

Já temos este pré-fabricado para que você possa ver como fica e você pode ver que temos uma série de etapas à esquerda

00:00:26

E à direita, a pré-visualização que podemos ver, cada um tem uma imagem, um título, um subtítulo e algum texto

00:00:32

Então, se você quiser adicionar outro item, basta clicar no botão azul e adicionar um novo item à lista.

00:00:37

E é muito fácil inserir seu título e subtítulo

00:00:42

E então seu texto iria aqui e então você colocaria uma imagem ou um ícone para que tenhamos uma grande biblioteca de ícones gratuitos ou bem-vindos para usar

00:00:54

Ou você pode usar nossa biblioteca de mídia global ou enviar sua própria imagem, o que você quiser

00:01:00

E depois que você carrega uma imagem e a salva, ela será adicionada automaticamente aos seus roteiros para que você possa ver que, quando rolarmos para baixo, ela agora tem a imagem, o título, o subtítulo e o texto.

00:01:11

ali mesmo, muito fácil de usar

00:01:14

E você pode mudar a aparência e o layout logo abaixo aqui para que você possa ver que estamos neste primeiro onde ele organiza esquerda, direita, esquerda, direita

00:01:21

Se você quiser usar o segundo, você pode ver que ele colocará todas as imagens à esquerda e então você verá todo o texto à direita

00:01:27

Então, se quisermos usar isso, ele atualizará automaticamente

00:01:31

Então agora temos todas as imagens à esquerda e o texto à direita

00:01:34

E ele faz tudo isso para você automaticamente

00:01:37

E se você quiser usar este no terceiro aqui, isso realmente faria uso das etapas entre colchetes aqui

00:01:46

Assim você pode reorganizar esses itens quando eles estiverem na sua lista

00:01:51

Você pode reorganizá-los como quiser

00:01:52

Então, se você vir aqui, posso colocar a etapa dois logo acima da etapa um e isso será atualizado

00:01:58

Agora isso está acima e eu posso reorganizar isso como eu quiser

00:02:00

E você também pode colocar um item dentro de outro item

00:02:03

Então, se eu pegar esse terceiro passo e colocar isso abaixo e um pouco à direita do segundo passo, isso adicionará isso àquele item específico

00:02:11

Então agora ele atua como uma categoria

00:02:13

Então você pode ver que a etapa três está dentro da etapa dois e você pode fazer isso como quiser e reorganizá-los como quiser.

00:02:21

E é uma ferramenta muito poderosa para mostrar um roteiro ou uma série de etapas para um lançamento, uma empresa ou um projeto e uma maneira fácil de mostrar um cronograma também

00:02:32

Então eu recomendaria brincar com isso e experimentar

00:02:36

E quanto às opções adicionais, como todos os outros widgets, você pode alternar para somente celular ou somente desktop

00:02:41

Assim, você pode ter roteiros diferentes para dispositivos móveis e desktops

00:02:45

E os estilos adicionais são como todos os outros widgets

00:02:49

Você pode determinar o espaço na área de trabalho

00:02:51

Você pode adicionar algum CSS para a classe de widget personalizado e pode até adicionar um plano de fundo ou animações

00:02:57

Portanto, é uma ferramenta muito simples e poderosa que criará automaticamente um roteiro para você de uma forma muito fácil de usar.