Neste vídeo eu vou te ensinar como criar um site profissional multi-página usando o WordPress e o Elementor free fala pessoal tudo bem Aqui é a Micaela do descomplicando no sites e antes de partir pro tutorial eu quero pedir para você deixar um like no vídeo que ajuda demais o nosso canal a crescer e para você se inscrever no canal Então é isso vamos lá pra tela do computador agora este é o projeto que nós vamos aprender aqui na nossa aula hoje que é um site para escritório de arquitetura mas você pode usar ele para qualquer
tipo de nicho E lembrando que eu vou te ensinar a criar passo a passo do zero mesmo até o projeto ficar desse jeito mas se você quiser adiantar a gente vende o template todos os projetos que eu ensino vocês a criar aqui no canal eu vendo o template dele que é uma cópia exata de como o site está aí você pode instalar ele dentro do seu WordPress e só ir alterando as informações depois nós temos um vídeo tutorial ensinando como instalar o template temos suporte também via e-mail via WhatsApp se você tiver alguma Dúvida na
instalação você pode nos chamar temos pacotes de templates temos templates individuais inclusive este projeto em específico está aqui à venda basta você acessar templates.descomplicando sites.com.br ou também clicar no link na descrição e do card que eu vou deixar aqui para vocês antes de começar o tutorial quero passar uns avisos importantes para vocês primeiro se você estiver achando que eu estou falando rápido ou devagar demais aqui no YouTube tem essa engrenagem que você consegue clicar aqui em velocidade de reprodução e você pode deixar mais devagar ou mais rápido outra coisa ao decorrer do vídeo eu posso
indicar para vocês outros vídeos como por exemplo vídeos que eu ensino a fazer banner vídeos que eu ensino a usar outros plugins e todos esses vídeos Eu sempre deixo aqui para vocês na descrição a única coisa que nós vamos comprar que nós vamos pagar aqui neste tutorial é a hospedagem e o domínio que são essenciais para você criar qualquer site na internet e quando nós indicamos alguma ferramenta ou alguma plataforma como a hostinger que é a que nós vamos indicar nós sempre deixamos os nossos links aqui na descrição S aqui Na descrição do vídeo tem
o mais você abre vai ter toda a descrição então vídeos que eu indicar para vocês vão estar sempre aqui os links das plataformas vão estar aqui então ó por exemplo a hostinger nós temos cupom de desconto Onde você consegue pagar com 10% a mais de desconto usando o nosso cupom a gente sempre deixa aqui e deixa o link que é só você clicar Se você comprar usando nosso link você nos ajuda a trazer mais conteúdo relevante como este aqui para você no canal OK outra coisa também nós sempre dividimos as aulas por capítulos E deixamos
aqui embaixo Olha então se você quiser pular né Às vezes você já criou o site quer voltar para uma parte específica tem as divisórias aqui que é só você clicar que você vai ser redirecionado para momento específico do vídeo onde eu ensino a criar isso tem aqui embaixo também ó dividido pelos capítulos outra coisa também muito importante Eu sempre deixo disponível para vocês todo o material de apoio da aula então ícones imagens logo fotos tudo que eu uso aqui eu disponibilizo para você para que se você quiser Criar e colocar no seu portfólio igualzinho você
pode ir lá e pegar o material e fazer isso ok e Esse material sempre fica disponível também aqui na descrição então fica o link aqui do nosso material de apoio ó baixa o material de apoio Você vai clicar e vai ir lá para uma pasta do drive onde você consegue baixar essas imagens ok então beleza dados os avisos vamos lá o nosso primeiro passo para criar o site vai ser comprar o domínio e a hospedagem domínio é o endereço do nosso site na internet para você ter um link personalizado com o nome da sua marca
ou com o nome da sua empresa você tem que pagar pelo Direito de usá-lo não é caro não se preocupe inclusive quando a gente for comprar a Hostinger a gente ganha o primeiro ano do domínio de graça você paga o domínio anualmente e outra coisa que que você vai precisar comprar também e pagar recorrentemente para sempre que você quiser que o site fique no ar é a hospedagem a hospedagens São Mega computadores que hospedam os arquivos que formam o nosso site e transmitem ele pra internet assim que a gente consegue acessar qualquer coisa na internet
e também para você hospedar esses arquivos e deixar eles transmitindo online você precisa pagar para uma empresa de hospedagem fazer isso a empresa que A gente indica é a hostinger não sempre deixa temamos o link dela aqui na descrição do vídeo se não tiver aparecendo a descrição completa clica aqui onde tem escrito mais que vai abrir o restante da descrição você clica aqui com o nosso link e aqui fica o nosso cupom de desconto que você pode copiar para receber mais desconto na hostinger a Hostinger é hospedagem que a gente indica é uma hospedagem multinacional
Tem suporte em português é um excelente curso benefício e tem vários recursos aqui que deixam o nosso site ainda melhor tem vários planos aqui eu já até fiz um vídeo no canal ensinando você como escolher o melhor plano de acordo com o seu projeto mas basicamente é o seguinte o plano vai depender do tamanho que o seu site vai ser e de quantos acessos você for precisar no seu site então por exemplo se você pretende fazer mais de um site né vai fazer esse depois vai fazer um blog depois vai fazer uma lunch page o
ideal é que você compre a partir desse plano Premium porque ele permite que você a pede vários sites tá vendo esse plano single aqui ele permite que você a pede apenas um site já nesse aqui você Consegue criar até 100 você pode receber mais ou menos 25.000 visitas mensais é uma estimativa tá só uma Estimativa de quantidade de visitas que o plano comporta mensalmente 100 GB de armazenamento neste plano aqui você recebe o domínio grátis por um ano então lembra que eu falei para vocês que você precisa pagar pelo direito de usar o seu domínio
então se você comprar a partir desse plano aqui além de toda a vantagem né do site ficar mais rápido melhor porque tem mais capacidade da de armazenamento você ainda ganha um ano de domínio grátis também tem contas de e-mail grátis nesse plano aqui você só consegue criar uma conta de e-mail nesse aqui você consegue criar até 100 contas de e-mail sem pagar nada backups semanais escaner de vulnerabilidade tem muitas coisas aqui legais a partir desse outro plano aqui ó você tem mais recursos Como por exemplo o CDN que é um recurso para deixar o site
ainda mais seguro e ainda mais rápido tá então você vai avaliando de acordo com o tipo de projeto que você for criar você escolhe aqui eu vou escolher esse plano Premium É só você clicar aqui em escolher Lembrando que a gente tá na black friday então Se você for comprar em outra época do ano pode ser que o preço esteja diferente agora está mais barato porque a rosing tá com 80% de desconto mas sempre durante o ano eles deixam uma porcentagem de desconto bem bacana para você adquirir o primeiro plano tá então aqui você vai
escolher a quantidade de tempo que você quer comprar ó eles sempre deixam aqui em 48 meses Mas você pode comprar para pagar mensalmente 12 meses 24 meses Lembrando que para você ganhar um ano de domínio grátis você tem que comprar pelo menos 12 meses tá Se você pegar um mês só você não recebe o domínio grátis então aqui 12 meses ele tá saindo a R 3,99 por mês então usando o desconto aqui vai sair a 16 16788 e se você tiver um cupom de desconto como o nosso você pode copiar você clica aqui insere o
cupom de desconto e clique em aplicar eles vão trocando é de vez em quando o layout desse carrinho tá então se tiver aparecendo mais coisas aqui ou se tiver aparecendo diferente é porque eles trocaram Mas é só você localizar essas coisas ó período Localizar o local de colocar o desconto que aí você vai conseguir fazer direitinho e eu também sempre trago vídeos Atualizados aqui ensinando você como comprar na hostinger tá usando o meu cupom já caiu um pouco mais né então vai sair a r 151 aí você clica aqui em continuar tá aí ele pergunta
se você quer criar uma conta nova ou se você já tem uma conta para criar uma conta nova é só você colocar aqui um e-mail e uma senha e clicar em continuar aí aqui você vai para efetuar o pagamento né você coloca aqui as suas informações clica aqui em continuar escolhe aqui qual que você é a forma de pagamento vou escolher aqui cartão de crédito vou marcar aqui clicar em enviar ao pagamento e ele vai abrir essa telinha para eu poder preencher os dados do meu cartão de crédito Vou preencher aqui você consegue escolher se
você quer parcelar Ok no seu cartão esse valor que você comprou e depois eu vou clicar em pague agora pronto aí Preste bastante atenção porque tem muita gente que neste momento aqui faz errada e depois não consegue achar o WordPress que é o software que a gente vai usar para criar o site aqui a gente tem que clicar em criar um site clicar em próximo E aí ele já vai fazer a instalação do WordPress que é o software que a gente vai usar para criar o site WordPress Dentro de uma hospedagem ele fica gratuito pra
gente conseguir editar com plugins e temas do jeito que eu vou fazer se você for direto dentro do site do WordPress você tem que pagar por lá e é mais caro do que aqui na hostinger compensa muito mais aqui inclusive porque o suporte é em português ok então esse login senha que a gente vai criar aqui vai ser o login senha do nosso site porque assim ó a gente comprou hospedagem onde a gente vai hospedar o nosso site E aí a gente vai criar agora uma senha para logar no nosso site tá então aqui você
vai colocar um e-mail e uma senha para logar lá dentro do WordPress por aqui mesmo você já pode escolher o idioma eu já seleciona o idioma aqui do meu país depois você vai clicar em próximo e Preste bastante atenção aqui tá vou clicar aqui em criar site vazio aqui a gente vai escolher aquele domínio gratuito que a gente comprou né que a gente ganhou só que assim eu recomendo que você volte aqui no site da Hostinger e faça uma pesquisa primeiro para saber quais domínios estão disponíveis É só você clicar aqui em cima em domínio
e aí você pesquisa por exemplo vou pesquisar por Nexus Arquitetura e vou clicar em procurar as extensões mais usadas são as extensões .com e .com.br o que que é extensão ó o domínio do seu site é esse nome aqui tudo que vem depois do ponto a gente chama de extensão Existem várias extensões tem a. comom.com.br tem essas outras aqui ó ó vendo ó P net. info.org psop então tem várias extensões e o preço muda de acordo com cada uma delas as que são mais usadas sites sérios sites que o Google mais recomenda são as extensões
com .com e .com.br o BR significa Brasil Então sempre que você tiver um domínio com a extensão do país o Google vai entregar mais naquele país porque ele tenta sempre é mandar pro usuário informações que vai sanar a dúvida dele então ele entende que se ele mandar para aquele usuário no Brasil um site com extensão .BR é mais garantia de que ele vai estar recebendo conteúdo do país dele que ele queira ver claro que outros fatores influenciam mas se você comprar você puder comprar com a extensão .br facilita para você a extensão .com também ela
é muito boa que ela é usada no mundo inteiro né extensão .com então também é um tipo de extensão que o Google entrega bastante Ok então Eu pesquisei aqui é extensão .com e nem extensão .com.br estão disponíveis para comprar então eu tenho que modificar o nome fazer de uma forma que tenha o que eu quero Então vou colocar Nexus casa ó o Nexus casa tem disponível tanto a extensão .com.br quanto a extensão comom o ideal tá pessoal num cenário assim ideal é que você compre dois domínios você pode perceber que não é caro olha para
você ver a .com.br aqui é o primeiro ano dela tá R$ 29,90 mas o preço normal dela é R$ 0 por por ano e a.com é R$ 79,99 por ano então compensa você ter os dois porque Às vezes você comprou extensão .com.br e Alguém teve a mesma ideia de nome que você e foi lá e comprou extensão .com E aí você vai ter um site com um nome idêntico ao seu só com a extensão diferente concorrendo com você no Google então é interessante que você compre pelo menos os dois domínios Tá eu vou pegar esse
domínio com extensão .com aqui depois eu faço um outro vídeo comprando extensão .com.br para mostrar para vocês então eu vou colar o domínio que eu quero aqui ele já vai me conferir né me mostrar se tá tudo certo esse Nexus casasa.com tá registrado com outro provedor então Não posso comprar ele por aqui na hostinger Então vou escolher um outro nome Olha eu escolhi Nexus myhome.com Lembrando que esse projeto meu é fício tá eu tô comprando aqui tudo só para ensinar para vocês então não tem problema ser o nome diferente então eu escolhi aqui cliquei para
selecionar vou clicar em próximo aqui ele vai pegar os dados que você preencheu se tiver alguma coisa errada você clica em editar e vai preenchendo aqui os dados tá esses dados são importantes para registrar o domínio que o domínio fica registrado em seu nome é importante você colocar os dados certinho aí ele vai fazer o processo de registro aqui do domínio depois vai pedir para você escolher o servidor a Hostinger tem servidores espalhados por todo mundo então é importante que você escolha o servidor mais próximo do país onde o seu público alvo vai acessar o
site tá não precisa ser exatamente o mesmo país mas o mais próximo nós temos um exatamente aqui no Brasil Então já vou deixar escolhido do Brasil vou clicar em próximo e ele já vai finalizar a instalação do WordPress neste domínio que a gente comprou se você tiver Escolhido um domino.com.br pode demorar mais tempo Porque o registro do domino.com.br demora mais ok outra coisa que pode acontecer também quando finalizar o registro do domínio Você recebeu o e-mail da hostinger pedindo para você confirmar as informações do domínio para terminar o registro Então você tem que ficar atento
lá na sua caixa de mensagem do e-mail porque se chegar esse e-mail você tem que clicar no link de confirmar o os dados do domínio Ok pronto ó a Hostinger já nos mandou logado aqui para dentro do WordPress mas não é aqui que a gente vai utilizar porque enquanto o domínio ainda está sendo registrado ele nos mandou para um domínio temporário tá vendo ó que tá com nome estranho Então é porque tá com domínio temporário mas não é aqui que a gente vai criar o nosso site então terminamos aqui de registrar né Nós vamos logar
novamente aqui dentro da hostinger primeiro login que a gente fez eu vou te ensinar a Navegar aqui dentro da Hostinger para você achar o seu site Você vai clicar aqui em cima em sites eu tenho vários aqui pessoal porque é uma conta que eu ensino a criar aqui no canal então por isso que aparece vários aqui no meu mas aí no seu vai estar aparecendo só Um Então vai aparecer assim ó um retângulo como esse aqui com o nome do seu plano e o site que você criou tá e você pode clicar aqui em painel
de controle aí aqui em painel de controle você consegue controlar várias coisas aqui da sua hospedagem né informações aqui do WordPress inclusive aqui você consegue ver se o domínio já tá registrado porque se não tiver registrado fica aparecendo uma bolinha vermelha falando que ele não tá registrado E aí por aqui sim você consegue logar diretamente no WordPress original tá vendo que aqui ó tem escrito a m do WordPress se você clicar você vai ser redirecionado para dentro do WordPress já logado WordPress é o software que a gente usa para criar o site tá esse software
fica dentro da hospedagem host que a gente acabou de comprar tá vendo ó agora sim o domínio Tá certo Nexus myhome.com tá essa é uma das maneiras de você logar no WordPress Mas você não precisa tá sempre logado aqui dentro da hostinger para você acessar WordPress não tá você pode fazer assim sempre que você quiser logar no site você vai colocar o seu domínio WP-admin que aí você vai ser redirecionado pra página de login do WordPress E aí você coloca aquele login 100 que você criou que a você vai ser redirecionado aqui pro seu site
lembrando que quando você acessar o seu site agora quando você acessar o link do seu site vai est aparecendo assim ou vai est aparecendo algum outro layout né porque WordPress tá sempre trocando aqui o tipo do tema e o seu site ele já está no ar isso daqui é o seu site eu digo porque sempre no final do tutorial o pessoal pergunta e agora como que eu faço para pô o fite no a Mas ele já está no a a partir do momento que a gente instala o WordPress se site já começa a poder ser
acessado Então a gente vai transformar isso aqui neste site tá a gente vai modificar ele mas ele já está no ar a partir de agora se você tiver logado vai aparecer essa Barrinha preta aqui do WordPress que só aparece para quem tá logado E aí para você acessar o painel administrativo do WordPress que é onde a gente vai fazer as configurações você vai passar o mouse aqui em cima vai clicar em painel ou então é só você jogar barra WP admin que estando logado você vai sempre cair aqui dentro do painel administrativo do WordPress tá
então pronto agora nós vamos fazer algumas configurações aqui No WordPress nós já instalamos ele né Agora nós vamos fazer algumas configurações padrões Você vai clicar aqui em configurações geral aqui vai ter o título do seu site que você pode modificar o título do site é esse texto que aparece aqui na barrinha eu vou escrever Nexus home arquitetura e a descrição é o texto que aparece depois da Barra tá vendo tem escrito aqui Nexus home arquitetura traço aí eu coloquei assim arquitetura sob medida para você Então essa é uma descrição do seu site um slogan que
aparece no Google quando você vai pesquisar então isso ajudando no se vou escrever aqui na descrição arquitetura sob medida para você aqui a gente vai colocar o ícone do nosso site tá vendo que cada abinha que eu tô navegando tem um Iconezinho menos este daqui né que vem com esse ícone padrão então você consegue colocar o ícone da sua logo só você clicar aqui em escolher um ícone pro site arrastar a a imagem do ícone para cá vou arrastar o ícone para cá do meu computador Lembrando que Tod esse material está disponível para você lá
no material de apoio O link tá na descrição vou clicar em definir ícone aqui você pode recortar ajustar o meu já tá na proporção De um por um Então já tá certinho Ele já tá até mostrando aqui como que fica tá vendo clica em recortar a imagem pronto isso aqui você não pode alterar tá esse é o domínio que a gente escolheu domínio a gente não altera aqui pelo WordPress se você alterar o vai quebrar vai sair fora do al você vai ter que fazer uma nova instalação do WordPress tá ou então você vai ter
que entrar lá no banco de dados para corrigir então não mexa nisso aqui nunca já isso aqui você pode mexer esse aqui é o e-mail administrador todos os e-mails de notificações resposta de formulário e tudo que for mandado do WordPress vai ser mandado por esse e-mail aqui inclusive se você quiser recuperar sua senha é com ele então se você não usa muito esse e-mail troca e coloca um novo tá aqui o formato da hora e da data pode deixar mesmo Salvar alterações e nós vamos fazer agora a instalação do tema O tema é quem é
responsável pelo layout básico aqui de como está o site ó no momento o tema está esse por isso que está assim eu gosto de usar o tema que chama Hello Elementor tema é como se fosse o sistema operacional do seu site assim como o seu celular por exemplo tem Android e IOS e cada Um deles diferencia algumas coisas no layout do telefone O tema é a mesma coisa a gente vai ver vir aqui em aparência temas ele deixa três temas aqui pra gente mas a gente não vai usar nenhum então a gente pode clicar em
cima dele clicar em excluir em Ok clica em cima excluir e OK aí para instalar um novo a gente clica em Adicionar novo tema vamos vir aqui ó já tá aparecendo aqui se não tiver aparecendo você vem aqui na pesquisa e pesquisa por Hello tá é esse aqui vou clicar em instalar depois em ativar pronto e aí sobrou esse que estava a gente pode clicar clicar em escluir e em Ok se você recarregar o seu site você vai perceber que ele mudou para esse tom de rosa que é desse novo tema nada disso vai ficar
a gente vai configurar tudo depois ok beleza agora a gente vai pro passo dois que é criar as nossas páginas neste site eu vou ter a página home que é a página principal a página onde as pessoas vão acessar quando acessarem o meu domínio eu tenho a página de sobre nós a página de projetos e a página de contato Então vou criar todas essas páginas aqui vou vir aqui em páginas todas as páginas vou clicar aqui em adicionar a nova página fechar aqui Aqui eu vou colocar o título Então vou colocar página home clicar aqui
em publicar duas vezes vou clicar no ícone novamente no ícone do site para voltar clica aqui em adicionar uma nova página vou criar a página de projetos publicar publicar vou criar a página de sobre nós publicar publicar e vou criar a página de contato publicar publicar Pronto agora que criamos as nossas páginas Vamos criar o nosso menu o menu é essa lista de ícones aqui de cima onde a gente consegue navegar pelo site ou então navegar pela página essa lista de ícones a gente cria aqui por dentro do WordPress aqui em aparência menus se não
tiver aparecendo aqui é porque você não fez o passo de mudar o tema Então você tem que vir aqui em temas e instalar esse tema chamado relo Elementor tá clica aqui em instala nós vamos dar um nome pro nosso menu vou dar um nome de menu principal pode dar o nome que você quiser e vou selecionar aqui a opção de cabeça vou clicar em criar menu criamos agora a gente tem que colocar os links que a gente quer aqui dentro vou selecionar todas essas páginas que a gente criou vou clicar em adicionar a menu e
aí você consegue reorganizar ó só você vir Aqui arrastando quero que fique home nós projetos contato Essas são as páginas mas eu tenho aqui no meu menu também alguns links que a gente chama de âncora então Ó aqui na página home é a página se eu clica em sobre nós troca de página se eu clico em projetos troca de página mas se eu tiver aqui na página home e clicar em nossas soluções ele não vai trocar de página ele vai me redirecionar dentro da própria página para essa sessão aqui ó a gente chama esse recurso
de âncora que ele nos leva igual uma Âncora para onde que a gente quer quando a gente quiser fazer isso a gente vem aqui e clica em links permanentes aí aqui você coloca o texto que vai aparecer para você clicar Então vou colocar nossas soluções e aqui você pode colocar Só uma hashtag por enquanto vamos clicar em adicionar ao menu aí você vem e reorganiza outro que eu quero criar também é de depoimentos então eu vou escrever depoimentos aqui colocar hashtag e clicar em criar clicar em adicionar né e depoimentos eu vou deixar aqui antes
de contato pronto criou tudo que a gente quer vamos clicar em salvar menu agora se você recarregar aqui o site já vai estar aparecendo o seu menu Aqui beleza agora você vai definir a sua página de início perceba que quando você acessa o seu site ele tá aparecendo a página de arquivos que é como se fosse a página de blog que o WordPress já vem configurado assim e a gente quer que a nossa página home seja a nossa página principal sem aparecer o nome dela aqui em cima para isso você vai vir aqui em configurações
leitura vai aparecer aqui ó sua página inicial exibe tá vendo ó tá seus postes a gente vai mudar para uma página estática e vai selecionar home e depois vai clicar em salvar alterações pronto se você acessar o seu site já vai tá aparecendo a página home se não tiver porque esse plugin aqui tá atrapalhando ó tá vendo esse ícone aqui a gente vai vir em plugins plugins instalados Onde tiver aqui Lite Speed Cache a gente vai desativar aí podemos recarregar Pronto agora já deu certo esse plugin é um plugin de otimização que faz o site
ficar rápido só que ele também trava o CSS do site isso pode nos atrapalhar aqui na hora de criar então a gente deixa ele desativado depois que a gente termina de criar aí você pode ativar novamente tá Não precisa excluir Não só desativar agora nós vamos começar a Criar o layout criar de fato a cara do nosso site nós vamos começar instalando o plugin Elementor free plugins são como se fosse ativos assim como o seu celular não tem o Banco por padrão né quando você compra você precisa instalar um aplicativo a mesma coisa com os
plugins quando você precisa de uma função a mais com WordPress não tem você instala um plugin tem plugins que são pagos e tem plugins que são gratuitos como o Elementor free elementor tem a versão free e pro que a versão paga né só que nós vamos fazer esse site todo com a versão free a versão gratuita Então sempre que você quiser instalar um plugin você vem em plugins Adicionar novo plugin aí você pode pesquisar aqui na lupinha ou pode estar aqui ou então pode estar aqui mais populares como no caso do elementor que é este
aqui você vai clicar em instalar depois em ativar pronto o elementor sempre faz isso mas você pode vir aqui Apagar o restante do link para voltar aqui direto pra página do WordPress agora nós vamos instalar o plugin chamado Royal adons também é um plugin gratuito você vem em plugins adicionar plugin Vamos pesquisar por Royal é Este plugin aqui vai clicar em instalar depois pois em Ativar pode clicar aqui em Alô e continue e pronto agora nós vamos fazer as configurações padrões do nosso site as configurações padrões são assim ó quando você acessa aqui o seu
site perceba que tá com essa fonte com essa cor rosa porque essas são as configurações padrões que estão no site agora mas a gente vai usar outras cores né O que a gente vai usar vai ser essas cores laranja Preto essas fontes diferentes Então a gente vai configurar isso como padrão para que a gente não precise ficar configurando uma um dos textos uma a um dos botões né já vamos deixar as cores e as fontes lá armazenadas no site para isso a gente vai vir aqui dentro do painel administrativo do hord pressa e vai vir
em modelos modelos salvos todos aqui em kit padrão a gente vai clicar em editar com Elementor vai fechar esse popup Vamos fazer as configurações das cores eu já deixei organizado aqui no bloco de notas as cores e as fontes do jeito que eu preciso eu vou ir configurando vou pegar esse código da cor ó aqui tem essa caixinha de cor que você consegue clicar colocar um código da cor aqui ou então você consegue vir arrastar ó e ajustando a cor do jeito que você quer eu já Tenho o código da cor vou deixar aqui Inclusive
tem vídeo aqui no canal ensinando como criar paleta de cores tá essa cor secundária vai ser a cor preta a de texto vou deixar esse cinza que já vem a de Realce eu vou deixar essa cor laranja mais clara e vou adicionar duas cores personalizadas vou clicar aqui nessa caixinha eu vou colocar cor branca e vou abrir outra caixinha vou colocar cinza aqui você consegue mudar o nome tá vou colocar cinza aqui e branco nos outros você consegue mudar o nome também se você quiser mas eu vou deixar assim mesmo agora a gente clica nessa
setinha você clica aqui para salvar alterações tá depois de clicar na setinha e agora a gente vai configurar as fontes vou clicar aqui em Fontes globais também já deixei organizada as fontes que eu quero você clica aqui e você clica em Família da fonte tem várias Fontes aqui que você pode ir escolhendo ó tá vendo ele vai mostrando para você primário é os títulos principais secundários são subtítulos texto são quando tem textos assim ó maiores e real são a cor dos links e botões cor não é é Fonte dos links e botões Então você consegue
ir trocando e consegue ir vendo ó o Tipo de fonte que você colocou tá vendo a fonte que eu escolhi vai ser essa aqui Faltou um R vai ser essa daqui e eu vou colocar tamanho 35 peso 500 aqui na secundária vou colocar just tamanho 20 peso 400 ó o peso já tá tamanho vou colocar 20 e o tipo de fonte vai ser a fonte just pronto aqui no texto eu vou colocar Montserrat 16 então tamanho vai ser 16 a fonte vai ser Montserrat e o peso vai ser 400 e aqui também vai ser Montserrat
tamanho 16 e e o peso também vou deixar 400 pronto vai ficar assim vou clicar em salvar alterações e pronto agora a gente já pode começar a criar o layout do nosso cabeçalho cabeçalho é toda essa parte aqui de cima tá vendo que tem a logo tem o menu tem o botão a gente confunde às vezes e chama isso aqui tudo de menu só que menu são só esses links tá então cabeçalho é todo esse layout aqui e menu são só os links Beleza a gente vai voltar aqui pro painel administrativo do WordPress para criar
o nosso menu a gente vai precisar das funções daquele plugin Royal adons que a gente Instalou a gente vai passar o mouse em cima de Royal e vai vir aqui em tem builder aí aqui vai ter ó header que significa cabeçalho Tem a certeza De que tá clicado aqui aí você vai clicar em criar template vai dar um nome aqui pro seu template eu vou colocar cabeçalho vou clicar em criar template vou adicionar condições vou deixar essa aqui ó que significa em todo o site para o menu aparecer em todo o site vou clicar em
salvar condições aí ele já vai nos levar pro editor do elementor que é a ferramenta que a gente usa para poder criar as nossas páginas né O plugin que a gente usa para criar as nossas páginas Pode fechar essas abinhas que apareceram vou dar uma breve explicação sobre o elementor para você que tá fazendo pela primeira vez tá a gente chama de contêiners todas essas Abas aqui ó que compõe a extensão da tela então isso aqui é um contêiner e a gente tem também os os contêineres internos então isso aqui é um contêiner principal e
isso aqui tá vendo esse quadradinho cinza são os contêiners internos então quando eu disser contêiner principal é este aqui e contêiner interno é esse aqui tá o Idi são os itens que a gente vai arrastando para cá para poder criar o nosso site então por exemplo a gente clica aqui no mais que é onde tem a nossa biblioteca de widgets Então sempre que eu Disser o widgets é isso aqui aí eu falo wiet de ttulo arrasto para cá então é só você arrastar para cá uma vez que está aqui você consegue clicar no lapizinho ou
clicar em cima dele e aparece aqui o painel para editar aqui vai ser sempre a configuração de conteúdo aqui sempre as configurações de layout de estilo como por exemplo cor tamanho etc e aqui no container a gente vai ter as configurações de espaçamento que são as que você mais vai ver aqui então aqui em avançado você vai configurar por exemplo preenchimento que é o espaço de dentro do contêiner preenchimento ou padding que é a palavra em inglês então tô te falando que às vezes eu falo uma coisa ou falo outra então Ó o preenchimento é
o espaço de dentro tá vendo e a margem é o espaço de fora então por exemplo colocar 30 de imagem aqui em cima tá então só te contextualizando aqui para você entender mas vamos lá vamos clicar aqui em mais clicar em Flexbox clicar um contêiner com a setinha pro lado ah tem isso também quando a setinha tá pro lado os itens ficam um do lado do outro quando ela está para baixo os itens ficam um abaixo do outro mas tem como você mudar a direção também também tá Então ó por exemplo vou colocar aqui uma
imagem como esse contêiner está com a setinha pro lado fica um do lado do outro mas se eu mudar aqui para baixo eles começam a ficar um abaixo do outro tá então vamos pegar um Catinha pro lado vamos vir aqui em avançado em preenchimento Vamos colocar cinco por enquanto a gente vai vir aqui em estilo tipo de plano de fundo e vamos deixar a cor preta mas depois a gente vai mudar isso agora a gente vai vir aqui na biblioteca vamos arrastar o m de imagem para cá aqui em resolução da imagem a gente vai
deixar completo vamos clicar em cima da imagem e arrastar a imagem da Nossa logo para cá Lembrando que eu deixei Todo o material disponível para vocês Pronto agora eu vou vir aqui em avançado vou vir em largura vou deixar personalizado e vou deixar 13% de largura quero que fique nessa proporção aqui a logo agora eu vou clicar aqui no mais né que é a biblioteca vou pesquisar pelo widget de menu esse menu aqui que eu quero ó O nave menu que é o menu de navegação vou arrastar ele para cá vou vir aqui em menu
itens aqui você consegue trocar o tipo do acionador aqui quando você passa o mouse tá Vendo que tá aparecendo aqui uma listra embaixo é underline a gente tem também sem nada que aí muda só a cor ou tem essa overline que aparece em cima ou então Double Line que aparece em cima e embaixo eu vou deixar underline mesmo tá E aqui é o tipo da animação que no nesse plugin aqui só tem essa aqui que é a Fight Pronto agora a gente vai vir em estilo menu itens a cor do texto a gente vai selecionar
e deixar Branco sempre que você clicar aqui nesse ícone de globo de mundo você vai pegar aquelas configurações padrões que a gente fez Tá vendo você pode clicar aqui no próprio espectro de cor e modificar você mesmo mas a gente fez as configurações padrões justamente para não precisar fazer isso para ser mais fácil clica e seleciona a mesma coisa com as fontes você vai ver mais para a frente aqui em tipografia vou clicar aqui eu vou selecionar tipografia de secundário aqui é a largura do ponteiro né Desse traço que tá aparecendo ali em cima vou
deixar dois mesmo aqui é a o espaçamento horizontal vou deixar sete mesmo aqui é outro espaçamento horizontal vou deixar sete também e aqui é o espaçamento vertical que eu vou deixar zero a a gente vai voltar na biblioteca Vamos arrastar um widget de botão para cá aqui em texto a gente vai escrever o que que vai dentro do botão vou escrever Fale Conosco aqui em link você coloca o link para WhatsApp ou o link que você quiser eu vou pesquisar a página de contato aqui para quando a pessoa clicar ela ir lá pra página de
contato vou vir aqui em estilo na cor do texto eu vou deixar de branco na cor de fundo eu vou mudar para Gradiente aqui nessa primeira cor eu vou pegar esse alaranjado mais escuro e na segunda cor esse alaranjado mais claro para ficar com esse degradê E aí eu vou mudar aqui a localização paraa 61 que é para ficar assim mais espalhado e o ângulo eu vou alterar também vou deixar mais ou menos assim e para ficar uma cor mais clara de um lado uma cor mais escura do outro o raio da borda né o
arredondamento vou deixar cinco vou vir aqui em ao passar o mouse né pode ser que esteja escrito Hover aí para você também e aqui na animação passar o mouse eu vou deixar essa que aí quando a pessoa clica fica parecendo que tá apertando um botão vou vir aqui no contêiner principal vou vir em layout e vou deixar alinhado ao centro e vou dechar aqui com espaço uniforme Para ele ficar esticado Pronto agora nós vamos clicar aqui em publicar Vamos acessar o nosso site já vai estar aparecendo o menu aqui ó a cor eu esqueci de
configurar que é essa cor Rover né vou clicar em cima do item de menu vou vir aqui em Hover aí vou trocar para essa cor alaranjado que é o laranja mais claro e no Pointer cor também vou mudar para ser cor alaranjado Pronto já tá configurado agora e agora nós vamos criar o nosso roda pé roda pé é essa parte aqui do final do site é como se fosse o cabeçário só que a gente coloca mais informações tá vendo que sempre a nossa intenção é não dar trabalho pro cliente então se ele tiver aqui no
começo do site ele consegue as informações que ele precisa e falar com você navegar pelo site se ele rolou até o final do site aqui no rodapé também tem as informações Então a gente tem sempre que deixar informações mesmo que repetidas para facilitar a navegação do cliente tá para criar a rodapé é a gente vai vir em Royal tem builder vamos clicar em footer footer é roda pé em inglês vamos clicar em criar template vamos dar o nome vou colocar roda pé vou clicar em criar template vou clicar em adicionar condições Deixar selecionado esse e
salvar condições nós vamos clicar aqui clicar em flexbox Vamos pegar esse com quatro contêineres dentro vamos clicar aqui nesse contêiner interno e clicar em duplicar vou vir no contêiner principal vou vir em avançado vou colocar 50 de preenchimento vou vir em estilo tipo de plano de fundo vou clicar aqui no mundo e selecionar cor preta vou vir aqui na biblioteca arrastar o widget de imagem para cá deixar completo clicar vou pegar a logo aqui na logo em link a gente vai deixar URL personalizado e vamos colocar o nome aqui do nosso site né o link
do nosso site que é quando a pessoa clicar aqui ela vai pra página inicial Ah uma coisa que eu esqueci tá aqui no menu vamos fazer a mesma coisa com a nossa logo clica aqui vem com conteúdo link URL personalizado e coloca aqui o link do seu site depois clica em publicar caso você já tenha saído desse editor e você quiser voltar pro editor é só você vir aqui no seu site passar o mouse em cima de elementor e clicar em cabeçário que aí você vai abrir aquele editor lá novamente ok vamos ir na biblioteca
arrastar um widget de título para cá aí aqui você vai colocar um slogan ou Algum título que você você queira para ajudar no se eu vou colocar escritório de Arquitetura em Uberlândia quando é pessoal um site institucional assim Regional da cidade do estado presta serviço ali para aquela cidade é muito interessante que você tenha alguma parte do site escrito isso porque sempre que a pessoa vai pesquisar no Google por exemplo ela pesquisa arquiteto em Uberlândia eh marcineiro em Uberlândia por exemplo né Então as pessoas sempre pesquisam com o nome da cidade dela se você tem
isso aqui dentro do seu site é mais fácil do seu site aparecer nas pesquisas aí você vem aqui em estilo clica em cor seleciona branco clica em tipografia seleciona secundário vamos deixar aqui alinhada ao centro vou vir aqui na biblioteca vou pesquisar por sociais pra gente pegar os ícones de redes sociais vou arrastar para cá aqui você consegue modificar Ó nessa primeira eu vou clicar e vou escolher o ícone do Instagram aqui eu vou escolher o o ícone do Pinterest porque arquiteto gosta né de divulgar essas coisas e ente dá bastante resultado colocar lá no
Pinterest e vou deixar também aqui o ícone do tiktok você clica seleciona tiktok Tem muita Gente que tem hoje em dia também é o o YouTube né também se tiver também coloca todas as redes sociais que você tiver é legal colocar você vai clicar em todos os ícones que aí vai aparecer o tiktok pronto vou vir aqui em formato vou deixar círculo vou vir aqui em estilo cor vou deixar personalizado aqui na cor primária vou deixar essa cor branca aí eu vou vir aqui na barrinha vou arrastar para ela ficar meio transparente vai ficar assim
e na cor secundária eu vou deixar esse alaranjado vou vir aqui em tamanho vou diminuir o tamanho do ícone vou deixar tamanho 17 e para você colocar o link aqui das redes sociais é só clicar que vai ter o link aqui tá vendo Só você colar aqui aí é legal que você clique aqui deixa sempre abrirem uma nova janela para que quando a pessoa clicar não feche o site tá vamos vir aqui aqui na biblioteca arrastar um widget de título para cá aí aqui eu vou colocar um título chamado institucional vou vir em estilo vou
vir em tipografia vou deixar tamanho 18 aqui na cor vou escolher essa cor alaranjado mais claro vou clicar em duplicar nesse título e arrastar aqui para as outras Abas isso é legal no elementor ó quando Você vai usar coisas iguais você não precisa criar uma por uma pode clicar em duplicar sempre você quiser fazer uma ação diferente você pode clicar em com botão direito aí vai aparecer essas opções aqui tá pronto Agora a gente vai pegar uma lista de ícones vamos arrastar Aqui para baixo vamos excluir tudo Vou deixar só um vou escluir o ícone
e aqui eu vou começar a fazer a minha lista né vou colocar home que é a página principal aí aqui eu já posso colocar o link da minha página vou duplicar nessa outra aqui eu vou colocar sobre nós você vai basicamente repetir o menu tá pronto eu já fiz todos os meus aqui aí eu vou clicar aqui em estilo em texto a cor eu vou escolher a cor branca e a tipografia vou deixar essa tipografia de texto mesmo aí vou vir aqui em lista e vou aumentar o tamanho entre cada um desses itens vai ficar
assim vou clicar com o botão direito clicar em duplicar arrastar para cá esse aqui eu vou tirar o espaçamento porque ele vai ter mais coisas aí aqui eu vou só substituindo aqui eu vou colocar nossas soluções né então vou colocar os tipos de projetos que a pessoa faz vou colocar por exemplo projetos residenciais eh projetos de interiores e Todos esses vão estar linkados para a mesma página que é a página de projetos então você pode copiar o mesmo link e colocar em todas E aí você vai fazendo né só clica para duplicar e muda o
título vou fazer aqui no meu Pronto já fiz aqui Errei duas coisas eu esqueci de trocar o título aqui mostrar para vocês então vou mostrar ó que aqui no caso vai ficar nossas soluções aqui vai ficar projetos e aqui vai ficar nossos contatos e aqui nessa parte não vai ser os projetos que vão ser mostrados né é as soluções então é aquela sessão lá da home onde fala um pouquinho de cada solução então por enquanto vamos deixar esse link aqui mas no final eu vou mostrar para vocês como linkcar da maneira correto tá no final
mais pro final do vídeo porque aí precisa estar com a página home configurada pra gente de fazer isso a gente vai clicar com o botão direito clicar em duplicar arrastar para cá aí aqui sim você pode manter o mesmo link e ir colocando os tipos de projeto né Como cozinha quarto sala pronto fiz tudo agora vou clicar com o botão direito duplicar arrastar para cá aqui nós vamos excluir tudo vamos colocar os ícones só você clicar clicar aqui Pesquisar pelo Ícone o Gmail eu vou pegar o ícone de envelope aí aqui você vai colocar o
seu e-mail se você quiser ter um e-mail profissional assim com o nome do seu domínio tem vídeo aqui no canal ensinando agora que você comprou a sociedadeem hostinger você consegue fazer isso de forma gratuita inclusive você consegue usar gratuitamente esse seu domínio profissional no Gmail tá eu faço isso inclusive e tem vídeo aqui no canal ensinando aí para trocar o ícone você clica aqui clica em selecionar peguei o ícone de fone de WhatsApp e agora o de Map fou assim agora vamos vir aqui em estilo ícone vamos deixar aqui essa cor alaranjado mais claro e
o tamanho do ícone nós vamos deixar tamanho 22 Pronto agora nós vamos configurar a largura de cada um desses contêiners vou clicar aqui nesse primeiro ó ele está no tamanho 25 esse segundo eu vou deixar tamanho 20 esse terceiro eu vou deixar tamanho 18 e esse último aqui vou deixar 25 acho que esse daqui eu vou diminuir um pouquinho mais eu deixo ele tamanho 16 porque esse aqui não fique tão passando para fora né vou vir aqui nessa imagem vou vir em estilo largura vou diminuir um pouco o tamanho dela para não ficar tão passando
Para ficar mais alinhado aqui tudo né esse aqui eu vou clicar vou vir em estilo aqui em espaço entro vou aumentar o espaço para ficarem alinhados agora eu vou clicar aqui vou vir em Flexbox pegar um com a setinha pro lado vou vir em estilo tipo de fundo e vou colocar essa cor de Cinza agora eu vou vir na biblioteca aliás vou clicar aqui em cima desse vou clicar em duplicar arrastar esse título para cá E aí Vou colocar aqui O rodapé do nosso site né a gente sempre coloca o nome do site ou o
nome da marca o símbolo aqui de registro da marca o ano e todos os direitos reservados agora a gente vai duplicar deste outro lado aqui eu vou colocar políticas de privacidade a página de políticas de privacidade ela já vem no WordPress aqui em páginas todas as páginas só que ela vem em inglês e a gente pode clicar aqui né clicar em colocar na lixeira pra gente criar uma outra vamos vir aqui em configurações privacidade aqui nós vamos clicar em criar a ele vai criar uma nova página pra gente isso aqui é um texto padrão tá
depois você mesmo tem que checar conferir criar um novo texto em alguns casos tem que pedir Até para advogado criar como no caso de lojas por exemplo Né E aí depois você clica aqui em publicar pronto tá publicada agora a gente vai vir aqui nesse contêiner principal Vamos ir em avançado Vamos colocar 10 de preenchimento vamos voltar aqui em layout e vamos deixar aqui espaço entre para ficar um do lado outro do outro aí aqui nesse política de privacidade a gente vai vir aqui em link e vai pesquisar pela página de políticas de privacidade que
aí se a pessoa clicar aqui ela é redirecionada para lá a gente vai vir aqui nesse vai vir em tipografia vai diminuir o tamanho vamos deixar aqui tamanho 18 clicar em copiar clicar botão direito e colar o estilo Ah tá vamos vir aqui também e diminuir o peso para 300 Clica copiar copia clica em copiar colar estilo agora a gente vai clicar aqui em publicar Vamos acessar o nosso site aqui pra gente ver ó já tá aparecendo o menu e o rodapé agora a gente vai configurar o menu e o rodapé para o mobile que
é para diferentes tamanhos de tela como o celular por exemplo tá vendo que aqui em cima tem ó aqui computador aqui tablet e aqui celular então a gente vai colocar aqui em celular já tá basicamente tudo certinho Só precisamos vir aqui nesse contêiner principal Vir em avançado colocar 20 de preenchimento para não ficar com espaço grande desnecessário nesse aqui a gente vai clicar vai deixar aqui alinhado ao centro e ao centro e Pronto né aí aqui no tablet para deixar mais organizado esse primeiro contêiner a gente vai vir aqui em largura mudar para porcentagem e
deixar para 100% vamos vir aqui no contêiner principal vir em layout e ativar V envolver que é para quebrar a linha Pronto agora vamos ir nesse largura vamos deixar em porcentagem vamos deixar 30% vamos ir nesse largura porcentagem 40% esse aqui largura porcentagem 30% esse aqui largura porcentagem 100% ele vai ficar assim agora essa imagem a gente pode vir e diminuir um pouco ela e vamos vir aqui no contêiner principal aqui vamos desencar os valores de imagem e só aqui em linhas a gente vai colocar 20 vamos clicar aqui em publicar então aqui no computador
vai ficar assim no tablet assim e no celular assim tá se você alterar só isso que eu te mostrei só espaçamento não arrastar nada excluir nada o que você fizer em um não vai alterar no outro tá então ficou assim aqui no nosso menu também vamos conferir Como que ele está ficando No celular e no tablet aqui no modo celular a gente vai fazer assim vai vir aqui na imagem vai vir em avançado largura vamos deixar personalizado Vamos mudar para porcentagem e vamos deixar tamanho 28 agora a gente vai vir aqui nesse ícone do menu
Primeiro vamos ir aqui em estilo em tunger Button pra gente poder configurar ele primeiro vamos vir aqui em background color vamos deixar essa cor preta em color vamos deixar esse alaranjado mais claro em espessura da linha né que é liners aqui e a gente vai deixar três em espaçamento vamos deixar seis mesmo e em e largura vamos deixar 44 border rádios Vamos colocar três aqui no botão a gente vai vir vai vir em avançado largura personalizada Vamos colocar porcentagem Vamos colocar 45 de largura pode aumentar um pouquinho se tiver quebrado a linha e pronto a
gente vai clicar em publicar aqui no tablet a gente vai vir aqui no título vamos vir em estilo vamos vir aqui na tipografia Vamos diminuir o tamanho do título e vamos vir aqui em espaço horizontal e Vamos diminuir esse espaçamento aqui também até que fique tudo um do lado do outro aqui no botão também a gente vai clicar vai vir em Estilo tipografia a gente vai diminuir o tamanho vamos deixar tamanho 14 e vai ficar assim vamos clicar em publicar aí tablet computador celular e tablet Pronto já finalizamos a parte do cabeçário do rodapé Agora
vamos começar de fato criar o layout da nossa página home para criar nossa página início né nossa página home o layout dela a gente vai vir em páginas todas as páginas aqui em home Você vai clicar em editar e vai clicar em editar com elementor só a primeira vez que você vai precisar fazer isso tá nas próximas vezes você pode acessar aqui a página home e clicar aqui em cima direto em editar acolhimento que você já vai cair lá dentro do editor agora a gente vai vir aqui na engrenagem da página vamos vir aqui em
layout da página e vamos deixar Elementor ou largura total para sumir com aquele título e deixar a página toda em branco vamos clicar clicar em flexbox pegar um um flexbox com a seta para baixo virem avançado Vamos colocar 40 de padding né de preenchimento desvincular aqui os valores aqui no inferior a gente vai deixar 50 e no superior a gente vai deixar 100 Pronto agora vamos ir aqui em layout eh novamente em altura Vamos colocar 650 de altura aliás 670 agora vamos vir aqui em estilo tipo de plano de fundo a gente vai escolher esse
aqui ó apresentação de slide que a gente vai deixar um slide Passando pro fundo a gente vai fazer esse slide com imagens mesmo para fazer o tamanho certinho da imagem você vai vir aqui no canva o canva é um site que você consegue editar e criar Artes tem a versão Pag pro a gente vai fazer com da versão gratuita tá clica em criar um novo design tamanho personalizado largura 1920 altura 67 Criar novo design aí aqui você vai arrastar as imagens que você quer para cá Olha vou vir aqui em projetos vou pegar umas imagens
para mostrar para vocês por exemplo ó essa imagem aqui você arrasta para cá Clica com o botão direito essa imagem tá muito pequena tinha que ser uma imagem com tamanho adequado senão fica embaçado mas é só de exemplo clica aqui clica em em definir imagem como plan de fundo aí você vai clicar duas vezes em cima dela e vai arrastar para você fazer aqui a proporção do jeito que você quer tá você pode fechar isso aqui também clicar ó aqui você consegue girar a imagem se você quiser cont CRL Z se você der CRL Z
você vai voltando as alterações Que você tinha feito e se você quiser baixar imagens você pode vir aqui no freque que é o site onde eu usei para baixar essas imagens e aí você pesquisa por exemplo sala de jantar que tem imagens Artes tudo que você imaginar é muito bom esse site E aí Aqui tem versão paga e pro quando você clica e tá com botão verde para baixar ou azul é gratuito aí você pode baixar Se tiver com botão Amarelo você não consegue tá então você baixa a imagem e arrasta ela para cá Aí
você pode perceber que essas minhas imagens aqui algumas estão bem mais escuras por quê às vezes por exemplo se você for colocar uma imagem de um lugar aqui que é um um ambiente muito Claro não vai ficar legal para você colocar um texto em cima Então você tem que colocar uma cor Mais Escura em cima pra imagem ficar boa então por exemplo ó se fosse essa imagem aqui né que ficou tudo muito claro para colocar um texto branco em cima não fica legal então eu tenho que vir vir aqui em elementos aqui em formas coloco
essa forma na extensão da tela toda vem aqui em cor coloca a cor preta venho aqui em transparência e vou diminuindo a transparência dessa cor tá você pode fazer isso Ou então você pode pegar uma sombra e colocar por exemplo às vezes é só o centro que é mais claro você pode vir aqui em elementos pesquisar por sombra pegar aqui uma sombra escura e colocar essa sombra só aqui mais no centro tá depois que você fizer as alterações que você acha melhor você clica em compartilhar clica em baixar e clica aqui em baixar Se tiver
várias imagens ó que você pode fazer várias de uma vez você vai clicar em baixar E aí vai abrir uma pasta zipada para você Você vai baixar uma pasta zipada como essa aqui você vai clicar em cima com o botão direito clicar em extrair tudo extrair E aí vão abrir as imagens aqui para você usar e arrastar lá pro site Ok tem mais vídeos aqui no canal te ensinando como criar banners Eu Já criei os meus deixei aqui no nosso material de apoio para vocês então você vai acessar aí vai acessar na aba de banner
na pasta de banner e vai arrastar as suas imagens para cá opa não faça como eu arraste bem para cima aqui do botão pronto aí você vai selecionar aqui as imagens Beleza agora você vai deixar aqui habilitado repetição aqui em duração a gente vai deixar 1000 milos em transição A gente vai deixar F Tem vários tipos de transição tá vendo tem slide que aí ele passa pro lado mas eu vou deixar Fide mesmo e aqui na duração da animação eu vou deixar 1000 também que ele vai passar um pouco mais devagar do que aquele que
tava aqui em tamanho do fundo eu vou deixar em cobertura e em posição vou deixar centro ao centro Beleza agora a gente vai vir aqui na biblioteca vai arrastar um widget de título para cá vou escrever este título aqui vou vir em estilo vou deixar no centro vou vir aqui na cor vou deixar de branco Ah eu esqueci uma coisa a gente tem que vir aqui no contêiner principal vir em estilo vir em sobreposição de fundo e colocar essa cor escura tá para ficar um contraste melhor aqui com as imagens Ok Clica com o botão
direito clica em duplicar agora a gente vai colocar um subtítulo aqui que é este vou vir aqui em estilo tipografia vou pegar essa tipografia de secundário vou vir aqui na tipografia vou vir em transformação vou deixar maiúsculo e vou aumentar um pouquinho o tamanho do do meu texto agora eu vou vir aqui em espaçamento entre as letras e vou aumentar um pouco acho que eu vou diminuir um pouquinho o tamanho das letras E aumentar mais o espaçamento entre as letras vai ficar assim agora a gente vai fazer um botão vai vir aqui na biblioteca arrastar
um widget de botão aqui para baixo também vamos escrever aqui entre em contato legal que você vá trocando o nome em cada um dos botões para ver qual converte mais tá entra em contato vou vir aqui em estilo vou deixar alinhada ao centro vou vir aqui na tipografia vou deixar peso 500 vou vir aqui em preenchimento vou deixar 10 desenc os valores e na esquerda e na direita eu vou colocar 30 vou vir aqui em conteúdo em ícone e vou escolher um ícone do WhatsApp aqui em posição do ícone vou deixar fim e aqui em
link você coloca o link que a pessoa vai falar com você no seu WhatsApp aqui em estilo eu vou selecionar Gradiente vou escolher a a cor mais escura e esse laranja mais claro aí aqui eu vou mudar né o ângulo que eu quero que o alaranjado fique de cá o alaranjado mais escuro e o de lá fique mais claro Ah eu vou vou dar uma clareados forte pronto e o raio da borda eu vou deixar cinco ao passar o mouse em animação vou deixar esse também vai ficar assim vou clicar em publicar e agora nós
já podemos consertar o nosso Menu porque eu quero que o menu fique em cima do Banner assim tá vendo e aí para ficar assim a gente vai acessar lá o nosso site vou passar o mouse em ca de Elementor clicar em cabeçalho vou vir aqui em estilo na cor eu vou diminuir a opacidade ó deixar assim uma corzinha mais clara em avançado vou desenclos de Margem aqui no inferior eu vou colocar menos 95 vou clicar em publicar Eu vou acessar o site aqui novamente aí dessa forma ele já está aqui em cima do nosso banner
vou aumentar um pouquinho a opacidade dessa cor eu quero que ele ainda fique aparecendo um pouco pronto ficou assim e também vou vir aqui em avançado em Z index e vou colocar um que às vezes pode acontecer dele ficar embaixo do Banner ó pronto aqui em cima do Banner posso até diminuir um pouquinho a opacidade que eu achei que ele tava era aparecendo pronto ficou assim podemos fechar aqui já o nosso o nosso cabeçalho vamos vir aqui no contêiner vir em layout alinhar o nosso texto aqui para o centro clicar em publicar vamos recarregar o
nosso editor do elementor pra gente ver como é que tá agora ó pronto aí agora como a gente colocou o menu em cima a gente não Consegue mais selecionar esse contêiner se a gente quiser tá se quiser selecionar ele você tem que clicar aqui em cima em estrutura e clicar aqui no primeiro contêiner que aí você consegue alterá-lo Pronto agora a gente vai pro segundo contêiner vamos clicar nesse mais vamos pegar um contêiner com a seta para baixo vira em avançado colocar 50 de preenchimento vamos vir aqui em estilo cor de fundo vamos pegar essa
cor preta clicar com o botão direito copiar clicar com o botão direito colar aqui eu vou escrever porque nós vou clicar com o botão direito copiar clicar aqui com o botão direito clicar em colar e aqui eu vou colocar o o título nossos diferenciais vou vir em estilo cor eu vou pegar esse alaranjado duplicar esse de cima arrastar ele para baixo vou colar um outro subtítulo aqui vou vir em estilo tipografia vou pegar essa tipografia de primário e vou só aumentar o tamanho do texto e o peso vou deixar 300 Pronto agora vou vir aqui
na biblioteca vou pegar esse widget de grade vou arrastar para cá vou vir na biblioteca vou pegar um idit chamado caixa de ícone vou arrastar para cá vou vir aqui e enviar um ícone svg um svg é o Tipo de imagem compatível com ícones que dá pra gente alterar as cores aqui nas configurações do elementor Tem vários sites em que você pode baixar Eu gosto de baixar no flat econ ele também tem a versão gratuita e versão paga se você jogar aqui por exemplo Love vai aparecer vários ícones aí tem aqui a versão gratuita e
tem a verão paga tá é só você clicar e clicar em baixar ícone svg eu já tenho os ícones e eu vou deixar eles no nosso material de apoio para vocês aí você vai clicar aqui em enviar arquivo sbg vai clicar em ativar vai aparecer aí só na primeira vez aí você vai baixar os ícones lado do material de apoio arrastar todos eles para cá depois você clica em inserir mídia clica em publicar e clica em recarregar a página Pronto agora clica aqui aí você vai escolher os ícones correspondentes né E vai mudar aqui os
títulos Então vou colocar esse primeiro aqui material de qualidade utilizamos apenas melhores materiais aí vamos vir aqui em estilo tamanho do ícone eu vou deixar igual a cor eu vou deixar esse outro alaranjado conteúdo na tipografia eu vou deixar a cor branca e fonte secundária e transformação vou deixar maiúsculo E aqui no do texto eu vou deixar a cor branca vamos vir aqui em avançado em preenchimento vamos deixar 25 vamos vir em borda e vamos deixar 30 de arredondamento em tipo de borda vamos deixar sólido vamos pegar essa cor alaranjada mais clara vamos desenc os
valores e aí a gente vai deixar somente aqui do lado direito ó para fazer só uma sombrinha e aqui a cor alaranjada a gente vai arrastar um pouquinho para diminuir a opacidade dela aquele plano de fundo a gente vai colocar uma outra cor de Cinza ó vou clicar aqui em plano de fundo vou colocar um cinza mais claro pronto vou clicar aqui vou clicar em duplicar vou deixar quatro cartões desse vou vir aqui no contêiner principal vou vir em colunas vou deixar quatro colunas e em linhas vou deixar uma linha e vai ficar assim aí
agora que a gente já configurou tudo nós vamos apenas trocar os ícones trocar os títulos Pronto agora nesse último eu vou vir aqui em avançado vou vir em plano de fundo aqui na cor eu vou deixar o alaranjado aqui na borda eu vou deixar de preto vou vir aqui no estilo ícone a cor do ícone eu vou deixar de preto aqui em conteúdo a cor do texto e do título eu vou Deixar de preto também vai ficar assim agora vamos ir no contêiner principal Vamos ir em em avançado desenclos de Margem no inferior a gente
vai deixar 100 90 vamos vir aqui em estilo divisor de forma no divisor inferior a gente vai deixar curvado vamos clicar aqui pra gente inverter essa curva e vamos deixar o tamanho dela 57 que aí vai ficar essa borda arredondada OK agora vamos vir pegar um flexbox com seta para baixo virem avançado vamos deixar 50 de preenchimento vamos pegar os títulos que fizemos aqui em cima só clicar com o botão direito clicar em copiar clicar em L copiar colar e a grade também mas a grade se a gente pegar ela vai ficar bagunçada Então a
gente vai vir aqui na biblioteca arrastar um widget de grade para cá copiar esses cards e colar eles aqui vamos vir aqui nessa grade aumentar para quatro colunas e diminuir para uma linha agora a gente vai vir nesse título de cima clicar em estilo Vamos deixar a cor preta e vamos trocar então aqui eu vou mudar para este sub título e aqui eu vou trocar para esse título eí aqui a gente vai só copiando e colando para trocar os títulos e os textos dos cards e os ícones também pronto ficou Assim aí agora a gente
vai fazer a nossa sessão de depoimentos vamos clicar com o botão direito flexbox pegar a seta para baixo virem avançado Vamos colocar 50 de preenchimento duplicar esse título arrastar ele para cá a gente vai trocar para depoimentos duplicar esse subtítulo arrastar ele para cá e vamos trocar para clientes que confiaram no nosso trabalho vamos clicar em publicar inclusive pessoal sempre que você for fazendo alguma alteração é legal que você venha aqui e clique em publicar para você não perder nada se acontecer do computador desligar ou alguma coisa Você não perdeu nada tá nós vamos usar
aqui o widget de depoimentos do Google inclusive é muito importante que você Oriente as pessoas a fazer uma avaliação Para você lá no Google meu negócio que ajuda o seu site a aparecer nas primeiras posições para isso a gente vai vir aqui dentro do painel administrativo do WordPress Vamos ir em plugins Adicionar novo a gente vai pesquisar por revisão o ID de revisão do Google clicar em instalar depois em ativar a aqui você vai conectar a sua conta lá do Google Man negóci né do Google Maps É só você clicar em conectar você vai Digitar
o nome do seu negócio o endereço do seu meu negócio aqui vou colocar o shopping aqui da minha cidade vou colocar Center Shopping dessa vez Center Shopping Uberlândia aí você seleciona Vê se é esse mesmo clica no conectar conectou clica aqui novamente em configurador do widget ele Já puxou aqui os comentários aí você vai escolher qual que vai ser o estilo que você quer tá vendo tem esse estilo aqui de Carrossel tem esse aqui com a marca do Google tem ess com nome com a foto em cima tem vários estilos eu vou escolher esse primeiro
aqui mais simples vou clicar em selecionar ele ainda dá mais algumas opções de estilo para você escolher se tiver bugando assim você recarrega a página clique em meus comentários clique em configurar de novo clic em selecionar esse plugin ele não bugava desse jeito não agora que ele tá bugando pronto cliquei aqui várias vezes nas Abas e depois cliquei aqui para voltar ó ele já deu sequência aí aqui ele pede pra gente poder escolher algumas coisas ó se a gente quer esconder que Foi verificado ou se quer deixar no estilo um se quer deixar no estilo
dois ó tá vendo ó verificado ou se você quer que fique Aparecendo aqui embaixo o estilo dois é esse aqui aqui se você quer filtrar as avaliações você quer que apareça só quatro estrelas e cinco estrelas ou se você quer que mostre tudo eu vou colocar só quatro e cinco estrelas o idioma o formato da data aqui se você quer que eu oculte avaliações sem comentários e outras informações aqui ó tem como você pedir para ele usar a fonte do site também vou clicar em salvar e obter código aí a gente vai copiar esse código
aqui vamos vir aqui vamos ir em na biblioteca vamos pegar um widget chamado short code arrasta para cá vamos colar esse vamos colar esse código que a gente pegou se tiver aparecendo bugado aqui é assim mesmo tá aí na hora que você acessar o site tá aparecendo normal vamos clicar aqui em publicar agora vamos para próximo contêiner clica aqui pega um flexbox com a setinha para baixo vem Vamos colocar 50 de preenchimento clica aqui clica em copiar clica em colar vou mudar o título para esse aqui vou vir aqui nesse subtítulo copiar clicar clicar em
colar vou mudar o texto do subtítulo agora vou vir aqui nesse contêiner vou vir em estilo tipo de fundo cor vou pegar esse cinza um pouco mais claro vou vir na Biblioteca vou pegar o widget de arrastar para cá vou voltar na biblioteca pegar o widget de caixa da imagem arrastar para cá aí aqui eu vou colocar um título e uma descrição e aqui eu vou clicar para arrastar uma imagem para cá eu já tenho aqui no material de apoio as imagens para vocês das especialidades ó só você arrastar e trazer para cá então esse
por exemplo é o de projetos residenciais que é essa imagem você vai selecionar ela aqui vai vir aqui em conteúdo resolução da imagem você vai deixar personalizado aí você vai colocar 400 por 400 para ela ficar quadrada e vai clicar em aplicar aí você vai vir aqui em imagem e vai deixar em largura 100% e Rai da borda você vai deixar 30 Pronto agora vamos ir em conteúdo a cor do texto vamos deixar esse alaranjado a tipografia vamos deixar este secundário a gente pode aumentar um pouquinho o tamanho vamos deixar tamanho 23 mesmo a cor
do texto vamos deixar de branco e o tamanho do texto a gente vai deixar 14 Pronto agora aqui no card a gente vai vir aqui em avançado vai vir em borda tipo de borda Vamos colocar sólido vamos pegar a cor alaranjada vir aqui em cor da borda diminuir um pouquinho a Opacidade largura da borda a gente vai desvincular e vamos deixar só em cima e embaixo né inferior e e superior vamos deixar um aqui de largura de cada e raio da borda a gente vai deixar 30 vamos vir aqui em layout desenc os valores de
preenchimento e no inferior a gente vai deixar 20 vai ficar assim o nosso Card agora a gente vai duplicar até ficar com seis cards sempre clicando em publicar para não perder nada e agora é só você ir clicando em cada um dos cards e ir alterando tá pronto já terminei aqui de colocar todos os textos agora eu vou vir aqui em cima clicar com o botão direito copiar esse botão clicar com o botão direito colar esse botão aqui e arrastar essa grade para cima do botão aí eu vou mudar o texto do botão para pedir
orçamento aí aqui a gente vai clicar vai ver aqui em avançado vai desencar os valores de padding aqui em cima vamos deixar 150 de preenchimento Vamos ir em estilo divisor de borda no divisor superior a gente vai deixar a curva vamos inverter e vamos deixar curva tamanho 75 ele vai ficar um pouco mais curvado agora vamos pra aba de nossos projetos vamos clicar aqui clicar em flexbox pegar um contêiner com a seta Pro lado vir em avançado desinc os valores de padding E aí vamos colocar aqui espaçamento só no inferior e no superior Porque nas
extremidades né do lado de cá e de cá eu quero que fique com as imagens coladas na tela então em cima e embaixo eu vou deixar 90 vou vir em estilo tipo de fundo vou deixar de preto copiar esse título colar ele aqui vou mudar o título aqui para nossos projetos vou copiar o subtítulo colar ele aqui e vou modificar o subtítulo eu peguei errado tá vendo tá ficando um do lado do outro vou vir aqui em layout no contêiner principal e vou clicar aqui para deixar um abaixo do outro agora vamos ir aqui na
biblioteca vamos pegar o widget de slide Aliás o de Carrossel de imagens arrastar para cá vamos vir aqui clica aqui em cima no ícone de arrastar todas as imagens que você tem para cá eu vou pegar essas imagens minha que são um pouco mais Compridas clique em criar nova Galeria né inserir galeria agora a gente vai vir aqui no contêiner principal vamos vir aqui em largura do conteúdo vamos deixar a largura total que aí ele fica grudado nas extremidades tá vendo vamos clicar novamente Aqui no Carrossel slides para mostrar a gente vai deixar cinco slides
para rolar vamos deixar padrão já vou deixar todas redimensionadas nesse tamanho para vocês no material e é interessante que você também alinha aí as suas imagens se elas forem de outro tipo de projeto né você não for usar essas tem vídeo aqui no canal ensinando como você redimensionar as imagens ali através do c Tá eu vou selecionar todas as minhas imagens clicar em adicionar galeria inserir galeria vou deixar aqui tamanho completo mesmo que elas já estão aqui na resolução adequada e beleza aqui em navegação vou deixar somente setas aqui em link eu vou deixar arquivo
de mídia Light Box vou deixar assim que aí dessa forma quando a pessoa clicar em cima da imagem vai aparecer um Carrossel e aqui opções adicionais mais a gente vai configurar o tipo da transição da imagem vou colocar velocidade 50 e velocidade de animação 5.000 que aí ele vai ficar passando assim mais lentamente tá vou clicar aqui nesse botão clicar em copiar clicar aqui nesse título clicar em colar e arrastar o Carrossel para cima desse título aí aqui embaixo eu vou escrever veja todos os nossos Projetos veja todos os projetos vou mudar o ícone ó
vou clicar aqui vou pesquisar por Arrow que é seta inserir ela aqui e Pronto agora vamos pra sessão de sobr nós vamos clicar pegar um flexbox duplo vir em avançado Vamos colocar 50 de preenchimento vir aqui clicar com o botão direito copiar esse título colar esse título aqui vira em estilo deixar ele alinhado à esquerda aí vou trocar o nome dos do título para sobre nós Vou pegar um widget de texto aqui na biblioteca arrastar para cá e vou colar meu texto aqui aí Aqui tem algumas coisas que eu quero deixar bold ó eu quero
deixar com a fonte mais grossa então eu seleciono clico aqui e aqui nos títulos eu também vou fazer isso ó vou selecionar vou clicar selecionar clicar ficou assim agora eu vou vir aqui vou pegar o widget de imagem arrastar aqui pro lado deixar em completo clicar em publicar E aí esse joguinho de imagem que eu fiz eu fiz lá no Cambo vou ensinar para vocês como fazer ele vou vir aqui no canva criar design tamanho personalizado esse aqui eu vou fazer grande porque como ele é um GIF ele precisa de resolução 10000 por 1000 vou
clicar em Criar novo design e A aqui você vai basicamente colocar as imagens vou arrastar algumas imagens que eu tenho para cá vou arrastar as imagens para cá E aí eu vou ajustando elas e deixando aqui de uma forma meio bagunçada ó então aqui essa eu vou deixar assim essa imagem aqui eu vou cortar ela vou deixar ela mais quadrada vou deixar aqui vou diminuir o tamanho dela e essa daqui eu vou deixar um pouco mais estreita e vou diminuir também o tamanho dela e vou fazer como se fosse um mosaico aqui com as imagens
outra coisa que a gente vai fazer é clicar aqui na imagem clicar aqui em arredondamento Vamos colocar 10 de arredondamento em todas clica aqui clica aqui em arredondamento 10 clica aqui clica em arredondamento 10 depois vamos selecionar todas e de dechar o máximo de tamanho que a gente conseguir aqui sem cortá-las pronto aí agora a gente vai clicar em cada uma delas vai colocar um efeito clica aqui clica em animar e aqui tem vários efeitos olha de aparecer tem de aparecer assim então você vem escolhe aqui o efeito eu deixei um efeito normal aí você
vem configura aqui do jeito que você achar melhor fez agora clica aqui em compartilhar clica em baixar aí Vai baixar em formato de GIF ou de vídeo Se você quiser mas vai selecionar aqui gif vai clicar em baixar e ele vai baixar uma imagem animada Pronto agora você clica aqui clica em enviar arquivo e arrasta o GIF que você baixou para cá clica em selecionar pronto a imagem já vai estar aqui agora a gente clica aqui no contêiner clica em layout e deixa aqui alinhado ao centro Pronto agora vamos clicar pegar um Flexbox com a
setinha pro lado vir em avançado Vamos colocar 50 de preenchimento vir na biblioteca vamos pegar o widget de contador aí aqui a gente vai colocar ó esse aqui é o número que a gente quer que até onde ele conte eu vou colocar 300 nesse vou duplicar nesse outro aqui eu vou colocar 500 vou duplicar e nesse último aqui eu vou colocar 80 aí aqui a gente vai escrever os títulos olha aqui embaixo vou escrever nesse primeiro clientes satisfeito clientes satisfeitos nesse segundo eu vou colocar projetos realizados e nesse último eu vou colocar obras entregues vou
vir aqui no contêiner vou vir aqui em layout vou mudar ele para grade vou deixar apenas uma linha vou vir aqui em cada um dos itens vou vir em avançado vou deixar 30 de Preenchimento vou vir aqui no plano de fundo vou vir aqui no tipo de plano de fundo vou colocar uma cor de Cinza só que bem mais clarinho e agora eu vou vir aqui em borda vou deixar sólido desenc os valores e só aqui no lado direito que eu vou deixar um vou deixar a cor alaranjado mais claro e vou tirar um pouquinho
da opacidade aqui o raio da borda vou deixar 30 Ah tá eu esqueci de colocar o mais aqui ó aqui em prefixo do número a gente vai colocar o símbolo de mais em tudo vamos clicar com o botão direito copiar clicar com o botão direito em colar todos os estilos Pronto agora a gente vai criar a nossa sessão de contato vamos pegar um flexbox duplo vir aqui em avançado colocar 50 de preenchimento desencar os valores no inferior a gente vai deixar zero vamos vir aqui em estilo tipo de fundo na cor a gente vai pegar
esse outro cinza vamos vir aqui clicar com o botão direito copiar esse título clicar botão direito colar aí aqui a gente vai mudar pro título contato Vamos ir aqui na biblioteca Vamos pegar uma lista de ícones arrastar para cá excluir aí aqui a gente vai colocar os ícones svg mais bonitos para fazer aqui a parte de contato ó duplica envia peguei um Outro aqui de telefone duplica e peguei um outro aqui de mapa pronto ficou assim aí a gente vai vir e vai colocar o texto vou vir aqui em estilo cor de texto vou deixar
de branco para você conseguir visualizar melhor vou vir aqui também no ícone em tamanho vou deixar tamanho 29 pronto a cor vou deixar esse alaranjado mais claro e para deixar esse bold aqui na palavra e-mail eu fiz assim ó você pega um widget de texto só para você gerar então por exemplo eu vou querer colocar assim telefone né telefone dois pontos e o número de telefone aí aqui em telefone você vai selecionar vai colocar em bold vai vir aqui em texto e vai copiar esse HTML que gerou aqui aí é só você vir aqui e
colar aí ele já vem com e essa palavra em em bold né Vamos copiar clicar aqui colar vamos vir aqui vir em estilo aumentar o espaçamento aí a gente vai vir aqui em cima clicar com o botão direito clicar em copiar vir aqui e clicar com o botão direito clicar em colar deixar ele alinhado aqui à esquerda aí aqui vamos escrever ou Fale Conosco pelo WhatsApp vamos trocar o ícone pelo ícone de WhatsApp aqui em estilo em arredondamento a gente vai deixar 30 de arredondamento aí aqui as Cores a gente vai vir aqui na cor
primária vai colocar um verde um pouco mais escuro e aqui na cor secundária Vamos colocar um verde um pouco mais claro a aqui no preenchimento aqui na parte superior vou colocar 18 e 18 e o tamanho do texto eu vou aumentar um pouco vai ficar esse tamanho agora eu vou clicar aqui nesse subtítulo clicar em copiar clicar aqui clicar em colar vou mudar para nos acompanhe nas redes sociais vou deixar vou vir aqui em estilo vou deixar ele alinhado à esquerda vou clicar em publicar Vou acessar aqui o nosso site e vou copiar os ícones
das redes sociais que já tem aqui no rodapé passar o mouse aqui em cima clicar em rodapé clicar aqui clicar em copiar clicar aqui clicar em colar clicar aqui clicar na esquerda vou vir em estilo aumentar o tamanho dos ícones e essa cor eu vou deixar a cor preta Ok ficou assim vou vir aqui icon a passar o mouse vou deixar uma animação grow para crescer quando quando passar o mouse Agora vamos pra parte do nosso formulário nós vamos vir aqui nesse contêiner interno né vamos vir aqui em estilo tipo de cor de fundo vamos
pegar a cor branca vamos vir aqui em borda vamos deixar 30 de Arredondamento aqui a gente vai colocar uma sombra na borda E aí a cor da sombra Você vai clicar aqui e vai arrastar essa Barrinha vai arrastar essa Barrinha para cá até ficar uma cor bem clarinha ou então você pode olhar o texto que tá aqui e colar igual aí aqui a gente vai deixar em horizontal um em vertical -3 em focar 11 e espalhar um vamos vir aqui em avançado em preenchimento a gente vai deixar 30 de preenchimento vamos desinc os valores de
Margem e vamos deixar -85 para ela ficar passando aqui para cima vamos ir no contêiner principal Vamos ir em avançado aqui na margem superior a gente vai colocar 130 para ele ficar com o espaço ávio aqui do contêiner de cima aí agora a gente a gente vai começar a preencher aqui dentro clica aqui clica em duplicar arrasta para cá aí eu vou escrever aqui preencha o formulário vou clicar nesse subtítulo duplicar arrastar para cá eu vou escrever não sei aqui entrar em contato vou vir aqui em estilo vou mudar paraa cor cinza que é a
cor de texto vou deixar aqui alinhada ao centro vou vir em tipografia eu vou colocar peso 400 vou vir aqui nesse título principal em estilo a cor eu vou deixar De preto e vamos criar o nosso formulário Vamos ir na biblioteca pegar o widget de formulário vou pegar o formulário aqui do próprio Royal só que ele só dá direito a gente colocar três Campos Então tem que ser um formulário mais simples vou excluir esse de mensagem vou adicionar um e vou colocar o de telefone Então você vai selecionar aqui o item telefone aqui em Label
né que é o título você vai escrever telefone e aqui em Placeholder que é o texto que aparece aqui dentro da caixa você vai escrever digite seu telefone aí nos outros Campos você vai escrever assim esse por exemplo né digite seu e-mail e nesse aqui de cima você vai mudar para digite seu nome e aqui no título também você vai mudar para nome vai ficar assim aqui em botões você vai escrever solicitar orçamento aqui em configurações você vai desativar o Label ou seja o título aí você vai vir aqui em estilo aqui em Field né
que é campo a cor da borda a gente vai deixar de Cinza a tipografia a gente vai pegar essa de realço né que é dos botões vai deixar o arredondamento como está vai vir aqui em botões aqui nas cores a gente vai trocar para o alaranjado vai ficar assim tipo de Borda vamos deixar nenhum bord rádios vamos deixar cinco aliás esse aqui a gente pode colocar esse tom de alaranjado mais escuro vai ficar assim OK agora vamos ir aqui no contêiner principal Vamos ir aqui em layout Vamos colocar 500 de altura Vamos ir aqui nesse
contêiner nesse contêiner interno vamos deixar alinhado ao centro vamos ir aqui nesse contêiner vamos vir em layout e vamos deixar alinhado ao centro também e vai ficar assim vamos clicar aqui clicar com Flexbox com a setinha para baixo virem avançado vamos deixar 10 de preenchimento no layout vamos vamos deixar largura do conteúdo largura Total vir aqui pegar o Idiot de mapa arrastar o Idiot de mapa para cá aí aqui você vai colocar o endereço né vou colocar Centro Uberlândia aí Aqui você pode dar zoom ó nas ruas que você quiser aí aqui você configura a
altura vou vir aqui em estilo em filtro em saturação vou diminuir toda a saturação pra gente deixar em preto e branco e vai ficar assim se a gente acessar aqui a nossa página home ela já está toda completa na parte de computador agora a gente vai colocar alguns efeitos de movimento e depois adaptar ela para celular e agora a gente Vai ajustar pro celular pro tablet pro celular a gente vai clicar aqui aí neste primeiro banner a gente não consegue mais acessar a gente tem que clicar aqui em estrutura e clicar aqui no primeiro contêiner
vamos vir aqui em avançado Vamos colocar 20 de preenchimento desinc os valores de e no de cima a gente vai deixar 120 vamos vir aqui no título estilo tipografia vamos deixar 30 aliás para poder facilitar nossa vida a gente pode fazer assim ó não altera por enquanto clica em publicar clica aqui ó nesse ícone pra gente acessar as configurações padrões do site e a gente já vai alterar todos os títulos de uma vez para 30 aqui no mobile e salvar alterações aí vamos fechar pronto os outros títulos das páginas vai ficar legal com tamanho de
30 esse aqui como é muito grande acho que ainda não aplicou Então a gente vai recarregar a página pra gente ver vamos clicar aqui e selecionar primário novamente que aí ele vai alterar pro novo tamanho a gente vai deixar assim tamanho 30 nesses outros contê a gente vai clicar vai vir em avançado Vamos colocar 20 de preenchimento desenc E aí no campo de baixo a gente vai vir e vai colocar 80 nesse contêiner Aqui também vamos colocar 20 de preenchimento nesse aqui também nesse aqui a gente vai vir em avançado colocar 20 de preenchimento desencar
e no de cima a gente vai colocar 80 também às vezes dá uns bugzin assim mas depois você avalia no celular para ver se está correto tá agora vamos para esse contêiner desvincular no inferior e no superior a gente vai colocar 40 aí aqui como esse contêiner é grudado na extremidade a gente vai vir aqui neste título vai vir em avançado desencar os valores de padding e vamos colocar 20 na esquerda e na direita aqui nesse subtítulo a gente vai vir aqui em estilo podemos diminuir um pouquinho o tamanho dele aqui nesse contêiner vamos clicar
avançado 20 de preenchimento aqui também avançado 20 de preenchimento ento aqui vamos colocar 20 de preenchimento também nesse contêiner aqui vamos vir em avançado e desenc os valores de Margem dele aí na margem Vamos colocar 20 aqui na margem superior para dar um pouquinho mais de espaço do de cima nesse título aqui a gente vai vir em estilo Vamos diminuir um pouco o tamanho dele e o restante está OK Tá parecendo grande aqui mas quando a gente vai acessando o celular os títulos Sempre parecem menores tá então aando seu celular e confere pra ver se
tá certinho clica aqui em publicar Vamos acessar aqui vendo pelo celular pra gente ver ó clica o botão direito inspecionar clica aqui e aí você consegue ver como se fosse no telefone olha tá tudo certinho né Beleza agora no tablet vamos ver o tablet também não muda muita coisa o banner principal tá bem OK agora esse aqui a gente vai alterar vamos vir aqui na grade em colunas vamos deixar dois e em linhas dois que aí vai ficar dois por linha aqui também colunas dois e em linhas dois pronto aqui tá ok Aqui também colunas
dois e em linhas 1 2 três linhas aqui tá ok aqui a gente pode fazer o seguinte vamos clicar aqui nesse contêiner vamos vir em layout vamos clicar aqui nesse contêiner no contêiner do primeiro contêiner Vamos ir aqui em largura Vamos colocar em porcentagem vamos deixar 100% E vamos ir aqui na largura deste outro colocar em porcentagem e colocar 100% também e vamos ir no contêiner principal e clicar aqui em envolver para quebrar a linha que aí vai ficar o texto um abaixo do outro pronto aqui a gente vai vir no contêiner vir em avançado
Vamos colocar 20 de Preenchimento aqui esse aqui também dá para manter só que aí a gente vem aqui neste botão de WhatsApp vem estilo tipografia diminui um pouco o tamanho do texto vamos deixar 14 e vamos vir aqui no preenchimento vamos deixar 10 desinc os valores e na esquerda e na direita a gente coloca 20 e no superior e inferior a gente coloca 15 agora esse título aqui a gente vai vir em estilo Vamos diminuir um pouco o tamanho dele deixa ele alinhado aqui pro meio vir neste contêiner e deixar 20 de preenchimento aqui nesse
título também a gente pode diminuir ficou assim esse título aqui também a gente pode diminuir um pouco e neste contêiner aqui na esquerda e na direita a gente vai diminuir também ó vamos deixar 20 Ok vai ficar assim então já ajustamos aqui para celular e para tablet confere seus ajustes ajustes que você fez não alteraram as outras coisas e clique em publicar aí agora a gente vai criar o layout né das páginas sobre projeto e contatos como a gente já fez aqui a maioria das coisas vai ser bem rápido agora a gente vai basicamente utilizar
o que já está pronto então a gente vai acessar aqui o nosso painel administrativo do WordPress vamos Vir aqui em páginas todas as páginas Vamos ir na página de sobre nós clicar em editar clicar em editar com elementor vamos vir aqui na engrenagem vir em largura da página colocar Elementor largura Total clicar em publicar agora vamos clicar pegar um um Flexbox com a seta para baixo vir em estilo a cor a gente vai deixar de Preto Avançado Vamos colocar 50 de preenchimento desenc no superior a gente vai colocar 150 vamos vir aqui clicar com o
botão direito copiar clicar com o botão direito colar é que a gente vai escrever sobre nós agora a gente vai correr aqui embaixo pegar essa sessão que a gente fez de sobre nós né clicar com botão direito no no contêiner clicar em copiar clicar com o botão direito clicar em colar aí aqui eu vou usar o mesmo texto só vou colocar mais algumas coisas vou duplicar isso daqui nesse subtítulo eu vou colar esse texto vou vir em estilo mudar a cor para Preto mudar a tipografia para secundário vir aqui na tipografia mudar para maiúsculo e
espaço entre as letras ou aumentar e o peso vou deixar 500 vai ficar assim vou diminuir um pouquinho o tamanho pronto vai ficar 19 OK agora eu vou pegar um botão vou pegar esse aqui de vej os projetos Vou clicar colar aqui virem avançado vou deixar ele alinhado à esquerda vou vir aqui em conteúdo vou colocar veja alguns dos nossos projetos aí ficou assim aí aqui a gente vai colocar em link a página de projetos né vou puxar a página de projetos aqui aí a gente vai vir vai pegar os nossos números clicar em copiar
clicar aqui com botão direito clicar em colar e agora eu vou fazer uma sução de conhecer a nossa equipe vai ser bem parecida com esta Inclusive a gente vai aproveitar ela quase tudo vamos clicar aqui clicar em copiar clicar aqui clicar em colar vamos vir aqui virem avançado plan de fundo pegar a mesma cor que a gente tá usando clicar aqui nesse contêiner vir em estilo aqui na cor a gente vai colocar essa cor cinza aqui em divisor de forma vamos deixar nenhum Vamos ir em avançado aqui no preenchimento de cima vamos deixar 50 também
E aí o título aqui nós vamos mudar para conhec a nossa equipe E aí aqui no subtítulo a gente vai colocar essa frase compromisso com a Excelência em tudo que fazemos vamos clicar em cima desse clicar em copiar clicar aqui clicar em colar estilo clicar aqui clicar em estilo clicar em alinhamento do centro vamos ir em Tipografia espaço entre as letras Vamos aumentar peso vamos deixar 400 vai ficar assim aí aqui nos cards a gente vai clicar em cima deles vira aqui em estilo conteúdo a cor do texto a gente vai deixar de preto tipografia
a gente vai pegar de texto aí vamos vir em avançado borda vamos tirar a borda superior a gente vai deixar a borda aqui de baixo aí podemos até excluir esses outros vamos clicar em cima desse vir aqui em plano de fundo cor de fundo vamos deixar de branco aí aqui a gente vai usar as imagens das pessoas né já deixei as imagens da equipe para vocês aqui na pasta vocês vão arrastar todas para cá vai clicar aqui em selecionar E aí você vai alterando o título né aqui você vem coloca o nome da pessoa coloca
a descrição sobre ela clica aqui muda a foto e aí a gente vai vir aqui em estilo imagem aqui em raio da borda a gente vai vir vai colocar em porcentagem vamos deixar em 100% que aí vaiou deixar bem arredondado e em largura da borda a gente vai diminuir vamos deixar mais ou menos assim 70% pronto aqui avançado a gente vai vincular os valores de preenchimento e vamos deixar 20 aí aí vamos clicar em duplicar agora Que já tiver tudo configurado né os cards aí você clica em duplicar aí depois é só ir alterando o
título e a descrição de cada um E a foto Pronto já coloquei os dados de todo mundo vou clicar em publicar vamos conferir aqui se no celular tá ficando tudo certinho como a gente trouxe já configurado da página home não precisa fazer muita coisa então já tá tudo ok Aqui só essa parte aqui de cima que eu vou mudar o título em vez de ser sobre nós aqui porque já tem sobre nós ali né eu vou colocar conheça anexos home e vou clicar em publicar pronto página de sobr nós já está pronta agora a gente
vai criar a página de projetos Vamos acessar aqui o painel administrativo do WordPress Vamos ir em páginas todas as páginas clicar em editar em projetos clicar em editar com elementor Ah uma coisa que eu esqueci de fazer vamos vir aqui na página de sobre nós e vamos deixar o editor do elementor aberto pra gente pegar algumas coisas então tá tô aqui na página de projetos né vou clicar na engrenagem aqui em largura da página Vamos deixar Elementor largura Total clicar em publicar vamos vir aqui na página de sobre nós clicar aqui na estrutura Clicar no
primeiro coner Com botão direito clicar em copiar clica aqui clica em colar né Na outra página E aí aqui a gente vai mudar pra página chamada projetos Vamos mudar o título para projetos vamos vou vir aqui na página home e clicar em copiar nesse título que já está de branco clicar aqui em colar e vou escrever assim confira alguns dos trabalhos que já fizemos Pronto agora você vai clicar aqui pegar esse contêiner aqui que tem seis contêineres dentro vir aqui em avançado Vamos colocar 50 de preenchimento vou vir aqui nesse título copiar clicar aqui colar
ele aí aqui eu vou escrever o título de cada um dos meus tipos de projeto né Por exemplo cozinha aí eu vou vir aqui vou colocar a cor preta vou vir na tipografia vou colocar secundário vou aumentar um pouquinho o tamanho pronto a agora eu vou vir aqui na biblioteca vou pegar o widget de imagem Grid Carrossel que é esse daqui aí eu vou mudar de alto para manual vou criar a minha galeria Então esse aqui por exemplo é cozinha né aí eu vou pegar só as imagens de cozinha vou clicar em criar uma nova
galeria inserir galeria aqui em layout eu vou mudar para um resolução vou deixar completo colunas Vou deixar um aqui eu vou mudar Ó aqui selecionar o layout né eu vou mudar para slide Carrossel aí aqui em colunas vou deixar apenas um vou vir aqui em estilo vou vir aqui em slide navigation né que são as setas aí aqui em cor eu vou pegar a cor cor branca em background eu vou pegar esse cinza em tamanho da fonte eu vou diminuir em tamanho da Box né tamanho da caixa eu vou diminuir diminuir mais o tamanho da
fonte e aqui em border rádios eu vou deixar 30 você vai ajustando até ficar do tamanho aí que você achar que ficou legal deixar assim aqui na na imagem né em border rádios eu vou deixar 30 também vai ficar assim aí você pode ir clicando aqui duplicando os títulos e arrastando pro lado clicando em clicar a galeria e arrastando pro lado e aí você vai só mudando os títulos pronto e nas Galerias você clica e vai mudando as Galerias né vai excluindo aqui as imagens e vai colocando outras aí é só clicar em adicionar a
galeria pronto pessoal o ideal é que você coloque as imagens todas do mesmo tamanho Mas se você não tiver colocado uma maneira de garantir que todas fiquem bonitinhas não quebre o Carrossel É você vir aqui nele vira aqui em layout em resolução da imagem deixar personalizado Colocar 400 por 600 e clicar aqui em aplicar que aí assim mesmo que tenha alguma imagem maior mais alta elas vão acabar ficando do mesmo tamanho Beleza agora eu vou vir neste contêiner vir aqui em layout vir aqui em espaçamento em linha eu vou colocar 30 de de altura para
separar uma linha da outra vamos clicar em publicar vamos vir aqui no Carrossel Vamos ir em elementos e vamos tirar o título para parar de aparecer e o o nome aqui da nossa imagem então vou clicar com o botão direito clicar em copiar clicar em colar o estilo ó infelizmente ele não cola o estilo Então a gente tem que vir em um por um dos elementos e excluir aqui a parte de título tá vai clicando vindo aqui em elementos e exclui a parte de título e depois de tudo você publica agora vamos colocar no celular
pra gente ver como tá ficando a parte de cima tá ok a gente pode vir aqui vir em contêiner só diminuir um pouco o preenchimento dela vamos deixar 20 de preenchimento desencar e na parte de cima vamos deixar 120 de preenchimento vir aqui nesse título vira em estilo tipografia e diminuir um pouco o tamanho do título nesse aqui a gente vai clicar no coner vir em avançado Vamos colocar 20 de preenchimento pronto dá esse bugzinho aqui mas quando você recarregar a página volta a funcionar tá vamos colocar aqui no no tablet o primeiro contêiner Tá
ok esse aqui também o espaçamento Está ok vamos recarregar aqui a nossa página pra gente ver como é que ele está ficando realmente Vamos colocar aqui no tablet olha ele vai dar sempre esse bug aqui na visualização do Elementor no tablet Então vamos clicar com o botão direito clicar em inspecionar E aí a gente clica aqui ó e coloca em iPad pra gente ver como se fosse no tablet ó realmente tá ficando com duas imagens Então vamos ir aqui no carocel Vamos ir em layout e vamos mudar para uma uma coluna aí a gente vai
em todos os outros em layout e muda para uma coluna Pronto já fiz aqui todas as mudanças agora vou vir no contêiner vou vir em avançado em preenchimento vou deixar 20 vou clicar em publicar vamos ver como é que tá ficando ó assim que tá ficando no tablet Ok então já finalizamos aqui a nossa página de nossos projetos agora a gente vai para a página de contato vamos vir aqui dentro do painel administrativo do WordPress vir em páginas todas as páginas editar aqui em contato depois Clicar em editar com elementor aqui nós vamos vir no
contêiner de contato vamos clicar clicar em copiar primeiro vimos aqui na engrenagem vamos vir em largura da página deixar Elementor largura Total clica no botão direito clica em colar clica aqui no contêiner vem avançado no superior a gente vai deixar 150 vamos clicar aqui neste contêiner avançado e colocar zero aqui na margem vamos vir aqui no contêiner é no contêiner principal né aqui em margem superior vamos deixar zero e vamos vir aqui copiar a parte do nosso mapa clicar com o botão direito e colar e vamos clicar aqui em publicar Prontinho agora vamos conferir se
está tudo certo ó página home OK depois a gente só vai colocar uns efeitos de movimento aqui né página de sobre nós ok página nossas soluções Ah não nossas soluções ela é linkagem página de projetos Ok página de contato ok agora aqui na página home a gente vai colocar alguns efeitos de movimento aqui nesse título a gente vai vir em avançado efeit de movimento animação de entrada Vamos colocar F in que é essa animação de aparecer e no título de baixo a gente vai fazer a mesma coisa vamos ir em efeito de movimento colocar F
in e aqui no botão A gente vai colocar uma outra animação Vamos ir em avançado efeit de movimento e vamos colocar zoom in que é esse aqui aqui no contêiner a gente pode vir aqui no contêiner inteiro colocar efeit de movimento Side in né em todos os títulos e nos cards a gente vai colocar uns diferentes Vamos ir em avançado efeit de movimento Vamos colocar F up que é para ele aparecer assim e aqui a gente coloca aqui 500 msos Clica com o botão direito copiar clica botão direito colar estilo clica botão direito colar estilo
aí a gente vem aqui nesse vem avançado efeito de movimento muda para 600 msos nesse aqui a gente vem efeito de movimento muda para 700 msos nesse aqui a gente vem avançado efeito de movimento coloca fing up e coloca 800 msos que aí vai aparecer um depois do outro ó vou aqui a nossa página para você ver vendo aí aparece uma um depois do outro a gente pode pegar esses mesmos efeitos de movimento e colar lá embaixo clica o botão direito clica em copiar clica o botão direito clica em colar clica no segundo clica em
colar no segundo clica no terceiro clica em colar no terceiro clica no colorido clica em colar no colorido vai saindo se Você tiver com as mesmas configurações você pode colar então que nem esse aqui tem fidin posso clicar em copiar C en colar nesse agora esse daqui eu já não posso porque se eu fizer isso com aquele branco lá de cima vai mudar a cor com esse aqui eu já posso ó copiar colar o estilo copiar colar o estilo aqui também movir em avançado efeit de movimento find in aqui também vou fazer a mesma coisa
copiar colar o estilo esse aqui eu posso copiar e colar o estilo aí aqui no Card aqui nesses carts eu vou fazer da mesma forma efeit de movimento fiding up só que aí nesse daqui eu vou colocar todos com o mesmo tempo copiar colar estilo colar estilo colar estilo colar estilo colar estilo e o botão vou clicar Aliás o botão posso vir aqui clicar em copiar clicar em colar estilo nesse mesma coisa com esse botão aqui os títulos também pronto esse título aqui também Opa des errado copiar colar estilo e aí depois eu mudo ele
pra esquerda pronto verdade esse texto aqui também ó efeit de movimento F in essa imagem não precisa esse daqui também efeito de movimento eu vou tô pegando o contêiner completo tá a esse aqui eu vou deixar todo fing up não vou deixar F In mesmo e aí esse aqui eu deixo F esse coner do vamos lá bem avançado efeit de movimento fing up e o botão do WhatsApp desse eu deixo Zoom e aqui o contêiner inteiro vem avançado efeit de movimento e f in e aqui também isso aqui além de deixar o site bonito ajuda
no no carregamento do site tá deixar esse atraso assim então vamos lá olha como deixa mais profissional o site os efeitos de movimento chama mais atenção também fica bem legal né então prontinho já tá aqui aí se você quiser colocar também esse efeito de movimento nas outras páginas como por exemplo aqui na página de contato aí você pode fazer também a mesma coisa ó clica aqui copia clica aqui cola o estilo né clica aqui botão direito copia clica aqui cola o estilo clica aqui avançado efeito de movimento fing up publicar e a mesma coisa lá
em nossas soluções e projetos ok então beleza agora está faltando a gente fazer as linkagem né Principalmente as linkagem aqui do menu e do rodapé Então vamos ir aqui dentro do painel administrativo Vamos ir aqui em aparência menus aí tá faltando a gente linkar aqui nossas soluções para essa abinha aqui de soluções para isso a gente tem que vir aqui nesse Contêiner vir aqui em avançado vir aqui em id e escrever o ID solu coins tá não pode ter acento nem sedila escreve essa palavra publica aí você vem aqui nossas soluções coloca a palavra aqui
depois da hashtag copia o link do seu site e cola aqui na frente de hashtag repara que tem que ter uma barra aqui antes de hashtag tá se não tiver ido com a barra você coloca pronto mesma coisa a gente vai fazer aqui na aba de depoimentos né você vai colar o link hashtag e escrever depoimentos E aí aqui na aba de depoimentos você precisa criar esse nome clica vem aqui em avançado aqui em id e escreve depoimentos o que a gente tá fazendo aqui é criar uma Âncora aqui na sessão que a gente quer
e aí aqui no menu a gente coloca um link que leva a gente para aquela Âncora Então vamos lá ó se a gente clicar em nossas soluções ele nos traz para cá e se a gente clicar em depoimentos ele nos traz aí agora pra gente deixar esse menu aqui fixo para que você role a tela e ele fique aparecendo na tela vamos passar o mouse em cima de elementor clicar em cabeçalho clicar em cima do do contêiner vir em avançado vir aqui em Stick sessão ativar o Stick Sessão clicar em publicar aí agora a gente
vem aqui em posição vamos colocar fixel by Def né fix é como padrão e aqui na localização vamos deixar no topo Pronto agora o menu está fixo a gente vai rolando a tela ele vai seguindo E aí agora a gente vai fazer as linkens aqui no nosso Rod pack que ficou faltando né então a gente vai vir aqui em editar com elementor Opa fiz errado então a gente vai passar o mouse de elementor clicar em rodapé aqui nesse momento se você não tiver colocado o link do da página home aqui você coloca aqui você coloca
o link das suas redes sociais aqui se você não tiver colocado o link de cada uma das páginas você vem aqui coloca nossas soluções a gente não tinha colocado né então a gente vai vir aqui e pegar os links ó Clica com o botão direito copiar endereç de link clica aqui clica em colar nossos projetos a gente já colocou aqui a parte de projetos a gente já deixou linkado eh aliás aqui na parte nossas soluções aí faltou a gente vir aqui e colocar o link bem esse link que a gente copiou mesmo e depois clic
em publicar pronto vamos clicar aqui para recarregar a página e vamos testar se a gente for aqui em projetos Residenciais aí a gente vai ser redirecionado para cá então ok né terminamos de criar aqui as ligações agora vamos ao passo três o passo três são orientações de vídeos que eu vou deixar aqui para você fazer e implementar no seu site se você quiser melhorar a performance dele então tem um vídeo de SEO que são configurações que a gente faz pro site ser encontrado lá nas primeiras posições do Google né de forma mais rápida tem esse
vídeo aqui no canal vou deixar aqui na descrição otimização que é configurações que você faz pro site carregar mais rápido isso ajuda a converter Mais Ninguém merece aquele site que demora um ano para abrir LGPD que é a lei geral e proteção de dados que é obrigatório tem em todo o site então por exemplo tá vendo que aqui quando você acessa o meu site tem esse aviso de consentimento de cookies tem que colocar isso em todo o site tem vídeo aqui no canal ensinando a fazer cadastrar nas ferramentas do Google como analytic search console tem
vídeo aqui no canal ensinando também tem playlists de design se você quiser criar Artes banners diferentes para seu site tem vídeo ensinando tem playlist De marketing ensinando você a configurar Pixel do Facebook do Google plugin de segurança que é muito importante para evitar que seu site Seja hackeado ou que seja infectado com vírus essas coisas e também um dos mais importantes aqui de todos Saga que é fazer backup inclusive recomendo que você vá agora fazer o seu backup que o backup é uma cópia de como o site está Então se acontecer alguma coisa se você
atualiza um plugin e ele dá bug no site se você para de pagar e o site sai do ass qualquer coisa acontece se você tiver o seu backup do site É só você ir lá e subir o site novamente você não precisa criar ele todo de novo né então é muito importante que você faça o backup do seu site E lembrando que nós vendemos os templates de todos os projetos que a gente ensina aqui no canal então se você não quiser criar cada passo do zero você pode comprar o template pronto e aí uma vez
que ele está pronto ele vai estar assim ó no seu site aí em vez de ter que criar toda a estrutura você só clica aqui muda o título clica aqui muda o link sabe então fica bem mais fácil de você criar o seu site usando os nossos templates nós temos Este modelo de S institucional tem vários outros você consegue Navegar aqui ó na aba de todos pelos filtros se você clicar aqui em empresariais ou sites institucionais tem vários outros modelos aqui que você pode escolher Ok é isso Pessoal. Espero que vocês tenham gostado, se você
curtiu deixa um like no vídeo, se inscreve no canal, me segue nas redes, um abraço, até a próxima, tchau.
![Como Criar um SITE DE PORTFÓLIO no WordPress e Elementor Pro [Passo a Passo do Zero]](https://img.youtube.com/vi/CtKpG8S171k/maxresdefault.jpg)
![Como Criar um Formulário com Elementor Free [Formulário de Contato WordPress Grátis]](https://img.youtube.com/vi/8_2xdsFCs-c/maxresdefault.jpg)
![Como CRIAR UM SITE No WordPress e Elementor Grátis (MUITO FÁCIL) [Site Profissional e Completo]](https://img.youtube.com/vi/O70GTwiy1uY/maxresdefault.jpg)
![Como Fazer BANNERs no CANVA para Sites/Lojas Virtuais [Imagens para Desktop e Mobile]](https://img.youtube.com/vi/ou2hyZNu8ow/maxresdefault.jpg)
![Como Criar um SITE NO WORDPRESS com Elementor 2025 [Criar Site Profissional Multipage Passo a Passo]](https://img.youtube.com/vi/cicWmzYN3xw/maxresdefault.jpg)
![Como Criar Um SITE PARA IMOBILIÁRIA no WordPress, Elementor [Passo a Passo]](https://img.youtube.com/vi/7nO1MaJXPBs/maxresdefault.jpg)
