Top 20 Funções Escondidas do Elementor [Dicas e Truques do Elementor]

nesse vídeo eu vou te mostrar 20 funções escondidas entre aspas do elemento são funções que estão disponíveis sim para todo mundo mas são funções que passam facilmente despercebidas pela maioria dos usuários inclusive no meu caso tem algumas dessas funções aqui que eu demorei anos para descobrir fala pessoal tudo bem Rodrigo aqui do canal aprendendo o sites e antes de mais nada só peço que você retribua esse vídeo deixando like aqui porque isso não custa nada para você e ao mesmo tempo me ajuda muito e também já se inscreve no canal caso você queira aprender tudo

aí sobre o WordPress sobre elemento e sobre criação de sites e a primeira função então é um modo Claro e o modo escuro do elemento eu vou vir aqui no menuzinho ó em preferências do usuário e nesse caso aqui tá marcado a opção detecção automática E daí como eu estou usando aqui o tema escuro no meu computador né no Windows ele Já puxou automaticamente o tema escuro aqui para o elemento mas posso marcar aqui manualmente ela tem uma claro ou deixar o tema escuro aí se você tiver utilizando o tema Claro a próxima função é

você conseguir arrastar imagens direto do seu computador para o elemento Então olha só tô aqui no meu computador ó vou pegar essa imagem vou vir aqui e vou arrastar e olha só que legal ela já enviou diretamente para o elemento tá Não precisa você fazer aquele esquema lá de clicar aqui em escolher imagem e daí vim aqui subir a imagem no WordPress a próxima função aqui é o zindex Então como que funciona eu vou clicar nessa imagem aqui vou vir em avançado vou vir mais para baixo e tem aqui a opção Z em deck tá

olha só vou colocar aqui usei index de zero agora eu vou nessa outra imagem aqui vou vir avançado e nessa aqui eu vou colocar os index de um Agora eu só vou sobrepor aqui uma na outra ó por exemplo ele ficar melhor olha só essa imagem aqui que eu coloquei usei em Dex de um ou seja maior do que a outra ela tá ficando sobreposta em cima da imagem que eu coloquei usei em deck zero vamos inverter agora eu vou clicar nessa mesma imagem aqui essa aqui eu vou colocar os em deck zero agora eu

vou na outra aqui e na outra eu vou colocar os em Dex um olha só ela ficou na frente da imagem tá então essa dica é bastante útil inclusive no começo eu quebrei muito para com isso tá principalmente ali com os menus do elemento sabe no celular quando você abre o menu ali e tem elemento do site que eles acabam ficando por cima do menu e acaba ficando tudo bugado né então isso se resolve facilmente você configurando aqui usei em Dex e colocando os elementos um em cima do outro a próxima função aqui é a

função de recriar CSS e dados então você vem aqui em elemento lá no painel de pressa em ferramentas vai ter aqui na aba geral essa opção aqui ó e criar CSS e dados e como que funciona isso então às vezes o teu site em elementos alguma página alguma função inexplicavelmente fica bugada e você não consegue resolver de jeito nenhum e cara isso já aconteceu várias vezes comigo então uma possível solução pra você resolver esse problema é vir aqui ó clicar nesse botãozinho para recriar arquivos e dados e você salva as alterações tá essa dica é

bastante útil aí para quando você enfrenta algum tipo de problema a próxima dica aqui é o explorador então Ó você pressiona aqui no seu teclado contra o e vai abrir essa caixinha aqui ó e aqui você consegue encontrar qualquer página aí que esteja no seu WordPress aí feita com elemento Então vou colocar aqui por exemplo ó a página de home ó tá aqui a página de home o que que eu posso fazer posso abrir aqui numa nova guia e olha só já vai carregar a página rapidamente e não precisa fazer o esquema de eu vir

aqui e voltar no WordPress para editar a página não a gente consegue fazer através desse explorador Olha só já carregou aqui e daí que você digita então e aparece olha só a página de sobre ó vai aparecendo todas as páginas aí do seu site Beleza já aproveitando também a próxima função aqui é você copiar elementos de uma página pra outra tá então por exemplo eu posso pegar essa sessão inteira aqui ó clicar aqui no container ó clicar em copiar vir aqui nessa outra aba em branco ó vem aqui e colar essa função é bastante útil

aí para otimizar o tempo quando a gente tá criando um site a gente quer já pegar e enfim elementos prontos e pessoal eu vou estar deixando esse link aqui na descrição do vídeo esse aqui basicamente é o link do meu Pack Landing pages que é um pacote com mais de 40 l de peixes prontas que eu mesmo desenvolvi todas no elemento tá então você pode estar usando qualquer uma dessas lanpages aqui importando aí no seu elemento editando e publicando do jeito que você quiser tá eu disponibilizo esse pack aqui por um preço simbólico você terá

todo o suporte necessário aí e também a atualizações vitalícias Beleza então Caso for do seu interesse o link está na descrição a próxima função aqui é a função de navegador ó que fica bem embaixo Aqui e aqui no navegador vai aparecer todos os elementos aqui que estão na sua página olha só então você pode clicar em ocultar se você quiser ó você pode pegar elementos arrastar para baixo por aqui isso é legal porque às vezes a gente não consegue fazer algumas configurações específicas aqui no elemento e daí a gente precisar apelar para o navegador tá

Principalmente quando a gente coloca por exemplo muitas margens expassamento então o navegador acaba sendo bem útil outra função bem legal aqui é o histórico então você vem aqui bem baixo ó clica no histórico e aqui você consegue restaurar aqui a página do elemento a um ponto anterior tá então por exemplo lá você veio aqui e você sem querer excluir uma sessão ou fez alguma coisa errada ou você volta aqui no container ó e volta ao ponto anterior tá então essa essa função aí ela é bem legal você pode vir aqui em revisões também e colocar

uma revisão O que que você fez a tempo atrás ó pode ver que aqui no meu caso tá aparecendo a sete meses atrás ó então poderia restaurar aqui a qualquer momento tá a próxima função aqui são os elementos globais Então olha só vim aqui nesse menuzinho configurações do site e aqui você consegue escolher várias opções aqui de elementos globais por exemplo aqui ó as cores globais ó podem ver que aqui tem as cores que eu tô usando no meu site ó a cor azul a cor laranja Branco esse outro tom de azul e daí que

acontece ó eu clico aqui eu só sair aqui para você ver eu clico aqui nesse botão por exemplo ó eu venho aqui em estilo e aqui na cor ó eu venho aqui nesse Globinho ó de global né e aqui eu seleciono as minhas cores pré-definidas ali isso aqui acaba otimizando bastante o processo de criação aí de sites enfim de tipo de página porque não precisa você configurar manualmente a cor tá mesma coisa a tipografia Deixa eu voltar aqui de novo ó configurações do site aqui é o Fontes globais ó então aqui eu consigo definir qual

que vai ser a minha fonte primária ó tô usando essa fonte aqui ó Montserrat 36 a minha fonte secundária tô usando essa aqui daí no caso minha fonte primária eu puxo aqui ó vou abrir mais uma vez eu venho aqui no texto ó vem estilo tipografia e aqui eu seleciona uma fonte primária fonte secundária Então essa dica aí é bastante útil pra otimizar o seu processo de criação a próxima dica aqui é que você consegue alterar a cor de fundo aqui de uma página apenas com clique Olha só então você vem aqui em configurações configurações

de página né estilo do corpo vem aqui tipo de fundo e aqui você consegue colocar por exemplo a cor que você quiser e essa cor ela vai ficar na página inteira outra função bem legal aqui que muita gente não sabe é que você consegue utilizar HTML aqui no elemento tá então a mesma elemento sendo um page builder só a líder arrasta e solta com elementos prontos você consegue sim colocar um HTML Então vem aqui do ladinho esquerdo ó pesquisa por HTML olha arrasta o HTML para cá e aqui você consegue colocar o código HTML que

você quiser beleza próxima função aqui você consegue colocar o seu site em modo manutenção aqui com poucos cliques ó então você vem aqui no painel do WordPress em elemento ferramentas modo de manutenção e aqui você pode estar ativando o modo de manutenção ó aí você escolhe um modelo inclusive de página ali para aparecer como página de manutenção Inclusive eu tenho um vídeo aqui no canal ensinando como ativar e desativar o modo manutenção no seu site feito com elemento se você tiver interesse o link vai estar aí no card do vídeo e também na descrição outra

função aqui é você substituir a URL Então olha só você pode colocar o endereço aqui do seu site ó e substituir por outro endereço e clicar aqui em substituir então que já tem uma alta explicação ó digite suas urls antigas e novas para a sua instalação do WordPress para atualizar todos os dados do elemento relevante para transferência de domínio ou mover para https então é bem útil essa função aqui outra função bem legal também se você tiver enfrentando a talvez bugs ou problemas aí no decorrer do seu trabalho com elemento você pode vir aqui também

mais uma vez em elementor ferramentas e aqui um controle de versão ó e você consegue selecionar aqui outras versões antigas do elemento ó nesse caso eu tô usando aqui a última versão ó eu posso atualizar aqui para penúltima ou para a versão que eu quiser para ver se corrige esse bug esse problema próxima função aqui você pode inverter determinados elementos na versão responsiva Tá como assim olha só eu tenho essa esse container aqui né e aqui tem primeiro a imagem e depois tem esses elementos aqui ó o texto e botão eu vim aqui no responsivo

no celular e aqui no celular ele vai puxar automaticamente também ó primeiro a imagem e depois o texto só que o que você poderia fazer aqui ó você clica aqui no container aqui em itens Ó tem opção direção e tem um celularzinho do lado Ó você pode alterar a direção ó coloquei aqui coluna reversa e daí fica primeiro o texto ó botão e depois a foto né claro que nesse caso aqui não ficou tão legal mas dependendo do que você tá fazendo aí desenvolvendo fica legal Às vezes você inverter a posição no celular tá outra

função legal aqui é a questão dos links tá ouvindo esse botão aqui por exemplo ó e aqui teria o link do botão tá você clicando aqui nessa engrenagenzinha ó de opções do link vai abrir essas opções ó é mais legal de todas essa aqui de abrir uma nova janela então isso aqui é bastante útil para você que quer enfim manter o usuário aí no seu site na sua página ele quando ele clica ele abre em uma nova janela o link né Ao invés dele ficar ali na mesma página próxima função aqui é o short codes

dos modelos salvos então eu tô aqui em modelos salvos e aqui eu tenho um templatezinho adicionado ó só vou clicar em ver aqui ó eu tenho esse templatezinho aqui adicionado tá aqui Você pode adicionar quanto template se você quiser e todos eles vão gerar um short code aqui do ladinho ó Posso copiar esse short code posso colocar aonde eu quiser no meu site que o template vai aparecer por exemplo aqui nos points ó vão vir aqui em todos os posts vou editar aqui um pouco de qualquer ó vou vir aqui e vou colocar o short

code aqui ó vamos atualizar e agora eu vou clicar aqui em ver post ó tá aqui minha página de post ó e apareceu aqui então o templatezinho no meio do post próxima função aqui é você deixar algum elemento fixo na página posso clicar nessa imagem aqui só para exemplificar ó vim aqui em avançado e mais para baixo aqui posição fixo olha só a imagem ela fica fixa na página daí você vem aqui ó regula aqui a orientação Ó o tamanho da imagem você regula lá em estilo isso aqui fica bem legal porque você consegue colocar

até por exemplo um botão do WhatsApp aqui ó deixa eu só voltar aqui Tá vou pegar esse botão aqui por exemplo ó vou vir aqui avançado posição vamos deixar fixo deixar ele aqui assim vamos colocar só um desvio em pixels aqui ó uns 20 pixels aqui uns 20 ó tá o botãozinho fixo ali tá então você pode colocar por exemplo WhatsApp e o número do Whatsapp e daí você já utiliza as outras dicas que eu já de anteriormente né que é colocar os index dele aqui um número maior do que os outros né para ele

ficar sobreposto sobre todos os outros itens e também você configura para ele abrir aqui em uma nova guia a penúltima das funções aqui seria você alterar aqui o modo responsivo você adicionar novos blackpoints tá ou seja por padrão ó quando a gente clica aqui no responsivo já vem a opção de desktop tablet e o celular ó mas você pode vir aqui nessa engrenagenzinha das configurações ó e aqui ponto de quebra Ó você vem no maiszinho e você adiciona por exemplo o celular em modo paisagem tem aqui paisagem do tablet laptop e widescreen então você seleciona

aqui esses novos dispositivos né com resoluções diferentes você vem aqui atualizar aí vai pedir para você recarregar a página do elemento aqui e olha só que legal vamos mais uma vez aqui no responsivo e aqui apareceu os diferentes dispositivos então que a gente pode estar trabalhando o nosso site aí para ter certeza que ele tá enfim responsivo em qualquer tipo de dispositivo e a nossa última função aqui então seria ocultar elementos ó deixa eu só arrastar aqui um vídeo para cá por exemplo Vamos só reduzir aqui o tamanho ó eu posso clicar nesse vídeo aqui

ó vim aqui avançado vim mais para baixo aqui em responsivo e aqui eu posso estar ocultando esse vídeo por exemplo Ah eu só quero que esse vídeo apareça no desktop então não mexo aqui mas eu quero que esse vídeo ele seja oculto no tablet e também oculto no celular aí quando o usuário acessar essas plataformas esse vídeo não vai aparecer então você pode usar essa mesma lógica aqui para fazer vários esquemas aí no elemento aí que você quer que apareça no dispositivo em outro Não beleza pessoal então chegamos ao fim aqui das 20 funções escondidas

aí do elemento e eu peço que você deixe nos comentários aí quantas funções você acertou e também já Aproveita e comenta aí se você quer que eu faça uma parte dois porque eu acho que tem conteúdo para fazer uma parte dois tá Afinal elemento ele tem várias funções e era isso então pessoal valeu e até a