7 Dicas Matadoras para usar o Elementor

e fala pessoal Bruno da escola de sites e nesse daqui eu vou te mostrar sete dicas matadoras para você utilizar o plugin elemento e aumentar EA sua produtividade em criação de sites para essas dicas eu vou usar aqui como exemplo o site do Mateus que eu estou desenvolvendo ainda não o layout final mas já tá ficando muito massa e sim já tinha antecipando aí vai rolar um tutorial completo de como fazer um site igualzinho esse aqui passo a passo aqui no canal então fica de olho mais uma a primeira

dica que eu queria te passar nesse site Nem usei tanto isso aqui em sites maiores com mais faz é muito prático essa função essa ver quando você tem que o elemento instalado dentro do WordPress você apertar conto mais a letra e ou Command e se você tiver um leque ele tem esse explorador aqui para você pesquisar São se eu quiser achar que a página de início que eu criei basta apertar Controller ou como de escreverem isso aqui ele aparece aqui a página para gente editar em site porque n os beleza

essa dica que não é tão relevante assim não vai fazer com que você tem um aumento muito grande produtividade mas para site que tem muitas páginas que não o site ou então você está desenvolvendo um blog e tem várias postagens de blog essa função que é muito parte mas a gente pesquisar clica aqui ele já abre o editor do elemento muito fácil a segunda dica que já aproveitamos que estamos aqui com um elemento aberto que eu vejo muita gente negligenciando as vezes ficam com o pé atrás de usar acha

que não certo mas é utilizar os blocos e templates do próprio elemento e vocês que você tá conversando talvez você nem sabia que tinha essa função quando a gente fica aquela em criar uma nova sessão pensa segunda opção linha cinza aqui dessa pastinha a cinza que tem várias e várias páginas aqui para você utilizar como exemplo ou para ter ali uma certa referência claro que você sempre vai querer fazer um único ele para o seu cliente e cada site ele vai ter cert as peculiaridades né mas isso aqui

como uma base não para você usar seriamente simplesmente né mas para você ter uma base buscar inspiração e principalmente buscar inspiração em estruturas prontas isso aqui é fantástico além das páginas nós temos também os blocos então eu e Iniciando um projeto eu uso bastante os blocos e são mais crucialmente para você ir lapidando eles contém mas tem que levar os blocos aqui bem interessante para você já ter uma estrutura montada então que eu gost o de fazer eu busco algumas referências de site

no mesmo nicho que eu vou criar que eu monto uma folha de papel mesmo do bloco de notas mais ou menos a estrutura que eu acho que é interessante para iniciar esse projeto vai ter nenhum menu acabou você são de contato vocês são dos serviços clientes parceiros eu vou montando mais ou menos estrutura e os blocos para começar a desenhar isso aqui como economizar bastante tempo assim com muitos blocos aqui que tem alguns inclusive páginas p raticamente completas aqui de blog de portagens nas horas

tem muita coisa que você pode vir aqui em cima já dei os coloque para baixo você pode vir aqui em cima e filtrar também pela categoria é o que eu geralmente faço então você não meu bem Storm ele eu pensei que olha nessa terceira sessão aqui vai ser algo de sobre nós então vem aqui em abboud e dou uma olhadinha aqui no que que eu tenho disponível necessariamente eu vou usar e muito menos usar e aqui de fácil mas já é um bom p asso que não economiza bastante tempo por aí montando aqui uma certa

estrutura e lembrando quando a gente importa se sessões aqui o esses blocos a gente pode alterar eles da forma que a gente quiser a gente pode mudar o fundo das imagens do texto espaçamento tipografias cores absolutamente tudo eu só gosto de usar eles como uma base para primeiro estrutura tá uma vez que você clica aqui em você ele Lembrando que você vai precisar se conectar na sua conta da ele nem todo e qualquer conta gratuita serve talvez você não tem uma conta do as você clicar lá em criar

minha conta elencar que eu sou biblioteca bem fácil não tem segredo nem a nossa terceira dica não é especificamente ele falando do elemento mas é um outro plugin que eu tenho usado demais em todos os sites dos nossos clientes e facilita muito no quesito organização Principalmente quando você tá no início do projeto tendo muitas ideias ideias de conceitos aquela imagem vai dar certo coisa nesse site aq ui do seu eu fiz vários testes de imagens recortadas aqui às vezes mudando a sombra fiz esse

teste aqui com umas estátuas que eu tava testando no final e não usa dutante contém mais nada mas eu fiz aqui alguns testes de recorte com ele e curtir andei vendo que ficava melhor para isso aqui não virar uma bagunça que que eu fiz eu usei esse furinho aqui que vocês estão vendo chamado up files se eu já falei dele aqui no canal tem um vídeo exclusivo que eu falo que sobre organização da s suas mídias vai colocar mente tem utilizado com muito ele e usei também nesse projeto específico e achei

que ficar com uma boa dica aqui para uma das sete dicas matadoras para aumentar sua produtividade aqui com elemento que ele vai ficar acertar para você escolher as me diz quando você tiver editando com elemento tá esse plugin aqui ele por algum motivo Ele não tem na biblioteca direto de Plugin do WordPress tá então você vê aqui em plugins Adicionar novo e pesquisar tipo rap faz você não vai achar ele eu não sei muito bem porque você tem que ir no site oficial deles que use vou deixar o link na

descrição aqui nesse vídeo para não ter erro que você pode ficar aqui em download e ele tem duas opções tem tanta versão gratuita que você consegue criar até 10 pastas para se organizar que costuma ser bem suficiente e tem a versão paga também se você precisar de Oi gente ali muito grande considere também comprar que o pulinho deles porque é muito bom e Vale bastant e a pena mas aqui você pode usar versão gratuita para você testar Sem problema nenhum ela funciona muito bem e essa que eu tô

utilizando nesse site aqui para você ficar aqui em download ele vai baixar aqui o arquivo. Zip e você instala que nem a instalação do elemento o próximo a gente enviar pudim arrastar o arquivo zip ativar ele já vai tá funcionando próxima vez que você abre as suas mídias ele vai ter aqui essa água aqui para você poder criar novas pastas que eu criei vária s O que é uma farsa para Lu tipo uma pasta só para as fotos do Matheus então tem algumas fotos que eu tava dando um ditado também botei aqui as

contas e cortadas Fundos ícones imagens de suporte tudo muito bem organizado aqui nossa faz isso faz com que quando a gente tiver montando esse site a gente tem um processo mais rápido mais ágil de a quarta dica que eu tenho para você é de usar as seções internas no elemento eu tenho muito contato com a gente tem a comunidade alunos a gente f az análise do site dos alunos eu tenho muito contato quando acreditar o mesmo que o bata muito até que eu vejo a galera quando está criando um

layout totalmente do zero esquecendo de usar seções internas que obviamente não é nada obrigatório você não é obrigado a utilizar Mas nos meus legal eu tenho cada vez mais visto que você não tá conseguindo chegar no resultado que você queria que você não tá utilizando as seções internas da forma correta que que é uma seção interna a gente pode ver que quando a gente cria uma nova sessão a gente pode escolher uma certa estrutura nessa estrutura a gente está escolhendo o número de colunas que a

gente quer nessa nossa sessão companhia aqui comigo você vai entender que ela que por exemplo eu tenho a sessão com duas colunas Olha só eu tenho uma sessão indicado aqui por esse azulzinho e aqui dentro a gente tem Duas colônias uma do lado da COTEC aumentar a altura dessa seção para ficar um pouco mais fácil visualiz ar então coluna 1 coluna 2 só que a gente tem a possibilidade para gente expandir Aqui as nossas possíveis edições layout a gente pode adicionar aqui uma seção interna dentro de

cada uma dessas colunas e que que tu faz isso cria uma a divisão com colunas dentro ou seja é basicamente um inception de colunas a gente tem aqui uma seção interna com a coluna dentro dessa como a gente tem outra seção interna e dentro dessa seção interna a gente tem outras duas colunas esse caso aqui é um caso um pouco mais extremista não vejo você utilizando uma sessão desse tipo aqui mas percebe que agora você tem um controle muito refinado do que você quer fazer aqui dentro que você

consegue criar estruturas razoavelmente bem complexas aqui dentro tá você pode inclusive duplicar colunas aqui dentro e até mesmo seções internas dentro de uma coluna você tem resumo você consegue fazer um layout que você quiser a única limitação vai ser a sua criatividade então um pouco de prát ica de entender esse conceito aqui mas claro eu nem sempre os uma estrutura maluca dessa aqui nesse caso por exemplo eu usei uma estrutura bem simples eu tenho uma sessão aqui principal e para ter um

controle maior aqui das margens do tamanho aqui do Mateus dos espaçamentos eu botei uma seção interna aqui dentro para controlar melhor por exemplo a largura do Campo bom então se eu quiser diminuir isso aqui fica muito fácil sem kerotec mexer no fundo ou em outros elementos que pode riam ter aqui dentro dessa seção a grande sacada que a gente tem o controle individual de cada estrutura que a gente criar que a gente não precisa ficar mexendo Anthony com margens espaçamentos individuais dos

objetos isso faz com que o nosso layout fique mais elegante e fique mais fácil que a gente precisa fazer alguma modificação então é bem comum a gente utilizar essas seções internas em vários lugares aqui em nosso site que tem outra seção interna a gente conseguir separar as essas duas estruturas aqui a gente tem uma outra seção interna que é uma embaixo da outra pra gente ter essas colunas e de novo um controle individual do tamanho que a gente quiser para ela se eu acho que em todas as sessões

eu acabei utilizando menos nessa última hora ainda não está finalizado então talvez eu ainda utilize nela mas saiba que você quer fazer layouts mais completos mais complexo também eu recomendo que você deu uma estudada e dei uma testada também vai fuçando nas seções internas esse vídeo de equipamento é super simples mas bastante poderoso falei é uma vez que você comece a criar layouts mais complexos mais elegantes a gente vai para nossa 30 dica que é utilizar a função de navegador do elemento

que nomear as suas sessões deixar o seu ambiente de trabalho dentro que de alimentam de forma organizada e sim isso faz muita diferença quando você pega projeto maiores projetos mais complexos e você precisa se as chatas não tá tudo bagunçado você acaba se perdendo e você vai ter muito mais trabalho do que você tivesse organizado ali parado que sério você não quis separar nem acho que não das nem dois minutos vou separar enforquei me olhando aqui as sessões que você tem e se puder algumas seções

internas e alguns elementos alguns vídeos aqui principais frente habilitar o navegador a gente vai vir aqui nesse ícone Zinho aqui embaixo e se segundo ícone bem aqui embaixo mesmo tem escrito aqui no navegador e ele abre esse por fácil aqui que a gente pode mexer aqui botar em qualquer canto e ele é basicamente a estrutura escrita do nosso site que ele tem aqui ó pra casa porque eu renomeei nesse caso não vai ser a primeira sessão dentro e não pode ver tem uma coluna e eu usei aqui Justamente a

seção interna dentro dessa centenas gente tem duas colunas e a foto do Mateus ciência que facilita você se achar e muitas vezes que você tem uma sobreposição de elementos que está bastante na moda né então às vezes um alimen to flutuando no meio da tela do usuário você colocou alguns enfeites alguma coisa ali com efeito de movimento o sessões com coluna dando um overlapping né se sobrepondo efeito estão muito na moda aqui com o navegador fica mais fácil de você achar tudo e editar sem ter que

ficar adivinhando em qual coluna que você colocou aquele elemento solto tá então isso aqui é uma boa prática e aí se você for duplicar essa página aqui vou usar essas outras estruturas é legal que você já tenha n omeado porque uma vez que você copie e cole em outra página isso aqui também já vai estar com todos informações então normalmente faço um primeiro esboço jarrett no meio tudo e do andamento com esta organização separei os amadores de quem é realmente profissional trabalha com isso que

entregaria o melhor resultado para o seu cliente já uma outra dica Nossa sexta dica matadora que tá é bastante tempo mas você precisa ter um minha trabalho ali antes no início é você configurar as fon tes padrões e as cores padrões do site Bruno não entendi nada vou te mostrar aqui um exemplo quando a gente vem nesse menos vim aqui em cima tá vendo esse menu hambúrguer que chama com essas três Barrinhas quando ele te explica aqui a gente tem essa primeira opção aqui chamada configurações do site

quando a gente clica nela Ele carrega todo esse novo painel aqui habilitado com essas coisas azuis por algum motivo Eles escolheram essa cor aqui para serem as configurações do site e aqui você consegue definir cores globais Fontes globais inclusive fazer modificações no estilo do tema diretamente pelo elemento A então você consegue aqui alterar a tipografia padrão para cada um dos títulos você consegue definir aqui um estilo padrão para todos os botões que você criar nesse site também se

as imagens ela tem algum recorte um efeito de sombra uma borda específicas e também já consegue definir isso por aqui e inclusive para Campos do formulário caso você tem o alim ento pro nesse caso específico para todos os outros O que funciona no alimento gratuito sem problema nenhum inclusive nesse site aqui eu ainda não está no elemento próprio mas eu vou instalar porque eu quero fazer realmente um trabalho profissional aqui para uma e sim o tutorial vou explicar fazer passo a passo site aqui o

que eu tiver utilizado eu tô pronto eu vou ensinar usando o elemento próprio para vocês também então fica de olho para você não perder esse tutorial Mas voltando aq ui para as cores globais no caso do Mateus como logotipo dele tinha esse Amarelinho aqui com uma cor destaque foi a cor que eu utilizei para enfatizar aqui todos os pontos do site dele tanto essa amarela que esse amarelinho quanto esse marronzinho aqui então se eu vi aqui em cores globais você pode ver que eu defini este mesmo amarelo

com uma cor Global nesse site então aqui eu botei ela tanto como cor primária mas no final não utilizei essa cor primária eu utilizei essa cor de acentu ação aqui que eu criei E aí a vantagem disso como eu criei essa cor global e configurei aqui todos os botões todas as imagens aqui com essa cor Global se eu quiser alterar ela por algum motivo para testar uma coisa que eu posso só vir aqui e olha só se eu mexo nessa cor tudo que está um acordo Global aqui vai ser a qualidade imagina que a gente

vai se mudado para esse Verde aqui tudo vai ser atualizado para esse vídeo aqui de uma maneira bem fácil tudo que tá com aquela coisa acentu ação né bacana disso de novo quando você tá começando a construção o site Às vezes você não definir exatamente qual vai ser a cor que você quer utilizar com uma cor Estacas está fazendo alguns testes e aí você configura um monte daquelas cores e você descobre que esse amarelo não tá legal não por isso o amarelo por exemplo que eu usei um outro Amarelo aqui

com uma saturação um pouquinho maior imagina que a gente quiser aumentar um pouquinho saturação em vez eu tenho que detalha todo s os elementos que eu construir um por um ou sair copiando o estilo ou só vem aqui e mudo acordo a acentuação e pronto ele já atualiza para todo o nosso site tudo que tiver configurado para usar essa cor de acentuação usei isso aqui também ó para os Amarelo aqui do tema que esse marronzinho que não poderia alterar ele inclusive estou pensando em deixar um pouco mais

escuro ó esse aqui faltou para o motivo o teu retrabalho aqui de alterar ele mas olha só que bacana o altera aqui e já vejo o site veja se ficou melhor essa minha escolha ou se não tá combinado então você fazer isso é bem prático você pode fazer tanto com as cores você pode virar Quantas coisas legais você quiser Mas você vem aqui criar cocô Global seleciona ela tem dar um nome aqui para ela então vermelho vermelho de taxa alguma coisa do tipo E aí pronto uma vez que a gente atualize possa

voltar ao editor para o painel de som torre de classe e aí se eu quiser usar aquela coisa que eu criei e u vou vir aqui é o elemento na sessão a coluna no vídeo que eu quiser usar aquela cor vou vir aqui em estilo bem aqui ó clica nesse microfone aqui de tipo um globo uma coisa assim e aí a gente vem aqui Escolhe a cor que a gente quer utilizar pontinhos aqui com vermelho se eu quiser será eu vou lá nas configurações que altera essa por para tudo o que tiver sido configurado dessa forma mesma

coisa funciona para contar consciente bem configurações de site a gente pode fazer também co m a som globais então quero com título utilizei tava tipografia com capacidade com qual espessura de fonte tamanho de fonte a gente já configura tudo aqui na fonte Global se a gente precisa mudar eu pergunto teste fica bem mais rápido agiliza muito o nosso trabalho mesma coisa aqui para ti fotografia botões imagens e cantos do Forró e por fim e não menos importante a última dica que eu tenho aqui para

vocês que eu gosto muito eu faço sempre que eu tô começando a desenvolver um sit e é criar simplesmente uma página de rascunho Então se a gente veio aqui nas páginas foram criadas Faro esse site estão sendo desenvolvidas pelo menos nesse momento eu tenho que uma página chamada Aqui rascunho o status dela como privado que só eu que quero ter acesso a ela não é para rankear no Google nem nada do tipo é só para o desenvolvimento para mim jogando lá sabe você vai ter umas ideias meio malucas eu tava

será que vai ficar legal Às vezes é uma ideia que tem até potencial mas o seu quem tiver então você não soube trabalhar ela da melhor maneira possível vejo você deletar simplesmente aquela sessão E aí tu vai que você quer recuperar ela vai com aquela ideia não era tão ruim assim você vê uma referência melhor então vou salvando esse lixo digamos assim aqui na minha página de rascunho não precisa uma página utilizada só para você me julga e idéias lá e isso vai facilitando o seu desenvolvimento

até mesmo para você apresentar para o seu cliente muitas vezes nesse caso aqui Inclusive eu mostrei aqui três possíveis sessões de Capitão fez essa primeira versão aqui era um fundo mais escuro tinha que uma imagem que remete um pouco lembra um pouco aqui na parada no tema de Direito com algum pouco mais formal eu usei essa coisa está aqui para quebrar um pouquinho a formalidade só tipo o Mateus ele muito novo ele santidade usar o dele tá muito baseado aqui nesse amarelo eu achei que ficou legal

então apresentei uma outra para se vocês vão para ele indo completamente no lado oposto que foi a sessão cara Vamos só nós dar uma ideia aqui se a gente colocasse tudo Amarelo acho que é ficar legal você acha que faz sentido a gente pode trabalhar ou mais ou menos nessa linha e eu cheguei no meio termo aqui para também não ficar muito desgastante para os olhos tudo amarelo eu botei aqui essa parte amarela aqui e o resto para gente trabalhar textos esse tipo de coisa esse fundo branco que é mais

neutro é mais agradável aos noss os olhos não achei que uma combinação muito legal mas pô essa ideia aqui é uma completamente e não vai ter gente volta à essência aqui ou eu quero criar uma nova Seção que eu quero passar mais seriedade então poderia usar se estrutura sem ter que fazer ela do zero de novo para uso algo pronto Inclusive a gente vai tendo outras ideias aqui talvez até construindo uma linha de raciocínio de design então gosto muito dessa página rascunho depois você pode ser letal

ela ou salvar ela aí como privados porta ela e salvar no Drive alguma coisa do tipo mas tu primeiro momento que eu acho que ela é bem bacana da gente fazendo aí que a gente queria uma outra página a gente já tem aqui acesso em mais ou menos prontas e Isso facilita novamente o nosso trabalho é isso aí Essas foram as sete dicas matadoras para aumentar sua produtividade encolhimento Claro que eu não tenho como falar todas as dicas do mundo então deixa aqui embaixo nos comentários se tem alguma dica

aí que v ocê tem para gente e para as galera para comunidade aqui da escola que sai eu espero de coração que você tenha gostado desse vídeo que eu tenha te ajudado você não tiver em uma dica e deixa aqui embaixo Então qual que foi a sua preferida nessa sete e eu tô pensando aqui se eu não faço sete dicas utilizando o elemento pronto vocês gostaram desse e eu gravo um vídeo aqui focado elemento pronta mesmo em geral depois de praia sou plugins deixa aqui nos comentários que a gente vai continuando
nossa conversa aqui deixa seu like nesse vídeo também que ajuda bastante aqui o nosso canal e ver esse vídeo Flamengo e se você ainda não é inscrito no nosso canal se inscreve porque eu vou te ensinar como fazer esse site aqui passo a passo totalmente do zero usando elemento Então vai perder esse Mega tutorial em é isso eu sou Bruna da escola sai eu te vejo

7 Dicas Matadoras para usar o Elementor