Curso de Elementor WordPress Gratis 2018 | Aula 2
Articles Blog

Curso de Elementor WordPress Gratis 2018 | Aula 2

August 14, 2019


olá pessoal tudo bem com vocês vamos
sair para mais um curso de elementor wordpress gratis 2018 e
elemento e nessa aula vou ensinar para vocês a trabalhar algumas configurações
de exceção é algo bastante interessante e que possibilita e criar páginas
realmente diferenciadas e únicas a ok antes disso gostaria de apresentar para
quem não conhece a plataforma wordpress definitivo ponto com.br
aqui tem centenas literalmente centenas de aulas de wordpress onde tem cursos
gratuitos recursos premium também tá certo então vale a pena conferir aí
então vamos lá vamos trabalhar aqui no nosso site de projeto e de laboratório
ele foi desenvolvido com o tema próxima tem um link na descrição curso completo
para você personalizar esse tema aqui estamos utilizando a versão de fogo o
tema não fizemos nenhuma alteração vamos criar mais uma página para
trabalhar com o curso de elementor gratis e criar um site profissional
então vamos ir em páginas adicionar nova como eu disse nós vamos trabalhar com
sessões vai ser um conteúdo bem interessante eu vou chamar aqui que
modelo 2 cada página que criarmos com o elementor eu vou dar um
número ainda é de um modelo para ficar mais fácil vocês acompanharem certo
vamos utilizar aqui o modelo elemento foguete então publicar lembrando que
muita coisa já foi ensinada na aula um então você precisa a assistir à aula um
vou deixar o link na descrição também para você se familiarizar aí com o nosso
projeto e principalmente com o elemento é ok
se você assistir a partir daqui que a aula dois talvez você não entenda tudo
perfeitamente não vamos aqui aplicar com elementos e
pronto já vamos entrar aqui na nossa página de edição de exceção e tem plate
a primeira coisa a fazer é adicionar uma nova sessão
vamos utilizar aquilo de apenas uma coluna porque eu vou ensinar uma
configuração é bem interessante então vamos usar só uma coluna vamos colocar
aqui um cabeçalho vou colocar em curso hoje pressa definitivo e configuração
básica alinhamento vou deixar agora um hotel na manhã e vou colocar o maior
aqui na novo pelo menos nessa parte da configuração
já foi ensinado também na aula um como trabalhar melhor com tamanho certo e
pronto vou deixar essa for mesmo o pessoal não vou me aposentar muito aqui
há detalhes o que apenas a parte técnica da seleção que é o objetivo dessa aula e
é isso aí vou colocar mais um texto aqui como o subtítulo só pra dar um pouco de
conteúdo vou colocar aqui muita coisa sobre o wordpress rock estilo
centralizado acordo vou deixar o padrão mesmo tipografia aqui há outra forma de
alterar tamanho aqui você tem mais controle muita coisa sobre o wordpress o
presidente prévio chance e vou fechar a página inicial
então pronto já criamos aqui a nossa primeira age na primeira não é nossa
segunda página com uma sessão bem simples
vou colocar aqui também mais um elemento que eu vou ensinar depois para que serve
vou clicar aqui aqui eu vou colocar um ícone aqui embaixo e vou mudar essa
estrela vou colocar aqui essa certo aqui ó long
arrow dá uma certa para baixo e vou mudar também aqui uma configuração vamos
ir em estilo visualizar aqui ó empilhado pronto vou deixar desse jeito
deixa eu ver aqui o tamanho aqui ó vou diminuir um pouco na está muito
grande vou deixar assim e depois vocês vão
saber para que serve este botão aqui que eu vou criar então é isso
o peixe e boa nada mais é do que apenas inserir a cnaa o nosso botão
mas agora que eu vou ensinar uma configuração interessante
nós vamos ajustar esse tamanho aqui esse conteúdo para a tela inteira
então vamos voltar e agora sim vamos clicar aqui em cima e de exceção e vamos
colocaram aqui tem algumas configurações básicas aqui a largura do box
então pode ficar assim mais estreito e você pode deixar ele cada vez mais largo
é claro que aqui o meu conteúdo ele tem essa largura na então não vai ficar
maior do que isso mas vou voltar aqui editar sessão
dependendo do seu conteúdo quanto maior você deixar mais parte da pele vai ficar
nem na horizontal então aqui não faz muita diferença vou
deixar o padrão vou deletar aqui pronto voltou para o
padrão espaçamento da coluna não vamos utilizar porque só tem uma coluna altura
é aqui que nós vamos trabalhar você pode colocar ajustar a tela ou
altura mínimo a altura mínima o próprio elemento
eu não sei qual a métrica que ele utiliza mas ele faz aí uma margem
superior e inferior do tamanho que ele acha adequado certo vamos utilizar aqui
ajustado à tela olha só que legal agora vamos dar um o
bilhete aqui tem algumas outras configurações que vamos ver daqui a
pouco o plate e olha só que legal o pessoal então aqui é uma forma de você
já chamar a atenção do usuário no primeiro momento ele entrou e já vai ver
alguma informação importante um coach ojon alguma coisa eu alguma promoção ou
neste caso apenas estética na deixei bem claro aqui que é curso elementor wordpress gratis 2018 é
definitivo e que o conteúdo é muita coisa sobre o curso de elementor wordpress gratis 2018 e uma seta que
na próxima aula vou ensinar a pessoa vai clicar aqui e vai rolar a página para o
próximo conteúdo a próxima sessão então essa é uma forma que eu acho muito
legal de você criar uma página uma sessão não é minimalista e e que vai
direto ao ponto entra no seu site já sabe o que é ou
então na sua página na sua lei que impede enfim algo que você queira ser
bastante objetivo além de ficar mais bonito assim né
mas com poucos detalhes certo só que aqui pessoal seguinte o conteúdo
ele está um pouco abaixo não está totalmente centralizado porque aqui
temos um topo na então esse toco pegou parte do conteúdo que seria ajustável a
tela então vamos fazer o seguinte aqui onde tem a oposição da coluna vamos
colocar superior jogamos lá para cima e vamos dar aqui
uma margem de vamos colocar aqui ou na sessão
apesar que na sessão não vamos trabalhar aqui no título então que é o primeiro
elemento você clica aqui no título e aqui na parte de edição do cabeçalho
vamos ir em avançado e na margem você vai tirar aqui na desabilitar isso
também foi ensinado na aula um de como criar um site com o wordpress e elemento
da onu é então vamos lá o margen você pode colocar uma margem superior de por
exemplo 20 pixels 200 pixels pronto ficou um pouco mais centralizado
então vamos fazer um upgrade no 1o plate e vamos ver como ficou e agora se ficou
melhor continua configuração da sessão de ser ajustado a tela pegando toda a
tela só que o conteúdo estava na parte
superior e damos uma margem da ok essa margem você também pode utilizar aqui
pelo meio de porcentagem você pode colocar aqui 20% por exemplo
então o ppi deixe isso é bastante interessante para você ajustar de
exatamente aí o modo responsivo né você vê qual fica mais interessante aí no
dispositivo móvel se é conquistar seu ou se é com porcentagem é que eu vou deixar
desse jeito ok então olha só que legal que ficou pessoal ficou bem tranquilo
bem fácil e direto ao ponto depois a pessoa vai clicar e a página
vai rolar para a próxima sessão é um efeito bem legal
de certo e agora vou ensinar vocês a trabalhar com um background
olha só vamos trabalhar aqui na seção editar sessão
vamos ir em estilo e aqui é a primeira opção hoje é background pode ser normal
pode ser rover vamos deixar
são normal estilo clássico nesse estilo você pode colocar uma cor de fundo preto
o peixe e olha só aqui você vai poder escolher a cor do da sua página bem
legal ficou um efeito bem interessante aqui em contraste com o topo branco
aí você escolhe uma cor que você prefere que tem a ver com seu produto serviço ou
como seu lixo certo se você não quiser cura você pode limpar
clique aqui voltou você pode colocar uma imagem tão bem então vamos colocar a
imagem colocar este aqui e então inserir e pronto já tem uma imagem só que essa
imagem ela tem muitas cores e acaba atrapalhando a leitura então nesse caso
vamos colocar um background o werley vamos colocar aqui normal também e modo
clássico vamos colocar uma cor preta aí você pode escolher o que você quiser não
é que vou usar preto e olha só já ficou mais escuro
se não for suficiente você pode deixar mais claro ou mais escuro
volto aqui e você pode vir até aqui ó o paciente então você pode deixar sem
nenhuma né ou 100% vamos deixar aqui um pouco mais escuro pensar que não ficou
legal a imagem é mas é apenas para vocês aprenderem o plate e vamos ver eu acho
mais legal assim uma coxa palavra mas tudo bem
olha aí já temos uma imagem e até apenas a título de curiosidade eu não gosto
desse efeito mas vou explicar para vocês voltando em background tem aqui a função
envolver você pode colocar uma outra cor para a função rover
vamos colocar aqui o modo clássico e uma cor verde
apesar que aqui tem a imagem não vai aparecer então limpar ao invés de cor
vamos colocar outra imagem colocar aqui esse book inserir leite rover nada mais
é do que quando você passa o mouse por cima
da sessão então ao meu curso está aqui no topo ea imagem principal é essa aí
com a xícara aí o celular quando o usuário passar o mouse em cima vai
deslocar para outra imagem certo é claro que aqui ficou bem ruim você tem que ter
as duas imagens legais e de preferência imagens leves para não ter esse essa
essa demora na transição que fica horrível
ok eu vou tirar esse efeito porque eu acho extremamente desinteressante
então vamos à voltamos aqui a configuração da imagem e podemos
trabalhar com outras formas também vamos voltar aqui no normal
utilizamos o modo clássico mas podemos utilizar gradiente ou até mesmo colocar
um vídeo eu vou removerá que a imagem e vou colocar gradiente
você vai escolher aqui a primeira cor vou colocar azul e gosta de escolher a
segunda cor vou colocar verde e então o bilhete e vai atualizar a página
olha só já ficou um background com esse degradê bem interessante não é e você e
tem outras configurações aqui que vai de cada um atende linear é esse que é
circular né op a idéia de que se você colocar linear
você também pode mexer aqui no ângulo então tem muitas coisas só esse circular
você pode mudar aqui a posição é do do centro ocupa background aqui está se é
centralizado enfim aí vai ter um monte de coisa que você pode utilizar certo eu
vou deixar aqui o modo clássico mesmo porque eu achei que ficou bem mais
interessante modo clássico e achei até legal o fundo preto pronto então o
cliente vou deixar assim como o fundo preto
assim e você também pode colocar um vídeo então vamos voltar aqui tem o
clássico tem um gradiente tem um vídeo e aqui você vai
colocar o link do seu vídeo tá ok pessoal não adianta tentar colocar aqui
que ele o elemento ele não pega se você clica eu já tenho um vídeo aqui no meu
olho e impresso aquele não puxa então nós vamos colocar o link do vídeo que o
hospedeiro wordpress vou mostrar para vocês a clique aqui em cima vamos para o
exit o dashboard e então vou ir em mídia biblioteca
olha só eu fiz o piloto de um vídeo da mesma forma com que você faz uma imagem
não tem segredo nenhum então vou clicar no vídeo e vou copiar
aqui essa url e vou colocar aqui no no elemento recessão e ditar sessão saiu
aqui na nossa tela não tem problema vamos ir em estilo background vídeo e
vou colocar aquele link que eu copiei bem aqui e olha só que legal que ficou
já tem um vídeo então basta fazer o presidente e deixou fechar aqui
atualizando até olha só como ficou a nossa seção aí já tem um background
legal então essas são algumas configurações que vocês podem fazer aí
na sessão do seu site e nas próximas aulas eu vou ensinar muito mais coisas
aqui com de como criar um site com o wordpress elementor do curso onde o
prédio definitivo tá certo pessoal então é isso aí pessoal espero que vocês
tenham gostado ficou bem legal nossa página
nos vemos na próxima aula um grande abraço até mais
e não se esqueça de se inscrever no canal até a próxima aula do curso de elementor wordpress gratis

Leave a Reply

Your email address will not be published. Required fields are marked *