[0.48] se você tá precisando construir um
[2.96] sumário de categorias tags qualquer
[5.799] termo do WordPress ou seja uma taxonomia
[8.32] clica nesse vídeo até o final porque eu
[9.4] vou te mostrar um componente para
[11] Elementor que eu desenvolvi que vai
[12.799] resolver o seu problema olha só eu tô
[15.32] aqui na minha tela ó com um sumário de
[17.4] categorias e tags nesse caso aqui eu tô
[19.6] usando as categorias nativas do
[21.16] WordPress lá dos posts né mas se você
[23.4] tivesse feito com jetingi a sua própria
[25.519] taxonomia você também poderia estar
[27.199] fazendo então um sumário dessas
[29.119] categorias do jetingi olha só como é que
[31.56] funciona né ó tem um componentezinho que
[33.48] ele vai trazer então todas as palavras
[36.16] né das categorias que eu criei lá no
[38.64] meus posts que começam com a letra A com
[41.12] a letra B e na frente ele coloca quantos
[43.8] posts tem relacionado a esse termo né
[46.68] então quando eu clico aqui em
[48.48] alimentação ele me leva pro archive de
[52.239] alimentação trazendo os posts que estão
[55.32] relacionados tá bom esse archive aqui
[57.48] você tem que saber fazer ou tentar
[59.6] aprender a fazer lá no curso Jetmas onde
[61.48] eu te ensino tudo sobre Jet Engine né
[63.76] mas talvez alguns temas já venham com
[66.2] esse lance já pronto apesar que o
[68.24] próprio WordPress nativo já tem um
[69.799] archive padrão né mas se você quiser
[72.159] fazer um bonitinho aí você precisa
[73.32] entender do jetinge mas o meu componente
[75.84] ele faz isso ele te permite selecionar a
[78.64] categoria e ela vai ficar toda
[80.759] organizadinha assim ó a B C D todos os
[83.56] termos que você cadastrou lá nas
[85.159] categorias vão ficar em ordem de sumário
[88.64] aqui olha só que legal ó no final ó 0 1
[92] né e se eu quisesse o contrário da gente
[93.479] de começar com o número depois letra
[95.04] também dá e ele faz isso ele organiza
[97.799] para você em ordem alfabética ele coloca
[100] aqui também os contadores de postagens
[102.04] na frente de cada palavra e pronto é
[104.92] responsivo então se você tiver no tablet
[108.079] ou no celular ele também vai ficar
[110.2] bonitinho ó olha que legal né vai ter
[112.2] essa responsividade e o mais legal de
[114.6] tudo né é editável olha só uma vez que
[116.799] você instala esse plugin né ó o
[118.52] pluginzinho tá aqui ó é o sumário de
[120.6] taxonomias do Dante Test você vai
[122.479] instalar esse pluginzinho aqui depois
[124.64] você vai entrar numa página qualquer aí
[126.6] do teu Elementor vai colocar um título
[128.84] por você queira exemplo né aqui no meu
[130.8] caso é categorias do post né então ó
[133.319] sumário de categorias para facilitar o
[135.319] exemplo ó vou deletar o meu aqui ó
[136.84] excluir pronto ficou só o título agora
[138.92] vou vir aqui na área de componentes ó no
[140.879] maisinho aqui ó e vou procurar por
[142.879] sumário ó lá sumário de taxonomias e vou
[145.28] arrastar aqui embaixo o componente ele
[147.4] começa desse jeito meio feiozão tá e aí
[149.76] que que você vai fazer você vai
[151.16] selecionar quais taxonomias que você
[153.44] quer utilizar no meu caso aqui ó
[155.04] categorias tags formatos então ó tags
[157.879] ele vai pegar todas as tags que eu tenho
[159.879] todos os formatos são taxonomias
[162.28] internas ali do WordPress tá ó
[164.159] categorias então se você tiver o Jet
[166.36] Engine é bem provável que se você criou
[168.519] alguma taxonomia ela vai aparecer nessa
[170.44] caixinha aqui para você selecionar
[172.239] beleza eu tenho só categorias porque
[173.76] esse site aqui não tem jetingindo
[175.68] categorias tipo de ordenação alfabética
[178.48] ou numérica se eu pôr numérica começa
[180.56] com os números depois as letras se eu
[182.48] colocar alfabética ele coloca então
[185] começando pelo A B C e por últim os
[186.84] números qual que é o iconezinho que eu
[188.879] quero que fique na frente aqui dos itens
[191.879] se você quiser um iconezinho se você não
[193.519] quiser não precisa pôr nada você pode
[194.72] até deletar isso aqui já era né ah não
[197.04] eu quero pôr um iconezinho quero colocar
[198.72] aqui um um chequezinho aqui sei lá
[200.799] alguma coisinha assim ó bolinha beleza ó
[203.28] você seleciona o ícone aqui aqui embaixo
[205.84] ó layout responsivo número de colunas ó
[209.56] no computador né eu tô na versão de PC
[211.84] uma coluna duas colunas três colunas
[215.68] quatro colunas olha aí colocou com
[217.56] quatro colunas pra gente agora se eu
[220.239] vier aqui no modo tablet ó eu posso
[222.239] mudar então o de tablet para três por
[224.92] exemplo e eu posso vir no de celular e
[227.56] deixar para um que ele já faz automático
[229.28] aqui também mas você também poderia
[230.76] forçar aqui para duas se caso você
[233.12] tivesse usando umas fontes menorzinhas
[234.72] né vou deixar com um aqui para ficar
[236.28] mais legal e pronto ele é responsível
[239.48] aqui em cima né então você controla o
[241.84] conteúdo dele no estilo é onde vem a
[244.72] mágica das coisas então por exemplo aqui
[246.319] eu tenho espaçamento entre os itens né
[248.12] então ó o espaçamento entre as linhas eu
[250.36] posso deixar tudo grudado ó pode ver que
[251.959] ele dá um espaçamento proporcional ali ó
[253.84] vou deixar 40 pixels índice alfabético
[256.199] ou seja as letrinhas aqui ó as as
[258.16] letrinhas que ficam no índice tem a
[260.239] fonte então eu posso mudar aqui o padrão
[262.6] da fonte se você não quiser essa fonte
[264.12] aí você pode escolher a fonte que você
[265.44] quiser o tamanho que você quiser né ou o
[268.96] peso que você quiser então você pode
[270.52] deixar mais gordinho mais fininho você
[272.68] que decide aí dependendo da do tipo de
[275] fonte que você escolher tá bom não
[276.96] preciso me detalhar nisso né cor do
[279.24] índice ou seja eu posso escolher a cor
[281.16] que eu quero que o índice fique e a cor
[283.12] da borda que é essa linhazinha que fica
[284.919] embaixo então eu posso vir aqui ó
[286.68] colocar a linhazinha preta e o índice
[289.16] verde por exemplo vou fechar aqui o
[290.8] índice e olha quando eu clico aqui em
[292.8] ícone ó aparece aqui ó tamanho do ícone
[295.44] tava zerado por isso que não tava
[297.039] aparecendo então eu vou colocar aqui
[298.479] assim ó 20 e olha só lá o iconezinho
[301.68] apareceu posso deixar um pouquinho menor
[304.759] aqui eu tenho o espaçamento ou seja se
[306.52] ele tá mais longe ou mais perto do ícone
[308.6] né ó vou deixar no zero aqui e eu tenho
[311.32] também a cor do ícone então eu posso
[313.08] falar que o ícone podia ser verde também
[314.8] ó para acompanhar a cor do índice e aqui
[317.84] embaixo eu tenho também o link né olha
[320.759] só eu tenho a cor do link então eu tenho
[323.36] a cor do link que eu posso pegar uma cor
[325.16] padrão aqui ó poder preto por exemplo e
[328.28] no hover quando eu passar o mouse eu
[330.039] quero que fique verde então ó quando eu
[331.4] passo o mouse fica verdinho e tem o
[333.68] computador além disso também posso mexer
[335.4] aqui na fonte tá então se eu quiser uma
[336.84] fonte menorzinha olha que legal eu
[338.6] consigo fazer ó né esse alinhamento aí
[341.56] quando você clicar aqui em índice
[343.24] alfabético ó ele tiver aberto ó você vai
[345.639] ver que tem um ícone aqui ó espaçamento
[347.56] inferior do ícone ó ó é a distância
[350.84] entre o topo do ícone tá bom se você
[354.4] fechar esse índice ó índice alfabético o
[357.56] meu ícone aqui ele vira outra coisa ó
[359.4] que é o tamanho do ícone e o a cor do
[362.12] ícone tá então presta bastante atenção
[363.8] para não se confundir tá quando esse
[365.8] aqui tá aberto ó ele só mexe no tamanho
[367.919] do ícone e na cor do ícone quando esse
[369.88] de cima aqui tá aberto ele te dá aqui o
[372.08] espaçamento inferior que tá relacionado
[374.319] ao ícone né então tá aí contador ó a
[377.72] gente tem aqui a cor do índice ó então
[379.56] olha só posso colocar aqui a cor do
[381.319] contador ó posso deixar azulzinho e ó lá
[383.599] fica tudo azulzinho ou posso colocar uma
[385.639] outra cor que você queira olha só
[388.12] colocar aqui ó laranja vermelho e aí eu
[390.8] tenho contadorzinho do jeito que você
[393.52] quiser ou seja super personalizado esse
[395.759] componente não é mesmo e tá aí ó pronto
[398.56] basta testar agora e a gente tem aqui o
[400.8] nosso sumário responsivo de categorias
[404.56] com esse efeitinho e tudo mais olha que
[406.599] bacana né cara ficou bem legal esse
[408.44] sumário lembrando da ordenação aqui né
[410.88] que eu te mostrei ó se você não quiser
[412.44] desse jeito você pode voltar aqui e
[414.319] ordenar por ordem numérica e pronto
[417.16] agora ele vai ficar ordenado em vez de
[420.639] ser A B C ele vai colocar aqui 0 1 né e
[424.319] assim vai e aí gostou desse componente
[426.4] quer ter ele para você aqui embaixo do
[428.599] meu vídeo vai ter um linkzinho pro meu
[430.039] WhatsApp senta em contato comigo lá que
[432.16] eu vou te vender uma cópia desse
[433.639] pluginzinho para você usar à vontade aí
[435.36] nos teus projetos beleza colabora com o
[437.52] meu trabalho assim eu sempre trago
[439.199] soluções porque isso aqui foi uma dor
[441.639] que teve lá no meu curso Jetmaster teve
[443.84] um aluno o Rafael Dias ele falou: “Dante
[446.199] eu precisava fazer isso com um cliente
[448] cara me pagou aqui para fazer um projeto
[449.84] e eu falei: “Cara vou fazer esse
[451.039] pluginzinho para você” e lá no curso
[452.96] Jetmaster que é esse treinamento aqui
[454.44] que eu tô mostrando na tela eu
[455.8] desenvolvi ao vivo com ele esse
[457.72] pluginzinho lá a gente fez uma versão um
[459.759] pouquinho mais simples na hora da aula
[461.12] ali porque não deu tanto tempo de fazer
[462.759] mas depois no dia seguinte eu aprimorei
[464.479] e deixei desse jeitinho que você tá aqui
[466.599] mas na aula lá eu já consegui resolver o
[468.919] problema dele já entreguei para ele um
[470.28] pluginzinho que já resolvi o problema né
[473] ou seja lá no Jetmaster além de você
[476.199] aprender um monte de coisa sobre
[477.759] WordPress element desenvolvimento em
[480.159] geral eu também te ensino a fazer
[481.879] pequenos plugins como esse utilizando
[483.919] inteligência artificial quer aprender
[486.52] então se inscreve já no treinamento J
[488.28] Master é o único no Brasil que tem isso
[489.879] aqui ó suporte ao vivo das 8 às 5 da
[492.44] tarde você aprende comigo olho no olho
[495.199] lá a criar sites avançados e muito mais
[498.24] tá bom galera então é isso se você
[500.039] gostou desse sumário e quer ter ele para
[502.08] você entra em contato comigo que a gente
[503.479] negocia lá beleza abraço tchau tchau
