Construindo uma seção de conteúdo dinâmico no Elementor

แชร์
ฝัง
  • เผยแพร่เมื่อ 18 ธ.ค. 2024

ความคิดเห็น • 95

  • @focopublicidade2058
    @focopublicidade2058 4 หลายเดือนก่อน +1

    Cara tentei fazer com o ajuda do chat gtp mas não deu certo, pedi pra ele indicar um video no youtube que falava sobre a questão e ele mandou seu link! Incrível, deu certo, perfeito. Gratidão

  • @gustavobraga4073
    @gustavobraga4073 ปีที่แล้ว

    Comentando mais uma vez aqui, só pra ajudar o video e o canal. Mandou benzaço. Fiz e deu certo. Obrigado.

  • @samuxui
    @samuxui 2 ปีที่แล้ว +1

    Passei para deixar OS PARABÉNS PELO CONTEÚDO!

    • @rogercostadev
      @rogercostadev  2 ปีที่แล้ว

      Faala samUX, obrigado meu brother! Te sigo lá no instagram, conteúdo top!

    • @samuxui
      @samuxui 2 ปีที่แล้ว

      @@rogercostadev Po Roger, vi hoje sua solicitação e quando vi nem acreditei disse: CARACA É O ROGER DO TH-cam hahah.
      É um prazer!!!
      Quem sabe não desenvolvemos um projeto no futuro, eu no UI e vc no DEV. Boa noite meu querido!

  • @ofelipepavani
    @ofelipepavani 3 ปีที่แล้ว +2

    Vai pra cima, meu velho!!!!

    • @rogercostadev
      @rogercostadev  3 ปีที่แล้ว

      Obrigado meu amigo! Tamo junto!

  • @filipecarvalho1569
    @filipecarvalho1569 ปีที่แล้ว

    CARA QUE CONTEÚDO IRADO! Parabéns, você me ajudou pra caramba, obrigado!!!

  • @larissamacedo4052
    @larissamacedo4052 3 ปีที่แล้ว +1

    Conheci seu Instagram ontem. Estou fazendo o passo a passo aqui junto com o vídeo. Valeu, Roger, muito bom!!!

    • @rogercostadev
      @rogercostadev  3 ปีที่แล้ว

      Qualquer dúvida, pode mandar aqui ou me chamar lá no instagram, Larissa :) @rogercostadev

  • @thiagofrancisco3486
    @thiagofrancisco3486 ปีที่แล้ว

    Simplesmente genial! Utilizei hoje para configurar um blog de lançamento, cada botão mostra uma aula em destaque e não precisamos mais criar uma página para cada aula! Muito obrigado por compartilhar seu conhecimento Roger!

  • @Frater-Binyamin
    @Frater-Binyamin ปีที่แล้ว

    Roger, você salvou minha vida rsrsrsrs.
    Eu tinha que fazer uma seção daquelas onde mostra a equipe com 4 fotos e no container ao lado apresentando o currículo de cada um. Apliquei as tuas instruções conforme o meu layout e funcionou tudo corretamente.
    Para dar uma incrementada ainda coloquei um botão dentro de cada seção do currículo onde abre um popup com mais informações sobre cada um.
    Interessante que funciona bem em qualquer estrutura que vc quiser aplicar. Show de bola, te agradeço grandemente a aula, já me inscrevi e deixei o like (pena que só pode dar um like, pois vale mil likes!).
    Um abração e muito sucesso pra ti!

  • @joaorabelo4473
    @joaorabelo4473 8 หลายเดือนก่อน +1

    Conteúdo excelente !!!

    • @rogercostadev
      @rogercostadev  8 หลายเดือนก่อน

      Obrigado meu brother, tamo junto!

  • @gustavobraga4073
    @gustavobraga4073 ปีที่แล้ว

    Caraaaaaaaaaaa do céu. Parabénzaço. O mundo é melhor por pessoas iguais a você. Mto obrigado mesmo.

  • @rebecaribeiro154
    @rebecaribeiro154 2 ปีที่แล้ว

    Me ajudou muito!
    Segui o passo a passo e deu tudo certo.
    Muito obrigada!!

  • @euthabis
    @euthabis 2 ปีที่แล้ว +1

    Pelo amor de Deus, que vídeo maravilhoso salvador da pátria! Eu passei A TARDE caçando algo que resolvesse esse meu problema,e o seu foi o ÚNICO que realmente me ajudou! Muiiiito obrigada! 😍

    • @rogercostadev
      @rogercostadev  2 ปีที่แล้ว

      Fico feliz que tenha te ajudado, Thabata :)) Me segue no Instagram que em breve lançarei novidades: @rogercostadev

  • @marcofactum5710
    @marcofactum5710 3 ปีที่แล้ว +1

    Muito obrigado pelo tempo que você dispôs a passar esse tutorial, Roger!
    Foi de extrema valia!!

    • @rogercostadev
      @rogercostadev  3 ปีที่แล้ว +1

      Obrigado, Marco! Fico feliz que tenha te ajudado de alguma forma. Em breve postarei mais conteúdos aqui no canal ajudando o pessoal com o Elementor. Dia 05/11 eu irei lançar o meu produto: pacote de scripts para Elementor. Me acompanha no instagram que irei postar mais sobre em breve: @rogercostadev :)

    • @marcofactum5710
      @marcofactum5710 3 ปีที่แล้ว

      @@rogercostadev Estou acompanhando lá, abraços!

  • @RaulRoccha
    @RaulRoccha ปีที่แล้ว

    Sensacional! Funcionou perfeitamente. Obrigado!

  • @DreamerPlayer
    @DreamerPlayer 3 ปีที่แล้ว +1

    Show!! Obrigado pela dica!! 🤜🏻🤛🏻📈🚀🌐

    • @rogercostadev
      @rogercostadev  3 ปีที่แล้ว

      Valeu e obrigado por ter gostado, Stewart! Qualquer dúvida chama ai.

  • @viniciusbmartins
    @viniciusbmartins 3 ปีที่แล้ว +1

    Dica top! Conteúdo show de bola! Imagino o que virá no seu produto digital! Parabéns!

    • @rogercostadev
      @rogercostadev  3 ปีที่แล้ว

      Obrigado, Vinícius! Rapaz, não querendo me gabar, mas vai vir coisa interessante :)

  • @itamarsilvajunior
    @itamarsilvajunior 2 ปีที่แล้ว +1

    Roger gloria a Deus pela sua vida, muito obrigado pelo script, ele me salvou em projeto de um cliente!

    • @rogercostadev
      @rogercostadev  2 ปีที่แล้ว +1

      Fico feliz que o script tenha te ajudo, Itamar! Qualquer coisa, chama ai! Eu tenho um produto digital, um pacote de scripts para Elementor, da uma olhada depois: rogercosta.dev/scripts-para-elementor :)

    • @itamarsilvajunior
      @itamarsilvajunior 2 ปีที่แล้ว

      @@rogercostadev Vou olhar demais!

  • @rodrigoeumermo5967
    @rodrigoeumermo5967 2 ปีที่แล้ว

    Cara, você explica muito fácil. Parabéns pelo vídeo. Você sabe fazer um site em ajax no wordpress, ou seja, acessar as páginas sem dar refresh nas páginas?

  • @rafaelberard
    @rafaelberard 3 ปีที่แล้ว

    adorei o video e o efeito, junto com sua didatica. Conheci vc por meio do Othon Ciparoni

  • @fellypesullivan6096
    @fellypesullivan6096 ปีที่แล้ว

    Você é simplesmente um GÊNIO! Muito obrigado por compartilhar tal conhecimento com a gente, isso contribui bastante. Parabéns.

    • @rogercostadev
      @rogercostadev  9 หลายเดือนก่อน +1

      Rapaz, não tinha visto esse comentário. Muuuiito obrigado!

    • @fellypesullivan6096
      @fellypesullivan6096 9 หลายเดือนก่อน

      @@rogercostadev Valeu, mestre! Hahaha

    • @rogercostadev
      @rogercostadev  9 หลายเดือนก่อน

      @@fellypesullivan6096 aproveitei e já atualizei o link para o script, que tava quebrado :D

  • @iure
    @iure 3 ปีที่แล้ว +1

    Muito bom, parabéns pelo conteúdo 🔥

    • @rogercostadev
      @rogercostadev  3 ปีที่แล้ว

      Obrigado pelo comentário! Qualquer dúvida, chama aI!

  • @clubedosinvestimentos
    @clubedosinvestimentos 2 ปีที่แล้ว +1

    Parabéns pela excelência em transmitir conhecimentos. Roger Costa, tem alguma forma de inserir atributos nos blocos e botões sem ter necessidade de comprar uma licença do Elementor? Obrigado!

  • @rogercostadev
    @rogercostadev  3 ปีที่แล้ว +8

    Pessoal, lancei uma atualização no código. Agora é possível habilitar ao clique do botão, dar scroll automaticamente para a seção de exibição.
    Para habilitar essa opção, na seção onde adicionou a classe use-hide-system, em atributos, adicione uma nova linha, caso você tenha adicionado já a configuração de opacidade e coloque:
    hide-system-scroll | 1
    Link com script atualizado:
    rogercosta.com.br/elescripts/script-de-conteudo-dinamico/

    • @kauanalexander-p4n
      @kauanalexander-p4n 7 หลายเดือนก่อน +1

      este link nao esta mais funcionando :( poderia disponibilizar um atualizado? ou o script aqui

    • @rogercostadev
      @rogercostadev  7 หลายเดือนก่อน

      @@kauanalexander-p4n na descrição do vídeo tem um link atualizado que leva pro Notion :)

    • @kauanalexander-p4n
      @kauanalexander-p4n 7 หลายเดือนก่อน

      @@rogercostadev obrigadooo, bom fiz o teste aqui funcionou mas se no lugar de imagens eu quisesse usar botoes. Tentei fazer da mesma forma mas nao funciona os botoes do wordpress vem com a funçao de colocar um link testei deixar sem o link e com o # mas nao funcionou. Teria uma outra forma para funcionar com Botoes?

  • @GustavoHenrique-gc8uw
    @GustavoHenrique-gc8uw ปีที่แล้ว

    BRABO

  • @edvaldosaturnino5162
    @edvaldosaturnino5162 2 ปีที่แล้ว

    CONTEÚDO SENSACIONAL ROGER!! MUITO OBRIGADOO!!
    Tive uma dúvida, tem como configurar o hide-system pra aumentar ou diminuir um fontsize e/ou criar um outline abaixo do texto (caso eu use um texto como o disparador action)???

    • @rogercostadev
      @rogercostadev  2 ปีที่แล้ว

      Olá Edvaldo! Fico grato por ter gostado do conteúdo! Sobre sua dúvida, é possível, sim, porém, apenas com CSS. Tive bastantes pessoas tendo essa mesma dúvida que você, e estou pensando em gravar algum vídeo sobre isso.

  • @gisellevitors2
    @gisellevitors2 2 ปีที่แล้ว +1

    Muito obrigada pelo conteúdo me ajudou bastante! Não consegui entender como adquirir os scripts para elementor no seu site. Como posso fazer para encolher a seção aberta clicando de novo no botão?

    • @rogercostadev
      @rogercostadev  2 ปีที่แล้ว +1

      Olá Giselle, entra em contato comigo pelo whatsapp que retiro suas dúvidas: 13 982280148 :)

  • @maisdesignporfavor2518
    @maisdesignporfavor2518 2 ปีที่แล้ว +1

    Parabéns, excelente projeto. Você fez o que muitos precisavam e nos ofereceu isto sem custo algum.
    Agora eu fiquei com uma questão. Como faria para ao clicar no botão funcionar o âncora para ir direto para a seção a ser mostrada.
    Exemplo: o botão está numa seção muito acima da que está oculta e quando você clicar no botão além de mostrar a seção, ainda dar scroll até a seção exibida?

    • @rogercostadev
      @rogercostadev  2 ปีที่แล้ว

      Fico feliz que o script tenha te ajudado. Sobre o scroll, tem uma opção que faz justamente isso, se eu não me engano eu adicionei depois que gravei o vídeo. Tenta o seguinte: vai onde você adicionou a classe CSS 'use-hide-system', e em atributos/attributes, adiciona essa nova opção: hide-system-scroll | 1

  • @scr1647
    @scr1647 2 ปีที่แล้ว

    Fala Roger! boa noite! muito bom o teu vídeo, me diz uma coisa funciona pra o container do elementor pró tambem? testei e nao funcionou

  • @leonardodossantosferreira6703
    @leonardodossantosferreira6703 4 หลายเดือนก่อน +1

    como faço para adiciona um X nas sessões de reação para fechar elas?
    outra pergunta, como que faço pra deixar a sessão fechada? exemplo: quando entro no site a sessão de REAÇÃO já está aberta. quero que ela abra somente se eu clicar nela! ou seja, quero que ela comece fechada.

  • @guilhermecoimbra4642
    @guilhermecoimbra4642 ปีที่แล้ว +1

    Fala Roger, parabéns pelo conteúdo.
    Estou com uma dúvida, quando coloco o código para funcionar, ele funciona perfeitamente, mas o id css para de funcionar, não consigo usar o botão com link ancora, tem alguma coisa que posso fazer para resolver isso?

  • @crocobrasil
    @crocobrasil 2 ปีที่แล้ว

    boa jovem,faz um curso de codigos voltados para elementor,so projetinhos assim.vai da bom.heheh

  • @davivilela
    @davivilela 3 ปีที่แล้ว +1

    Muito bom! Já estou imaginando aqui uma seção de depoimentos com esse código.
    Uma dúvida, tem como colocar uma borda colorida no elemento que estiver ativo/selecionado?

    • @rogercostadev
      @rogercostadev  3 ปีที่แล้ว +2

      Que bom que gostou! Claro. No código que enviei, tem uma classe CSS assim:
      .hide-system-action.ativo {
      opacity: 1 !important;
      }
      Nesse caso, você adiciona uma propriedade CSS abaixo da propriedade opacity, por exemplo:
      .hide-system-action.ativo {
      opacity: 1 !important;
      border: 1px solid #000000;
      }
      Onde esse border renderiza uma borda com 1px de espessura, sólida e com a cor preta (#000000). Caso queira mudar ela de cor, altere o código Hexadecimal da cor no final, ou se quiser deixar ela mais grossa, altere de 1px para o valor que queria, por exemplo 3px. Aconselho ir testando.

  • @andremarcondes5474
    @andremarcondes5474 3 ปีที่แล้ว +1

    Roger parabéns, perfeito, estou utilizando em uma página já, tem muitas possibilidades. Uma duvida: é possível usar com duas seções internas ao mesmo tempo? esconder duas seções ao mesmo tempo digo, eu tentei mas nao funcionou, tem que fazer alguma modificação no caso ?

    • @rogercostadev
      @rogercostadev  3 ปีที่แล้ว

      Olá, obrigado pelo feedback e por ter gostado! Então, no momento, o script só detecta uma seção. Mas irei fazer uma atualização em breve pra poder detectar quantas o usuário quiser, desde que o atributo hide-system-id for igual entre as seções e igual ao botão que realiza a ação. O que você pode tentar fazer, atualmente, é utilizar um plugin, acho que é o Happy Adons, nele você consegue colocar seção interna dentro de seção interna, então digamos que você crie uma SEÇÃO PAI, dentro da seção pai você adiciona 2 outras seções uma separada da outra, e aplica a classe CSS e o atributo hide-system-id no bloco dessa seção PAI. Acho que deve resolver ai, por enquanto :)

    • @joaolucascarvalho3164
      @joaolucascarvalho3164 2 ปีที่แล้ว

      @@rogercostadev Opa amigo, essa opção de aparecer mais de uma seção é dificil ser feito? estrou precisando pra um projeto, e esse seu video me sjudou muito

  • @joaovitorvogel3790
    @joaovitorvogel3790 3 ปีที่แล้ว +2

    Ótimo vídeo, ajudou muito! Só uma dúvida, tem como eu deixar todas as seções escondidas por padrão e só aparecer alguma quando eu clicar nas imagens? Porque a primeira seção está aparecendo pré-selecionada assim que eu abro o site...
    Obrigado!!

    • @ukelele_surf
      @ukelele_surf 2 ปีที่แล้ว

      olá, você conseguiu ver esta questão? pois estou com o mesmo problema

  • @brunofontana1631
    @brunofontana1631 2 ปีที่แล้ว +1

    Como fazer para que as sessões passem automaticamente?

  • @RobsonLima-ty4td
    @RobsonLima-ty4td ปีที่แล้ว

    O Wordpress atualizou e é impossível incluir sessões internas agora, somente conteiners.
    Talvez seja por isso que não está funcionando comigo. Segui o passo a passo certinho, mas por alguma razão não está funcionando.

  • @LexPlayGamesBR
    @LexPlayGamesBR ปีที่แล้ว

    Muito bom esse video...serio. Mas fiquei com uma duvida, eu tentei ocultar uma pagina de vendas inteira e não consegui. Só consigo ocultar o que está dentro da seção interna. Tem como ocultar uma seção inteira? Obrigado

  • @gabapsd8648
    @gabapsd8648 2 ปีที่แล้ว

    Funcina em 2 sessão ?Gostaria de fazer com um produto, ai a pessoas clicasse na quantidade, e aparece a foto do produto e outra sessão do lado com o valor

  • @alphabetmusicgroup
    @alphabetmusicgroup 3 ปีที่แล้ว +1

    Wow que legal, tipo eu tenho alunos certificados por mim. Eu posso criar a foto deles no lado esquerdo e ao clicar aparecer uma descrição de cada um sem criar várias páginas? É isso?.
    Vou tentar. Obrigado.

  • @jlitohm90
    @jlitohm90 3 ปีที่แล้ว +1

    Olá tudo bem? Bom vídeo parabéns.
    Me tira uma dúvida, como posso fazer para esconder a página de obrigado dos mecanismos de busca? Pois atualmente se uma pessoa pesquisar no google com o titulo do meu site aparece a página de OBG, mas eu não quero que essa página apareça.
    Resumindo: como ocultar uma página especifica no Wordprass?

    • @rogercostadev
      @rogercostadev  3 ปีที่แล้ว

      Opa, obrigado por ter gostado do conteúdo! Vamos lá: se você estiver utilizando algum plugin de SEO, entre na página de obrigado e tente procurar nas configurações se tem alguma seção do plugin de SEO, porque lá vai ter a opção de não indexar essa página. Exemplo, no Yoast SEO, você entra na página >> Lá no topo direito da página, clique no ícone do Yoast, no submenu que abre, procure pelo aba "Avançado", logo o primeiro ítem é referente a indexação da página, só marcar "Não". Se você estiver utilizando o plugin Rank Math, entre na página >> lá no topo direito da página, clique no ícone do Rank Math, que mostra o ícone + pontuação da página, ao abrir o submenu, clique na segunda aba, que é a "Avançado", nos meta tag robots, retire de "Indexar" e marque "Não indexar".
      Após isso, essa página em questão na será mais indexada. Caso você tenha acesso ao Google Search Console, entre nele, também, e no menu lateral esquerdo, na seção "Índice" vá em "Remoções" e solicite uma nova remoção de página e adiciona a sua URL da página de obrigado.

  • @WaveMeddia
    @WaveMeddia ปีที่แล้ว

    Fala Roger, tranquilo?
    Com o Widget de carrossel está dando bug já tentei de tudo e não consigo resolver, sabe o que é?

  • @brunorafaelmartins6254
    @brunorafaelmartins6254 2 ปีที่แล้ว

    Roger, o link para o script esta off, tem como disponibilizar novamente?

  • @oluanmontenegro
    @oluanmontenegro ปีที่แล้ว

    Links estao quebrados. tem como atualziar?

  • @FelipeRibeiro-ib1fv
    @FelipeRibeiro-ib1fv 11 หลายเดือนก่อน

    Roger, tudo bem?
    Ainda é possível disponibilizar os links? Estão fora do ar

    • @rogercostadev
      @rogercostadev  11 หลายเดือนก่อน

      Opa, me chama no WhatsApp: 13982280148, que te passo por lá :)

  • @leonardojuliano2537
    @leonardojuliano2537 2 ปีที่แล้ว +1

    Não estou conseguindo entrar no link do código, alguém pode disponibilizar ?

    • @rogercostadev
      @rogercostadev  2 ปีที่แล้ว

      Olá Leonardo. O link está offline, mesmo, no momento. Me chama no WhatsApp que te envio o código do vídeo: 13 982280148.

  • @guilhermesantana6045
    @guilhermesantana6045 ปีที่แล้ว

    Opa, mano o link tá quebrado tem algum novo?

  • @guilhermefranca130
    @guilhermefranca130 ปีที่แล้ว

    tem como disponibilizar o link?

  • @marcmenezes123
    @marcmenezes123 2 ปีที่แล้ว

    Eu consigo fazer utilizando o elementor Free ?

  • @juliosilva2822
    @juliosilva2822 2 ปีที่แล้ว +1

    Onde que compra seus script?

    • @rogercostadev
      @rogercostadev  2 ปีที่แล้ว

      Fala Júlio, obrigado pelo interesse. Pode comprar aqui: rogercosta.com.br ou me chama no WhatsApp 13 982280148

  • @viniciosdsgn
    @viniciosdsgn 2 ปีที่แล้ว +1

    vai funcionar com o container agora?

    • @rogercostadev
      @rogercostadev  2 ปีที่แล้ว

      Opa, então, não tem porque não funcionar.

  • @ukelele_surf
    @ukelele_surf 3 ปีที่แล้ว +1

    Roger, quando eu colo o código html na sessão, a sessão de "reaction" deixa de aparecer, pode me ajudar?

    • @rogercostadev
      @rogercostadev  3 ปีที่แล้ว +1

      Opa, boa meu amigo. Tenta adicionar uma nova atualização que fiz no código. Encontra-se aqui: rogercosta.com.br/elescripts/script-de-conteudo-dinamico/

    • @ukelele_surf
      @ukelele_surf 3 ปีที่แล้ว

      @@rogercostadev deu certo amigo! muito obrigado!

    • @ukelele_surf
      @ukelele_surf 2 ปีที่แล้ว

      opa! Fala Roger, queria deixar um botão como padrão, mas não está aparecendo mais, você pode me ajudar?

  • @herculanoandrade
    @herculanoandrade 3 ปีที่แล้ว +1

    Muito bom! Mas com o ELEMENTOR é só criar âncoras, só isso!!! Correto?

    • @rogercostadev
      @rogercostadev  3 ปีที่แล้ว

      Obrigado, Herculano! Então, com ancoras elas só te levarão pra seção em sí, mas não consegue esconder/mostrar a seção. Pra ter algo mais parecido com o que fiz no vídeo, você pode usar o widget de abas, porém, ainda assim as abas só se limitam naquele propósito: criar abas. Entendendo o uso das classes CSS no script que montei, você pode montar vários layouts diferentes.

    • @herculanoandrade
      @herculanoandrade 3 ปีที่แล้ว

      @@rogercostadev Ok, Tudo bem!

  • @maritrevisann
    @maritrevisann 9 หลายเดือนก่อน

    que penaaa que não está funcionando o link do script 😪 queria tentar

    • @rogercostadev
      @rogercostadev  9 หลายเดือนก่อน

      Oiii, atualizei o link com o script na descrição do vídeo ^^

  • @mikellison
    @mikellison 2 ปีที่แล้ว +1

    Não funciona, pelo menos nessa nova versão do Elementor

    • @rogercostadev
      @rogercostadev  2 ปีที่แล้ว

      Deve tá fazendo algo errado, pois está funcionando, sim. rogercosta.com.br/demonstracao-script-de-conteudo-dinamico/