Tudo bem, então vamos seguir em frente agora e
construir a página do blog,
que nomeamos a página Artigos no menu principal,
mas na verdade é a página do blog.
A primeira coisa que vamos fazer aqui é que não podemos
editar diretamente com o Elementor ainda
porque realmente precisamos editar a
página primeiro do back-end,
do trabalho tradicional é back-end.
Bem aqui.
Agora podemos clicar em Editar com Elementor.
Isso agora nos dará acesso à
interface elementar da página.
A primeira coisa que vou fazer é
vir aqui para sentar
e simplesmente esconder o título da página.
Então, simplesmente usaremos nosso próprio título.
E chamaremos isso de nosso blog.
Vamos vendê-lo como H1, ir para o estilo.
Na verdade, vamos nos alinhar ao centro primeiro ir para o estilo.
E então, para a tipografia,
vamos defini-la como nossa principal.
Se você não estiver trabalhando com as fontes globais,
você pode definir isso para cerca
60 pixels ou algo assim.
Certifique-se de que seja bem grande, certo?
Em seguida, vamos adicionar
nosso divisor para o blog
e vamos alinhá-lo ao centro.
Defina isso em ajustes que ele presente.
Agora, confira isso.
Ok, vamos adicionar postagens de diferentes categorias.
Vamos fazer uso da nossa grade de postagens
a partir dos complementos essenciais aqui.
Agora você tem uma linha do tempo de postagem,
que está realmente muito interessado
o que está realmente muito interessado no que isso fará é
exibir suas postagens em
uma linha do tempo vertical e é um estilo diferente.
Pessoalmente, não sou um grande fã disso,
mas você tem essa opção se quiser.
Mas não vou andar com isso.
Vou simplesmente usar a grade de postagens.
Tudo bem, então vou seguir em frente e arrastar a grade de pose,
pular cumes embaixo do
divisor. E agora olhe para isso.
A fonte será nossas postagens obviamente,
mas podemos consultar com base no autor,
no imposto Fermat e assim por diante.
Mas vamos acompanhar as categorias.
Aqui.
Vou digitar na Europa.
Tudo bem.
Vamos puxar postagens da Europa.
A página pós-paga aqui seria definida como três e,
em seguida, o layout é definido.
Então, vamos com três colunas para o tamanho da imagem.
Vamos com a totalidade, como de costume.
Agora, você notaria que, como estou usando
tamanhos diferentes de minhas imagens para as postagens,
há um desalinhamento em termos de alturas.
Como obviamente, a moda em
Istambul tem a imagem mais alta.
E então, por seus pecados em Pittsburgh
e Glasgow, as postagens têm imagens mais curtas.
Há uma maneira de contornar
isso e você verá isso aqui.
Você tem altura da imagem.
Você pode simplesmente definir uma altura fixa para suas imagens.
A única desvantagem disso é que
às vezes você pode não ter os melhores ângulos.
Como por exemplo, você sabe, se você
fez isso mais alto do que,
você pode perder o melhor ângulo
em suas imagens e assim por diante.
Então essa é a única desvantagem.
Idealmente, você gostaria de usar imagens da
mesma largura e
altura quando se trata de imagens em destaque,
mas isso não é um problema.
Está tudo bem.
Tudo bem, então nós temos isso.
O que mais simplesmente fazer é
adicionar um cabeçalho para indicar que,
ok, estes são os nossos posts da Europa.
Então, vou entrar aqui e dizer Europa.
Tudo bem, agora vamos fazer algumas mudanças
na pose real em si.
Configurações de layout.
Aqui.
As palavras de aceitação que vamos com 15.
Mostrar leia mais. Sim, mostre metta.
Sim, Bot Loves.
Vá para o estilo.
O que vou fazer aqui é selecionar o estilo número dois.
Este mostrará a data A2 garante
o avatar ou o nome do autor.
Então eu prefiro esse estilo em particular.
Agora, de entender em si,
vamos passar para a tipografia de cores e espaçamento.
Ei, novamente, você tem a cor do mouse do título.
Fizemos isso antes,
vou mudar este para laranja.
Então, quando eles passam o mouse no link das postagens, ele fica laranja.
Então, para a tipografia,
vamos fazer algumas mudanças aqui também.
Vou tornar isso um pouco menor, só para
que a majestosa cidade de Glasgow
possa estar em uma única linha.
O estilo, eu vou com decoração em itálico, nenhum.
Para o botão Leia mais.
Vamos também mudar para baixo também.
Vou descobrir aqui em baixo com
estilo do botão Mo, a cor do texto.
Vamos com laranja só para manter as coisas constantes.
E então, claro, para a tipografia,
vou clicar aqui,
ir para a declaração e depois sentar-me para nenhum.
E é isso.
Nós o configuramos. Europa, temos três postagens.
O que mais eu quero fazer agora é
simplesmente duplicar a Europa,
duplicar o Postgres aqui mesmo.
Vou arrastar a Europa, a segunda,
soltá-la aqui acima,
e depois definir esta para a Ásia.
Essa será a próxima categoria.
Agora, para o Postgres em si,
vamos mudar as categorias aqui para a Ásia.
Então deixe-me digitar Gia
Lá está.
Lá vai você. E então, por último, mas não menos importante,
vamos fazer exatamente a mesma coisa novamente,
duplicar, duplicar.
Agora vou arrastar a Ásia.
Mudanças queriam para a América do Sul,
venha aqui para o Postgres.
Mudanças, uma para a América.
Lembre-se da América do Sul.
E lá está ele.
Então, mais uma coisa que poderíamos fazer é adicionar
algum espaço entre as grades dos pólos. Então confira isso.
Ok, eu vou para o meu trabalho de pós-graduação,
qualquer um para a Europa,
vou para avançar no link
os valores e então eu definirei o padrão inferior.
Digamos que 25 pixels.
Nada muito drástico,
fará a sentença para a Ásia também.
Colocando o fundo 25 pixels.
E então, por último, mas não menos importante, faremos
para a América do Sul também,
colocar 25 pixels inferiores.
Vamos em frente agora atualizações.
E vamos ver a página.
Aí está ele.
Ok, então vamos adicionar algum espaçamento
para o próprio título do blog comprado. Dê uma olhada nisso.
Isso parece bem arrumado e na verdade é bem legal.
Deixe-me fazer rapidamente essa mudança rápida
título do blog.
Vamos adicionar um pouco de espaçamento. Então, vamos,
na verdade, iremos para o botão de seção aqui, segurando
todo o conteúdo irá para avançado no
link e eles simplesmente definirão 50 pixels para
a parte superior e depois caberão 50 pixels para a parte inferior como bem.
Certo, ou portões.
Agora, mais uma vez,
vamos ver a página.
E voila law, lá vai você.
Essa é a página do blog criada.
No entanto, quero desafiá-lo.
Para tornar as coisas mais interessantes.
Vou te mostrar um exemplo do que estou falando.
Tanto com átomos elementares quanto
com os átomos essenciais são plugins.
Você tem acesso a tantos elementos para
tornar suas páginas mais emocionantes, mais dinâmicas.
Como exemplo, para os átomos essenciais ativaram
outro elemento.
E é o acordeão de imagem.
Você o encontrará nos
elementos criativos aqui
você verá acordeão de imagem.
Vá em frente, ative-o.
Agora vamos voltar para a página
aqui e deixe-me mostrar uma coisa que poderíamos fazer.
Vou editar com o Elementor.
Vamos fazer uso do acordeão de imagem.
Agora confira isso novamente. Vou rolar para baixo aqui.
São átomos essenciais.
Temos o elemento acordeão de imagem aqui.
Vou clicar em arrastar e soltá-lo
logo acima de você. Tudo bem.
Agora, antes de começar a editar isso,
vou adicionar outro
cabeçalho logo acima do acordeão de imagem.
E podemos chamar isso de posts mais recentes.
Assim como exemplo, na verdade,
vou adicionar um pouco de preenchimento do topo.
Vamos 25 pixels.
Só para lhe dar alguma distância entre
o título real do bloco e deixe-nos postar.
E vou dar uma olhada nisso de novo.
Vou ao meu acordeão de imagem e convidarei aqui.
Podemos fazer tantas coisas pelo
primeiro de acordo aqui,
vou clicar dentro,
mudar a imagem aqui para ser uma das postagens.
Este aqui, os posts de São Petersburgo,
vou escolher a imagem em destaque.
Insira isso.
E agora o escritor você verá torná-lo ativo.
Sim, queremos fazer isso,
eu não pude ativo para que ele realmente esteja
vinculado às postagens aqui agora,
vou mudar esse título.
Duas visitas em São Petersburgo.
Esse será o título.
E então aqui estariam os trechos.
Este seria o, exceto pelo texto,
que podemos alterá-lo agora
aqui, onde você permitiu que ela vincule,
você quer mostrar isso e agora aqui,
é aqui que você adicionaria o link para a postagem.
Então deixe-me fazer isso rapidamente.
Deixe-me ver a página rapidamente.
Por dias em São Petersburgo.
Então, aqui, vou pegar este link aqui.
Novamente, observe que você não precisa
copiar o nome de domínio em si.
Basta ir com a barra e depois o nome da
postagem ou o URL das postagens.
Vou copiar isso.
Vá aqui, volte para Editar.
Clique no primeiro acordeão de imagem aqui.
E agora aqui embaixo, link de título.
Vou seguir em frente agora e simplesmente colar isso.
Então, isso agora será vinculado ao post ou
quatro dias em São Petersburgo.
Mais uma vez, eu poderia fazer a mesma coisa pelo segundo.
De acordo aqui também.
Nossa lista escolhe aquela para a Rainbow Mountain.
E, novamente, posso entrar aqui e mudar o título
para a Rainbow Mountain.
Um pouco rápido, Rainbow Mountain, e assim por diante.
Isso é para o segundo em conformidade, o terceiro trimestre.
E vou mudar este para aquele que Rapa Nui.
E então, claro, o último, mas não menos importante,
vamos com o da Turquia,
moda e moda em Istambul. Insira esse.
É.
Vou seguir em frente e agora atualizá-lo.
E agora vamos dar uma olhada na página aprimorada do blog.
Agora olhe para isso.
Você tem postagens no blog, por exemplo,
em Pittsburgh, você terá esta montanha arco-íris.
Eles podem clicar neste para Rapa Nui,
este para moda e Istambul.
E então, se eles não estiverem interessados,
eles podem simplesmente rolar para baixo para
ver as postagens da Europa,
Ásia, América do Sul e assim por diante.
Então, essa é de uma forma,
outra forma como você pode tornar
suas páginas mais interativas, mais dinâmicas.
Você também pode adicionar animação,
como você pode configurá-la para que talvez você
esteja deslizando da esquerda ou da direita.
Eu mostrei a você como fazer isso na página inicial.
Então, tente ser criativo.
Se você não está feliz com o quão estática sua página se sente,
você sempre pode apimentar as coisas fazendo uso de
elementos criativos, adicionando alguma animação.
E você verá uma grande melhoria
no quão dinâmicas são suas páginas.
É isso para construir a página do blog.
Muito obrigado por assistir.
Vejo você na próxima aula.