WL_Blog_1280x720.mp4

00:00:00

Neste tutorial, vou discutir o widget do blog

00:00:03

Agora, um blog, caso você não esteja familiarizado, é basicamente uma coleção de artigos que geralmente são escritos por uma única pessoa ou uma pequena equipe.

00:00:12

E geralmente é sobre um tópico específico, uma ideia, basicamente qualquer coisa sobre a qual você queira escrever.

00:00:19

Mas geralmente se concentra em algo específico

00:00:22

E os blogs permitem que você escreva vários artigos e os organize facilmente

00:00:28

Então, se você quiser criar um blog, você pode escrever um blog sobre praticamente qualquer coisa que você quiser.

00:00:32

Essa é a beleza da internet

00:00:34

E para criar um, você simplesmente adicionaria um widget

00:00:37

E está bem ali perto do topo

00:00:39

Depois de criar o blog, você adicionará o widget do blog a essa página

00:00:42

Não é necessário, mas é uma prática comum e geral que os blogs sejam dedicados à sua própria página

00:00:48

Mas você pode fazer o que quiser com os widgets

00:00:50

E depois de criar esse widget de blog, vou abrir este, que já está pré-fabricado

00:00:54

Mas vamos analisar todos os detalhes para ver como tudo funciona

00:00:57

Você criaria seu título aqui, bem como seu subtítulo

00:01:02

E esta lista de itens estará completamente vazia quando você criar um blog pela primeira vez

00:01:08

Então vamos em frente e abrir um

00:01:10

E quando você clicar em adicionar um novo item à lista, ele criará um novo item de lista

00:01:15

Então vamos abrir um e ver como é

00:01:20

E então vamos abrir o artigo correspondente no blog

00:01:24

Então você pode ver que é bem simples quando você entra em tudo

00:01:29

O título está logo ali em cima

00:01:32

E a legenda está logo abaixo disso

00:01:34

O resumo é o que apareceu na lista do artigo

00:01:37

Você pode ver que o resumo é o que aparece abaixo do título do artigo principal na lista

00:01:41

E isso é bom para discutir um pouco o artigo ou contar sobre o que se trata

00:01:45

E então o texto principal está logo abaixo disso

00:01:48

Você pode ver que esse é todo o texto principal

00:01:51

E eu coloquei um pequeno teste 1, 2, 3 ali

00:01:53

E isso é só um pequeno teste para que possamos testar o mecanismo de busca na barra de pesquisa

00:01:58

Porque você sempre pode adicionar uma barra de pesquisa para que os usuários possam encontrar os artigos com mais facilidade

00:02:02

Depois de ter todo o seu texto principal e tudo, você também pode adicionar algumas coisas adicionais, como se você quisesse que isso fosse publicado mais tarde, então atualmente você pode agendar uma data de publicação específica e

00:02:14

tempo

00:02:14

Então você realmente seria capaz de selecionar a hora e a data

00:02:18

E você pode determinar se isso será publicado mais tarde ou se será publicado em forma de rascunho.

00:02:23

E um rascunho basicamente não é visível para usuários reais

00:02:26

Ficaria visível para você, para que você pudesse ter uma prévia

00:02:29

Mas você sempre pode publicar coisas para mais tarde

00:02:31

Você também pode adicionar imagens

00:02:33

E isso vai adicionar uma imagem ao artigo da lista real

00:02:38

Você tem uma lista de artigos

00:02:39

Então, se você adicionar uma imagem, ela atualizará a página

00:02:42

E você pode ver ali, agora está acima do título real da lista de artigos

00:02:46

E se você clicar nisso, você pode ver que ele adiciona a imagem lá também

00:02:53

Então esta é a imagem do artigo

00:02:55

Você também pode fazer várias fotos

00:02:57

Então, se você adicionar várias imagens, isso se transformará em um controle deslizante que deslizará para frente e para trás

00:03:01

E você pode até fazer vídeos

00:03:03

Então se você quiser, você pode adicionar um vídeo a isso

00:03:08

E quando você salva e atualiza isso, ele ainda tem aquela imagem do artigo

00:03:12

Mas agora, quando você abrir isso, ele mostrará esse vídeo

00:03:15

Então você pode realmente clicar naquele vídeo e reproduzir um vídeo diretamente para o seu artigo, o que é muito legal

00:03:21

E você também pode adicionar botões

00:03:26

Então, se você quiser adicionar links ou me enviar um e-mail ou algo assim, você pode adicionar um botão

00:03:31

E isso é abordado no tutorial dos botões

00:03:33

Então assista a esse tutorial para entender mais sobre botões

00:03:37

Você também pode adicionar um autor e uma data rolando para baixo e selecionando a aba autor e data

00:03:49

E depois de digitar o nome do autor e uma data, você também pode digitar uma biografia.

00:04:00

E então a maneira como os blogs funcionam em termos de organização é que eles são organizados primeiro no artigo mais recente

00:04:09

Então, geralmente é na ordem inversa que você os cria, porque os artigos antigos ficarão no final.

00:04:14

Os que você criar primeiro e os artigos mais recentes ficarão no topo

00:04:18

Então, se você escolher uma data, seu blog será organizado automaticamente

00:04:22

Então agora ele trouxe o título um que estava na parte inferior e o trouxe de volta para o topo porque este é agora o artigo mais recente

00:04:28

E você pode ver o nome do autor ali

00:04:31

E se você clicar no artigo e ler sobre ele na parte inferior, haverá a biografia dos autores

00:04:36

Esta é uma maneira bacana de falar sobre você ou, se você tiver vários autores, pode dizer quem realmente escreveu aquele artigo específico.

00:04:43

Você também pode agendar eventos

00:04:46

Então, se você tem um evento especial, você quer que as pessoas compareçam

00:04:48

Você pode agendar uma data e hora no calendário e as pessoas poderão fazer o download para seus calendários em seus telefones ou para seu ícone em seus iPhones

00:04:56

E essa é uma maneira fácil de organizar eventos

00:04:57

Você também pode adicionar mapas ao blog

00:05:01

Então, se você tiver um local específico ou algo semelhante acontecer, você pode simplesmente digitar o endereço e ele criará automaticamente um mapa para você.

00:05:12

Então, quando você abre esse artigo, ele agora tem um mapa disponível

00:05:17

E você também pode adicionar arquivos e anexos

00:05:22

Então, se você quiser que alguém possa curtir o download de algo, você pode adicionar um arquivo ou curtir uma imagem, por exemplo

00:05:28

Depois de fazer o upload para os servidores, as pessoas poderão abrir o artigo e haverá um botão para baixar o arquivo específico

00:05:38

O arquivo de download e então isso os levará para a imagem que eles baixaram

00:05:44

E essa é uma maneira fácil de adicionar artigos, sabe, desculpe, adicionar mapas, adicionar fotos, adicionar arquivos ao seu artigo

00:05:53

E você também pode organizá-lo para SEO

00:05:57

Isso é um pouco mais avançado

00:05:58

E vamos abordar isso nos tutoriais mais avançados

00:06:00

Mas isso é para SEO e Facebook e organização de mídia social

00:06:05

Então, depois de adicionar tudo o que você deseja para aquele artigo específico e estiver satisfeito com a aparência dele, você pode continuar organizando e criando seus próximos artigos.

00:06:13

Você simplesmente voltaria ao blog e clicaria em adicionar um novo item à lista

00:06:19

E então isso adicionará um novo item e você simplesmente fará a mesma coisa

00:06:23

Então você pode ver aqui que tenho vários artigos aqui

00:06:26

Estava na ordem inversa, como você pode ver no começo, mas agora mudou um pouco porque adicionamos esta data

00:06:32

E como eu disse antes, os blogs sempre mostram os artigos mais recentes primeiro

00:06:36

Então, se você adicionasse datas a essas, essas apareceriam no topo porque agora seriam as mais recentes

00:06:42

E se você quiser organizar sua página e que as pessoas possam pesquisar sua página, você usaria a pesquisa

00:06:50

Então isso é bem simples quando você começa a entender também

00:06:53

Clicar neste botão aqui permitirá que você adicione uma barra de pesquisa no topo do blog

00:06:57

Então, quando você ativar isso, ele adicionará uma barra de pesquisa que permitirá que os usuários pesquisem por palavras-chave ou tópicos específicos

00:07:03

Então digamos que você leu um artigo há algum tempo e não consegue lembrar qual era, mas era sobre um assunto específico.

00:07:08

Você simplesmente digitaria essa palavra-chave

00:07:10

Lembre-se que o teste 1, 2, 3 eu digitei naquele outro artigo e isso era para esta pesquisa

00:07:14

E se eles clicarem nessa pesquisa, você verá que há o primeiro artigo que contém aquela palavra-chave específica

00:07:21

E você também pode procurar por mapas

00:07:24

Se você tiver os mapas, você pode mostrar a distância relacionada aos mapas também

00:07:27

E você também pode determinar a quantidade de artigos por página e como essas páginas são organizadas

00:07:33

Então veja aqui que esses itens por página permitirão que você determine quantos itens em uma página específica

00:07:37

Se você deixar em 0, ele mostrará apenas tudo em uma página

00:07:40

Então, se você digitar 2 aqui e vir aqui à esquerda, isso mostrará as páginas normalmente, onde mostra uma contagem de páginas e botões

00:07:48

E então vamos analisar a outra opção agora mesmo

00:07:50

Então, quando você clicar e disser isso, verá que agora há apenas dois artigos e há os botões para a esquerda e para a direita, que é a contagem de páginas e botões

00:07:57

Então, quando eles clicarem nesses botões, eles serão levados para a próxima página e poderão ir e voltar

00:08:01

E você também pode determinar se é um botão "Mostre-me mais"

00:08:05

Então, quando você clicar aqui, será exibido um botão que diz mostrar mais na parte inferior

00:08:09

E então, quando eles clicarem nisso, tudo será carregado na mesma página

00:08:12

Veja o botão mostrar mais

00:08:13

Agora, quando clico nisso, ele carrega mais artigos em

00:08:16

Então essa é uma maneira fácil de organizar páginas

00:08:18

Agora vamos colocar tudo de volta em uma página e eu vou mostrar como organizar os artigos específicos

00:08:23

Então, como eu disse antes, os blogs geralmente são organizados do artigo mais recente para o mais antigo.

00:08:31

Normalmente, como ninguém quer ler os artigos antigos, os mais recentes são os mais importantes.

00:08:35

Mas se você quiser organizá-los de forma diferente, você pode fazer aqui com a ordem dos itens

00:08:39

Você pode ir do mais antigo para o mais recente se quiser fazer isso e seguir na ordem inversa ou pode organizá-lo manualmente

00:08:46

Então, quando você clicar nisso, você poderá voltar para a página principal do blog e poderá organizar os artigos manualmente clicando e arrastando os itens específicos da lista.

00:08:57

E você pode ver como, uma vez que eu o coloco no topo, ele agora organiza como está listado nesta caixa específica

00:09:05

Então essa é uma maneira fácil de organizar os artigos

00:09:08

E você também pode adicionar abas adicionais e até mesmo fazer upload de um feed RSS

00:09:12

E esse é um tutorial um pouco mais avançado e vamos abordá-lo em um tutorial separado.

00:09:17

Mas, no que diz respeito aos artigos específicos, se você quiser organizá-los na mesma página, você usaria o estilo de lista e o layout

00:09:26

Isto é para uma única página

00:09:27

Então você vê como tudo está organizado em uma página aqui e está tudo em uma coluna aqui e no desktop diz dois

00:09:36

Então, se você for para o desktop e visualizar o site completo, verá que ele é dois contra dois, ao contrário do celular, que é apenas um.

00:09:44

Se você quiser mudar isso e determinar como ele é organizado dentro das páginas, você simplesmente ajustaria isso

00:09:48

Então, se você quisesse fazer duas colunas no celular e três no desktop, você simplesmente trocaria isso e quando você salvasse, você poderia ver que agora ele organizou isso em duas em duas

00:09:56

E se você voltar para a área de trabalho e atualizar isso, veja que agora são os três em cima e depois o de baixo porque há apenas quatro

00:10:04

Mas essa é uma maneira fácil de organizá-los na mesma página

00:10:08

Você também pode determinar se o texto está acima, abaixo ou à esquerda ou à direita da imagem

00:10:14

E no desktop versus celular, você pode determinar isso separadamente para ter visuais completamente diferentes no desktop e no celular.

00:10:20

E essa é a tecnologia mobile first, trabalhando arduamente, completamente separada uma da outra

00:10:24

Você também pode determinar o formato da imagem

00:10:28

Então você vê aqui à direita, esta é apenas uma caixa normal com cantos quadrados

00:10:32

Se você quiser colocar isso em uma caixa com cantos arredondados, você pode definir isso e isso vai raspar os cantos para você automaticamente e fazer uma pequena imagem arredondada ou caixa arredondada.

00:10:42

E então você pode ter uma imagem completamente redonda e então eu vou cortá-la em um círculo completo

00:10:47

E para o modal, é se ele é aberto em uma página ou em um modal

00:10:52

Então, geralmente, os blogs são abertos em páginas

00:10:57

Então, quando você clicar nele, isso o levará a este artigo específico em sua própria página

00:11:04

Veja como eu teria que ler este artigo ou algo assim em sua página separada e então clicar no botão Voltar se eu quiser voltar para a lista principal de artigos

00:11:11

Essa é uma maneira tradicional de fazer isso

00:11:13

Você também pode fazer o modal se quiser

00:11:16

Então, um modal é como um pop-up separado

00:11:18

Isso vai aparecer na mesma página

00:11:21

Então, depois de definir um modal, você pode salvá-lo

00:11:23

E em vez de abrir em uma página separada, você pode ver que ele vai aparecer com seu próprio tipo de página flutuante na frente da principal

00:11:30

Você pode ler o artigo e fazer o que quiser

00:11:32

E então, quando você sair, ele deslizará para longe e retornará para a página principal.

00:11:35

Então esse também é um pequeno efeito bacana

00:11:38

E você também pode determinar se é em acordeão, o que é bem legal

00:11:42

Então o que isso vai fazer é amassar tudo em um estilo acordeão

00:11:46

E isso vai colocá-los todos em uma linha aqui ou vai colocá-los todos em caixas menores basicamente

00:11:53

E você pode determinar como isso é organizado com as colunas aqui

00:11:56

Geralmente gosto de manter esta coluna quando se trata de um acordeão

00:12:00

Então tudo fica em uma linha e quando você clica no acordeão, isso abre o artigo na mesma página

00:12:05

Então ele vai abrir e encolher

00:12:07

E é isso que significa estilo acordeão

00:12:10

E como eu disse, eu costumo manter em uma única coluna porque se você fizer várias colunas para celular, às vezes fica muito pequeno para ler

00:12:18

E essa é uma maneira bacana de organizar isso também

00:12:20

E para as opções adicionais, elas são como todos os outros widgets

00:12:24

Você pode determinar se os usuários precisam estar logados, se é somente para dispositivos móveis ou somente para desktop, para que você possa ter blogs diferentes para dispositivos móveis e desktops.

00:12:32

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

00:12:35

Eu sugiro que você experimente um pouco com isso

00:12:37

Você pode definir planos de fundo, diferentes animações e quanto espaço ele ocupa na área de trabalho

00:12:42

Então, quando você se acostuma, os blogs são bem fáceis de usar

00:12:45

Você basicamente criaria seus artigos

00:12:47

Conforme você avança, você pode determinar como eles estão organizados na ordem dos itens

00:12:54

E então um blog é uma maneira fácil de expor suas ideias ou criar vários artigos sobre um único tópico

00:12:59

E depois que você se acostumar com o widget do blog, será muito fácil de usar