Como Criar Página de Blog, Categoria e Busca com Elementor PRO (100% Personalizadas)
19.746 visualizações • 10 de out. de 2021 • Veja nesse tutorial Elementor pro Como Criar Página de Blog, Categoria e Busca com Elementor PRO (100% Personalizadas). Crie um layout personalizado para a página de Blog, página de categoria e página de resultado de busca com o Elementor Page Builder (Elementor pro) e melhore a experiência do usuário que navega em seu site/blog. 👉Entre e participe em meu canal VIP no Telegram: https://t.me/descomplicandosites ❤️ 👉Se inscreva no canal: https://bit.ly/QueroMeInscreverDS ✔️Adquira o Elementor Pro aqui: https://elementor.com/?ref=12430 ✔️🔥🔥🔥Hostinger: Hospedagem de Sites anuais com até 90% OFF + 7% OFF pelo link https://hostinger.com/descomplicandos... + Cupom DESCOMPLICANDOSITES 🔥🔥🔥 ✔️Crocoblock Elementor (Todos os Jet) - https://bit.ly/JetPlugins ✔️Plugin de Otimização e Performance que uso em meus sites: https://bit.ly/OtimizacaoWP-Rocket ✔️Coloque um Chat JivoChat em seu Site. Ganhe 30 dias de teste grátis + descontos pelo link https://descomplicandosites.com.br/ji... + Cupom: DESCOMPLICANDOSITES Visite meu site: http://descomplicandosites.com.br 🔻Você pode gostar também🔻: Como criar Página de POST Personalizada com Elementor | Modelo de Post - https://youtu.be/rAOznn52yqg Como Adequar o Site WordPress a LGPD (Lei Geral de Proteção de Dados) - https://youtu.be/8FTbfFgyB-M Como Integrar o MAILCHIMP NO ELEMENTOR Pro (Criando e configurando a lista e o formulário) - https://youtu.be/q0-KgCelzgM Como Inserir MODELOS DINÂMICOS do Elementor Pro dentro do Conteúdo do Post - https://youtu.be/pbNFHxcDzp8 Como Fazer um BANNER PARA SITE (Manipulando artes do Freepik) passo a passo - https://youtu.be/hMZ1XD9nXN0 Como Criar uma LOJA VIRTUAL no WordPress com Woocommerce e Elementor (Passo a Passo) - https://youtu.be/oCSBeAxAWSo Como Vender Sites, Onde Encontrar Clientes (A última dica vai mudar a sua vida) 🤑 - https://youtu.be/DWR1hCun4Bc Aulão: Como CRIAR UM SITE PROFISSIONAL e Completo com Elementor e WordPress (Passo a Passo) - https://youtu.be/8fYG5vF7dek 🔻PlayLists:🔻 - Blog WordPress Elementor - http://bit.ly/BlogWPElementor - Como Criar Sites Completos Passo a Passo: https://bit.ly/ComoCriarSitesDoZero - Dicas de Design com Elementor: https://bit.ly/DicasDesignComElementor - Menus com Elementor: https://bit.ly/MenusComElementor - Popups com Elementor: https://bit.ly/PopupsComElementor - Marketing Digital com Elementor/WordPress: https://bit.ly/MktElementorWP - Personalizando o Woocommerce com Elementor: https://bit.ly/WooComElementor - Como usar os Plugins do Crocoblock(Família Jet): http://bit.ly/PlayListCrocoblock ☑️ Como Criar Página de Blog, Categoria e Busca com Elementor PRO (100% Personalizadas) Compartilhe o Vídeo - https://youtu.be/xMYwMvMn5xw Quem cria sites e Blogs com Wordpress, Elementor e Área de Blog na Loja Virtual com Woocommerce, com certeza já percebeu que ao criar o site/blog/loja virtual completamente do zero e personalizado com o elementor pro, tanto a página de blog quanto os posts, categorias e a página de resultado de pesquisa de posts, não são bonitos e agradáveis, seguem o layout do tema utilizado(Geralmente dos Temas OceanWP e HelloElementor que são os mais utilizados). Pensando nisso e também a pedidos dos seguidores, resolvi criar esse tutorial de Como Criar Página de Blog, Categoria e Busca com Elementor PRO (100% Personalizadas). Somando esse tutorial de como criar uma pagina de blog, página de categoria e página de resultados de busca com o de “Como criar Página de POST Personalizada com Elementor | Modelo de Post” que já postei aqui no canal, já é possível criar um blog completo com Wordpress e Elementor. Com esses dois vídeos, as dúvidas de: como criar um blog no Elementor pro, como criar pagina de blog Elementor, como criar um blog e como criar template para blog, são sanadas. Para esse tutorial, é preciso usar a versão premium do Elementor, ou seja, o Elementor pro. Pois é com o pro que é possível criar os modelos que serão aplicados na página de blog, página de posts, página de categorias e de resultados de busca. 👉Se inscreva e ative o sininho das notificações para ver novos vídeo e dicas sobre Wordpress, Elementor, Woocommerce, Servidores e de como Viver de Criação de Sites. Clique aqui: https://bit.ly/QueroMeInscreverDS 📍 Sigam minhas redes sociais 💲 Instagram - https://instagram.com/descomplicandos... 💲 Telegram - https://t.me/descomplicandosites 💲 Facebook - http://facebook.com/descomplicandosites Boa Aula! Com amor, Micaela Soares – Descomplicando Sites. #ComoCriarPaginaBlog #Elementor #Blog Mostrar menos Mostrar mais
e fala pessoal tudo bem aqui é Micaela tô descomplicado sites e nesse vídeo eu vou te ensinar a fazer uma página de blog para o seu site usando o elemento ar é bom pessoal eu já fiz um vídeo aqui no canal e se não vocês a criarem a página singular de post que aquela página que você clica no post e abre né um post expandido se você quiser ver eu vou deixar um card aqui em cima para você ir lá conferir e hoje nesse vídeo eu vou te ensinar a fazer a página de blog mesmo para a gente arquivos onde
ficam todos os que você vai criando tá bom antes de começar o vídeo e hoje eu vou pedir para você deixar o like aqui para mim se inscrever no canal se você ainda não foi inscrito ativar o Sininho para receber uma notificação sempre que eu postar um vídeo novo aqui no canal e me seguiram nas minhas redes sociais para a gente poder interarticular e clicar no link que eu vou deixar aqui na descrição para ir direto lá para o meu canal vivo seu telegram tá bom só isso vamos para a tela do meu
computador agora então vamos lá pessoal eu já estou aqui no painel administrativo da isto depressa eu tenho algum o que achas aqui criados e olha só mas eu não tenho nenhuma página de Poxa ainda não tem nenhuma página de Blog Verdade aqui nesse site só tem um menino e o rodapé tá aí eu vou ensinar para vocês agora criar essa página de blog nós vamos ver aqui no painel de hoje preso vamos ver aqui modelos Adicionar novo E aí nós vamos escolher a função arquivo nós vamos co locar página de blog
que vamos clicar em criar modelos e pronto aí agora nesse modelo aqui a gente pode começar o desenvolvimento do layout que da nossa página eu vou fazer um banner aqui olha pegar uma sessão de um coluna só ouvir aqui estilo tipo de fundo imagem vou pegar uma imagem que que eu criei Vou colocar aqui no tamanho preenchimento preenchimento completo vou vir aqui em avançado eu vou colocar 50 de pede e vou ver aqui vou criar um jeito e vou escrever o nosso blog eu v ou colocar o azul aqui que eu
quero eu vou colocar fonte Balu e o colocar peso 500 ou eu vou colocar a tamanho e o E aí E aí a 45 e deixar tamanho 45 aí eu vou duplicar aqui esse título eu vou colar uma frase aqui informações úteis para você para que você se mantenha atualizado por mim que Nesse estilo nem tipografia vou diminuir aqui para 20 e vou deixar a fonte conforta O que é essa fonte aqui ó as informações úteis para que você se mantenha atualizado aí eu vou vir aqui na s eção ouvir layout vou vir aqui em altura eu vou
colocar a altura mínima para expandir aqui o pô o banner e eu vou deixar assim eu vou e salvando tá sempre clica aqui vai salvando para não perder na se acontecer alguma coisa Oi e aí agora eu vou fazer a parte de baixo aqui do nosso blog que aonde vai haver os postes aqui eu vou pegar uma sessão aqui com duas colunas vou arrastar essa coluna para cá ouvir aqui na sessão em avançado colocar 50 de pede aí vou vir aqui nessa coluna a ouvi r em avançado e em pé gente colocar trintas de espaçamento
ouvinte Nesse estilo em borda ó e vou configurar aqui eu quero 100000 17 ó e aqui me borrava deixar 17 quem E aí eu vou vir aqui eu vou pegar o bilhete de postes e do elemento vou colar aqui aí eu vou vir aqui me Skin eu vou escolher a função Card ele já vem com uma essa função casa já vem com a pré-configuração tá vendo já fica com uma sombra já fica com esse efeito na imagem então eu gosto bastante só vou mudar aqui para c olunas vou deixar duas colunas para ficar dois pushes aqui de cada vez
tá vou vir aqui eu vou desativar o avatar que essa imagens em que aparece aqui então aqui em Avatar e vou desativar tu tá aqui em rede Mor eu vou escrever leia mais ó e vou desativar também você funciona Dick de comentários para saber quantos comentários tem vamos ativar vou deixar o de data eu vou vir aqui nesse estilo agora vou configurar vou vir aqui em casa é eu não vou vir aqui direto na no conteúdo é aí vou vir aqui no título a tipografia do título aí vou colocar tops tamanho e também 18 e
aqui na meta descrição que esse aqui de baixo e colocar poppin eu não vou ter ao tamanho deixa a si mesmo aqui no resumo que Xperia U e eu vou deixar o tamanho 15 Ford Pops também E aí E aí Azul deixar também 14 e aqui na Ri Marquinhos leia mais eu vou colocar o azul de novo que esse azul aqui ó E aí vou colocar a fonte para o PIN eu vou colocar peso 800 aqui tamanho vou colocar a 15 e eu aliás vai di minuir o peso há 700 pronto e vou salvar aqui de novo né Aí já vai estar olha pronta que os
nossos caríssimos aqui fica essa função de colocar em Card na função Card fica muito bem configurar a Dinho já aí falta a gente ajustar poucas coisas tá vendo que tem as categorias aqui também vão ajustar aqui aqui imagem a onde tem bem titia aqui a gente vai pegar uma cor aqui eu vou pegar essa cor azul e vai colocar aqui na cor de fundo aí eu vou mudar a cor do texto para branco Oi e a t ipografia em baixo uma daquela foca em mim os próprios peso E aí E aí vai ser aqui a categoria que vai estar
aparecendo tá é para configurar deixar a paginação já configurada vou vir aqui também que eu deixei duas colunas e 100 esportes por página né eu vou vir aqui me paginação vou deixar aqui os números mais próximo mais anterior e reativar a paginação mas não tá mostrando aqui porque eu tenho só seis puxos publicados e a gente configurou que para aparecer feio configurar para apare cer quatro só até hoje está aí tá assim né aí tenho que o número aí aqui na onde tem esses ícones eu vou vir aqui no
w3schools e vou pegar um outro tipo de ícone o canal Pink pesquisar E aí vou ver se eu consigo achar assim quando aqui eu achei a família do ícone aí eu vou procurar um outro ícone de certinho aqui olha que tenho melhor que isso daqui aí eu vou pegar essa certinho 15 Cosmo que vai copiar aí Oi e aí aqui antes da palavra eu vou colocar a certinha chover coloquei a se tinha na direção errada né Vou colocar aqui nesse aqui a certinha de baixo escrever o próximo o disco debaixo não pode esquecer
do ponto e, tá senão não fica certinho próximo e esse aqui de cima vou traduzir para a inter o piu o a estação anterior vou pegar certinho certo aqui que é dessa direção aqui e eu vou colar nesse aqui e pronto agora tá certo certinho está para cá agora eu vou vir aqui nesse estilo em paginação tipografia colocar Font Poppins eu vou colocar aqui peso há 6 00 ouvir aqui É nesse espacinho aqui debaixo que é o espaço entre é a paginação e os tomates vou deixar 54 aqui vou vir aqui pegar o meu azul
escuro o técnico vou deixar o poço escuro E errou ver eu vou colocar esse azul claro e inativo eu vou colocar o azul claro e também é E aí E aí agora que eu já configurei que a minha paginação eu vou voltar aqui e deixar sem expor páginas para aparecer tá só que aí quando eu tiver mais buchas do que seis aí automaticamente já vai aparecer a p ágina são que que já tá configurado né aí agora eu vou fazer a barriga aqui do lado vou vir aqui na biblioteca vou pegar o bilhete de categorias Vou colocar
aqui categorias a aí já tá limpando todas as categorias aí não é elemento a gente aqui aqui noite toda a gente não consegue editar a gente tem que ir para o editor de tema mas a gente consegue editar o tema com próprio elemento você clica aqui nessas três barrinhas de cima vem aqui estilo do tema E aí quem tipografia a gente conse gue configurar tem os links aqui eu vou com vou configurar para aparecer os links é com esse azul escuro bolacha mudou a discografia dos links vou deixar pop-up E aí o
ok esse aqui se não me engano é um h5 deixa eu testar aqui é isso mesmo lugar cinco vou deixar tamanho a 22 aqui cor azul a fotografia Font Poppins i o e peso O opa tava mexendo de baixo aqui tipografia o peso 700 e fonte pop e um aliado diminuir o peso para 600 e um OK aí já vai ficar com as configurações aqui de tipo grafia E aí vou atualizei né Aí vou fechar aqui aí vai fechar o editor do tema vou voltar de todo elemento eu vou vir aqui nessa coluna vou vir aqui em avançado ouvir aqui pezinho
vai desencorajadores império e aqui na esquerda eu vou colocar 30 de espaçamento para não ficar tão colado assim colar com a sessão aqui verdade eu vou aumentar um pouquinho sucessão deixar ela tamanho 28 aqui e ela fica um pouquinho mais larga e pronto eu vou vir aqui na coluna e vou aumentar um pouquinho também tchau 40 ok ok e agora eu vou pegar uma imagem Vou colocar aqui que largura colocar todo tava cheia aí vou pegar a imagem aqui da Gisela tchau aqui a dona do blog e vai escrever os
posts e vou ver que estilo arredondamento aqui vou mudar de pizza para porcentagem e colocassem para ficar redondinho a foto aí vou vir aqui em largura máxima eu vou deixar 50 por cento aqui para ficar desse tamanho de imagem aí vou pegar um texto aí vou pegar um texto aqui e vou colar aqui olha Às vezes você fazia isso é um ser dito aqui e não aparece aqui aí que que você faz controlar a control x a excluir né aí comprou ver que aí cola de novo aí vem aqui em still ou centralizar ao ouvir que a
gente fotografia eu vou mudar para Font Poppins outra vou colocar também 14 aqui um acordo deixar esse cinza mesmo eu vou aumentar um pouquinho para a mãe eu vou deixar também 16 aqui aqui na imagem pouca um pouquinho de espaço a 20 de ped eu vou voltar aqui no texto dela eu vou colo car justificado bom e como isso aqui tá alinhando para cá nós estava ficando muito bom visualmente ele ficar ele ficar centralizada aqui e não ia ficar legal se ficasse também Centralizado por configurado para casa
aí vou vir aqui vou estar no texto aqui vou fazer uma ajuste Mas é uma quebra de linha aqui Oi e aí vou botar aqui na discografia e vai diminuir aqui o espaço traz entre a fonte e a acho que vai dormir de novo tamanho aqui eu vou vir aqui e na frase educação mudou minha v ida e vou colocar centralizada emojis educação canção da minha vida e deixa embaixo pronto aí agora eu vou e pegar um outro título aqui vou colocar aqui embaixo aí Vou escrever sim fique ligar ó e vou colocar e a nossa quase
escuro a colocação de Sporting o tamanho a 22 Oi e aí eu vou vir vou fazer um formulário aqui de Denis leary vou ganhar um celular aqui do elemento E aí e coloca aqui vou excluir esse dá caixa de mensagem vou deixar seu nome e-mail vou vir aqui tirar o Label o uvir aqui em botão ó e vou aqui isso permite botão inscrever cada pra e quem raiva biquíni estilo O que Freud cebolitos para o grafia eu vou colocar Font Poppins Qual é a cor da borda Vou deixar um cinza bem clarinho o arredondamento vou
deixar 30 de arredondamento eu vou escurecer um pouquinho mais aqui e a borda aí agora no botão e na cor de fundo aqui pode background vou colocar esse esse em qualquer isso azul escuro a bobina discografia vou deixar Fontes Poppins o peso 500 o bi quíni moda raios vou deixar 30 E aí e pronto uma coisa que faltou aqui vou vir aqui em conteúdo adicionar um ícone aqui de aceite né que você não se você não viu eu fiz um vídeo aqui no canal ensinando você a se adequar às novas leis de proteção de
dados Então você tem que colocar quando for formar e sim você tem que colocar esse entende aceite entre outras coisas que eu ensinei no outro vídeo Vou deixar um card aqui para você que eu vou vir aqui vou procurar o item de aceite vou vir aqui eu vou pegar uma igreja de texto só para fazer um HTML aqui local onde eu te texto aqui vou colocar assim lhe e com acordo com os termos de polícia e privacidade E ai aqui nesse política e privacidade eu vou vir aqui nesse ícone Zinho aqui para colar um
link aí vou ver aqui em páginas já vou deixar linkado aqui a página de política de privacidade não tiver aqui aí a pessoa consegue explicar Aí eu vou vir aqui no aqui nessa função texto eu vou copiar o HTML e foi gerado aí e u vou voltar aqui para o meu formulário aí aqui no item aqui no texto do aceite eu vou colocar esse textinho cliente aí que me Label eu vou colocar aceite eu vou te deixar obrigatório eu ia deixar você decidir concordo com os termos de parede de privacidade que a pessoa já
pode clicar aqui para ir lá para a página para ver salvar Oi e aí eu vou deixar assim nossa nossa página vai ficar com banner aqui aqui essa sessão com os nossos buchas e aqui essa Barrinha aqui de pesquisa aí ag ora a gente vai salvar aquele carne publicar adicionar uma condição deixar em todos os arquivos arquivos e vamos clicar em salvar e aí que a gente vai fazer depois reparem que não deu a página de blog aqui eu vou só ficar aqui em adicionar uma nova Deixa eu voltar aqui ao paz
nos adicionar uma nova E aí vou blog E aí vou vir aqui publicar e foi isso a e agora eu vou virar voltar aqui no Expresso vou vir aqui embaixo em configurações leitura aí aqui em página de postes eu v ou selecionar a página blog para ser a minha página de poxa e quem aí seu acessar o site aqui agora é e não tem ainda no me no eu vou vir aqui em aparência menos vou colocar a página de blog aqui alguém te ver tudo aí você vai ser na blog adicionar um menu eu vou arrastar para cá eu vou salvar E aí
só só o site agora sim vai aparecer blog aí só clicar aqui no blog vai aparecer a página a gente cadastrou vou só voltar aqui na página para colocar uns efeitos de movimento ou clicar aqui no título e não avançado E aí fez movimento eu vou colocar aqui I had left e no texto de baixo também houve ninguém feio de movimento para colocar faz de Minecraft o q e aqui nos postos eu também vou em que nem avançado e fiz de movimento e também vou colocar faz em Leste aqui para os pulsos aparecerem
assim Oi e aí percebo alguma coisa aqui em cima tem uma lupinha de busca né só que se eu buscar algum posto aqui presente tiver um convite você escrever alguma coisa aqui assim G1 e eu vou voltar para a mesma página eu não vou pesquisar só o que que tem escrito aqui me convide entendeu E se eu clicar aqui ninguém está e eu também não vou conseguir a selecionar nada categorizar nada porque porque a gente precisa fazer uma página específica também para a categoria C busca para que quando
você pesquise retorne não todos os rostos como está aqui mas sim apenas o post relacionado a categoria ou assunto que você pesquisou é para fazer isso a gente vai v ir aqui no painel vamos ver aqui no modelo Adicionar novo e vamos ver aqui vamos adicionar arquivo de novo aí vamos colocar assim ó página de busca e categorias E aí vamos tocar em criar modelo e fechar e vamos ver aqui na pastinha Vamos ir em modelos aqui em página de blog nós vamos inserir né a gente importar a página que a gente
acabou de fazer e aí o que a gente vai fazer é só vir aqui nós widget usa aqui vamos procurar aqui a função de consulta atual Então você vai vir aqui ne ssa segunda/né não voltar para o inglês aqui geralmente está em inglês Keri puxe aí você deixa aqui é o corte querem que voltando aqui para português chama consulta atual isso quer dizer que quando a pessoa pesquisa alguma coisa ele vai puxar da consulta atual da pesquisa atual da pessoa então a gente vai publicar adicionar uma condição aí a
gente vai colocar aqui resultado de busca senhor Jesus e vamos também adicionar um outro para categorias as categorias todas as categorias e vamos clicar em salvar e você sabe fazer uma alteração aqui aqui nessa goviti nos pouches em layout aqui vou trocar a imagem para tela cheia Às vezes você deixar 300 ele fica com imagem embaçada vou fazer isso nessa página e nesse outro aqui também deixa a imagem em tela cheia quem Beleza agora vamos testar aqui né e olha só que se a gente ficar
em bem-estar e vai aparecer só os posts relacionados ao bem-estar sas-3 se eu escrever com vídeo aqui por exemplo E aí o e pesqu isar vai me retornar só o post que tem a ver com convite tá vendo Oi e aí como a gente configurou a página de busca e de categoria fico funcionando então quando você clicar em alguma categoria eu fizer algum busca ele vai te retornar só o resultado referente ao que Você pesquisou só isso pessoal Essa foi a aula de hoje eu espero que vocês tenham gostado se você gostou
deixa um like aqui para mim deixa um comentário dizendo se esse vídeo te ajudou se inscreve no canal se você ainda n ão foi inscrito Ative o Sininho para receber notificações sempre que eu postar um vídeo novo aqui no canal e Instagram nas minhas redes sociais para a gente poder interagir por lá e também clica no link que eu vou deixar aqui na descrição para ir direto lá para o meu Canal VIP do telegram Tá bom então é isso um abraço até a próxima tchau tchau tchau Português (gerada
automaticamente) usca%20com%20Elementor%20PRO%20(100%%20Personalizadas)
0 Comentários