Como permitir que o Cliente Troque Banners do Site SEM MEXER no Elementor [Pods Ele Custom Skin]

e fala pessoal tudo bem Aqui é a Micaela dos com ficando sites e nesse vídeo eu vou te ensinar como permitir que o cliente consiga mudar um banner lá do site sem entrar no estudo elemento [Música] vamos ver se o Alex eu mando muito bem recorrente de vocês né muita gente tem muito receio de permitir que o cliente acesse lá o elemento e que com isso ele acaba quebrando layout excluindo editando alguma coisa que não deveria e uma das coisas que o cliente mais tende a mudar sem no site é um banner né Principalmente em

lojas Então vou te ensinar a criar uma solução para que de forma de não foi o cliente só coloquei imagem lá dentro do e esta imagem já seja chamada lá no site sem precisar entrar no elemento ser tá antes de ir para a tela do meu computador vou te pedir para deixar um like no vídeo se inscrever no canal se você não foi inscrito acho que você é uma notificação me siga nas minhas redes sociais e clicar no link que eu vou deixar aqui na descrição para ir direto para o meu canal Vivo tá na

igreja tá bom para isso volto pra tela do meu computador agora então vamos lá pessoal eu estou aqui na loja do online shopping é uma loja para vendas de produtos como dropship que eu ensinei vocês a criar aqui no canal Disney criar essa loja completa e se você não viu vou deixar no caso na descrição para você conferir eu tô mostrando ela porque eu vou pegar uma arte aqui que eu usei nesse banho né só que eu vou fazer a configuração mesmo vai ser aqui no site do Rocket dropship um site que eu também sei

vocês a criar no canal Só que essa daqui a uma estrutura completa para infoprodutor porque lá na loja já tem muitos pulinhos eu não quero colocar mais tá mas beleza já tinha até usado é esse site exemplo para ensinar vocês vão usar esse plugin que é o pote e como eu falei para vocês dá para fazer muita coisa com ele então se você ainda não tem nem falado você vai vir para mim adicionar novo mas você pode esse primeiro aqui você vai instalar e ativar tá pode ficar informado de conteúdo customizados E aí beleza depois

disso a gente precisa criar um a Binha aqui de banner Então a gente vai criar um novo pode quando você instala ele ele já fica sabendo aqui embaixo né aí você vai vir aqui em Adicionar novo a criar no aí a gente vai deixar esse primeiro conteúdo aqui tá eu tipo de post E aí vamos colocar banner como o rótulo aqui do nosso do nosso item e em singular e caderno plural é banners né Depois a gente vai clicar no próximo passo a E aí só isso aqui é mais nada Vamos clicar aqui me salvar

E aí você vai perceber que já apareceu abinha the banner is aqui né só que eu mostrei pra vocês na aula passada se a gente for aqui né adicionar um novo e não vai aparecer a imagem destacada não precisa vir aqui em opções avançadas vir aqui embaixo e permite a imagem destacada e eu vou colocar aqui me salvar tá se você quiser adicionar uma categoria para facilitar né se você tiver plano de não usar várias páginas e quiser colocar categorias para facilitar você precisa criar a opção de categorias aqui também então você vem me adicionar

novo a criar um novo escolhe taxonomia e coloca aqui categoria embaixo categorias próximo passo Oi e aí beleza aí você vai vir aqui me connections e vai selecionar onde é que você quer que apareça eu queria que aparece aqui no banner e vou clicar em salvar A beleza não é carregar aqui né que eu vim aqui banners Adicionar novo aí eu vim de casa dela aí eu vou colocar Apresente o título banner da home né pode colocar o tipo que você quiser aí que imagem destacada você vai falar para o cliente né que ele tem

que ver aqui imagem destacada e selecionar a imagem que ele quer que que aparece aqui no banner só tem que se atentar que a imagem ela tem que ser com tamanho de 1920 de largura pelo menos a altura vai depender do tamanho que você quer que fique mas a largura tem que ser 1920 para ficar certinho se ele colocou uma imagem Pequena aqui vai ficar tudo embaçado então eles têm que ser explicado para ele então ele vai selecionar aqui a imagem o arrastar a imagem para cá né vai deixar aqui ó e vai clicar em

publicar Beleza agora como que a gente vai fazer com que essa imagem aparece no banner a gente vai precisar de um outro mim vamos ver aqui em cubinhos Adicionar novo Vamos pesquisar por ele é customer is King E aí ficou ele e ele é costume King vamos instalar e ativar ele nosso clubinho aqui é uma benção Inclusive tem vídeo só sobre ele aqui no canal você deveria assistir aí beleza agora a gente vai criar um modelinho para o Bane a gente vai vir aqui em modelos Adicionar novo E aí vamos selecionar aqui para o loop

tá quando você instala o ele acostuma Skin que adiciona essa função aí a gente vai colocar por exemplo um banner da fome né o nome do modelo vamos ficar em criar modelo o quanto eu criei o meu modelo tava parecendo uma mensagem de erro pedindo para você tirar o método de conte porque o elemento eu não tava conseguindo editar esse modelo se estiver acontecendo com você você pode trocar de tema Eu Fiz alguns testes e para mim o que resolveu foi Alterar o tema que estava usando Hello e aí me parece que pelo menos na

sua vez são ele não tá compatível pois tudinho então eu vim troquei para esse tema aqui que eu não tenho um padrão para esse tema quer dizer que está da plantinha que não tem uma padrão aqui duas depressa tá beleza aí abre aqui o editor aí primeiro você pega aqui uma sessão a raça bem que biblioteca arrasta para cá uma imagem olha a imagem destacada é mais destacada do post né aqui tamanho da imagem você vai pegar completo aí eu percebo que ele tá pegando a imagem de post senão lá de banho para poder pegar

a imagem do Banner você tem que vir aqui na engrenagem visualizar configurações selecionar que opção banner e escolher aqui o banner é um banner que você tiver cadastrado não significa que vai ficar só nesse aqui tá eu só para ele puxar as configurações depois você Clique em aplicar e visualizar E aí ele vai puxar aqui a imagem que está no banner tá vendo aí você vai vir aqui clica aqui aí você vai deixar largura total ó e aqui em cima da coluna você vai deixar a ciência passamento tá aí depois você vai vir aqui clicar

em publicar adicionar condição sem condições e salvar aí você vai ir lá no editor do elemento da página que você quer tá Eu estou aqui na página home Vou colocar aqui no estudo de mim ainda Lembrando que esse tipo de banner aqui ele já tem que estar com a arte tá eu tenho que ter uma arte tal funciona melhor não funciona muito bem se você ainda tiver que escrever alguma coisa tem que tá quarto aí você vai escolher aqui né a sessão na hora que você for criar o banner aí você vai vir aqui na

biblioteca vai pegar um medi the post o Zé raspar para cá vai vir aqui na skin e vai escolher custo para você pegar um tipo de modelo customizado aí você vai vir aqui e vai pegar o modelo de banner da home só modelo que você criou tá vendo que aí ele coloca só as imagens é só que aí aqui você vai deixar um post com página e uma só coluna tá tranquilo já só uma imagem só que aqui perceba que ele ainda tá puxando the post por quê Porque você só tá dizendo aqui que tipo

de layout que você quer que apareça você não tá dizendo o que que você quer que aparência para você dizer o que que você quer que puxa aqui dessa imagem você tem que vir aqui em consulta ou então no seu pode está escrito Keri tá ele tá vendo que que a fonte está postes por isso que ele está aqui colocando uma foto e post você tem que selecionar ou banner tá E aí presente você tiver colocado na categoria você pode vir aqui selecionar a categoria eu aconselho que você faça assim se você tiver mais Bandeiras

né você vem aqui coloque assim e se ele é só manual dia que você vem escreve o nome exato tá vendo banner da home E aí ele vai puxar exatamente a imagem do Banner da homem aí para ficar na tela toda você vem aqui na sessão bem a largura do conteúdo deixe o orgulho Total esse orçamento da coluna você deixa sem espessamento E aí você vai ter um banner aqui e aí sempre que o cliente quiser trocar o por exemplo Vou atualizar esse daqui Ah tá e vou vir aqui na home e vamos olhar aqui

que a imagem vai estar e o tá vendo tá puxando a imagem aqui E aí se a pessoa quiser trocar o banner ela só vai vir aqui em banner né todos os banners vai ter um banner da Rubi ela vai clicar aqui de carro e aí ele só vai vir aqui na imagem destacada e vai alterar a imagem eu vou fazer alteração aqui para vocês verem nego enviar outra imagem para cá e vai ser essa imagem que que eu peguei e lá da outra loja né E aí só que aqui em alterar a imagem atualizar

E aí vamos olhar aqui recarregar e a imagem já vai carregar automaticamente aqui também você muda lá e ela já muda aqui automaticamente né bem legal para não deixar que o cliente em si aqui no elemento real sério alguma coisa que você não queira é isso pessoal Essa foi a aula de hoje se você curtiu deixa um like aqui pra mim se inscreve no canal ativo Sininho para receber notificação me segue nas minhas redes sociais e vai lá para o meu canal do telegram tá bom só isso um abraço até a próxima