Principais conclusões
- O widget Portfolio da Elementor está na lista Pro Ele puxa de posts ou um tipo de post personalizado e constrói as guias de filtro a partir de seus termos de taxonomia.
- Em uma instalação gratuita do Elementor, você pode construir a mesma grade manualmente, onde cada projeto é um item que você preenche, em vez de postar as consultas do widget.
- A rota construída à mão dá a cada projeto um título, uma legenda, até dois botões com seus próprios URLs e uma faixa de opções como Novo ou Popular.
- Não é pós-driven, então um novo projeto significa adicionar um item, não publicar um post Para um estúdio com oito a trinta peças que geralmente é um comércio justo.
- Decida como o trabalho é armazenado: se seus projetos já são posts com categorias, o widget Pro ganha; se eles vivem em uma pasta de imagens, a grade manual é mais rápida.
Uma página de portfólio tem que mostrar o trabalho, deixar as pessoas restringi-lo ao tipo de trabalho que eles vieram para, e dar-lhes uma maneira através do detalhe A barra de filtro lida com a parte do meio, transformando um longo pergaminho em dois cliques.
Elementor tem um widget para isso e fica atrás do Pro. Esta postagem cobre o que esse widget faz, depois a rota manual que funciona em uma instalação gratuita, com os limites de cada um.
Índice
O que o widget Elementor Portfolio faz
Portfolio é um widget Pro, e a parte importante é de onde vem seu conteúdo: ele executa uma consulta Você aponta para postagens ou um tipo de postagem personalizado, define Posts Per Page e o widget constrói a grade a partir da imagem em destaque e do título de cada postagem.
A barra de filtro é uma seção separada no painel com seu próprio interruptor Mostrar, que está desligado por padrão, e um dropdown Taxonomia Escolha a taxonomia e seus termos se tornam as guias Esse é o passo que as pessoas perdem quando perguntam por que seu widget Portfolio não tem filtro.
O layout oferece colunas responsivas de 1 a 6, começando em 3 na área de trabalho, 2 no tablet e 1 no celular, um switch Masonry e um controle deslizante Item Ratio que corta cada cartão na mesma proporção quando a alvenaria está desligada.
Quando seus projetos já existem como posts, isso é uma vantagem real: publicar um estudo de caso, marcá-lo, e ele aparece na grade sem trabalho de layout O custo é que o cartão mostra o que o post detém Não há por campos de projeto, e todo o cartão links para o post.
A outra captura é a óbvia Ele precisa de Pro, e se o seu trabalho não é armazenado como posts você tem que criar um post para cada projeto antes que o widget tem algo para mostrar.
A rota manual em uma instalação gratuita
A outra maneira é um widget de galeria que filtra, onde cada projeto é uma linha que você preenche. O Galeria de imagens filtráveis funciona desta forma e é executado em uma instalação gratuita do Elementor, portanto as etapas são:
- Solte o widget na página e adicione um item por projeto no repetidor de Conteúdo da Galeria.
- Dê a cada item um Rótulo de Filtro Esse texto se torna a aba, então “Branding”, “Web” e “Photography” dão três abas mais a aba Todos.
- Preencha o título e o subtítulo Um nome de projeto e uma linha como “Brand identity, 2026” geralmente são suficientes.
- Adicione um botão, ou dois, apontando para o site ao vivo e para o estudo de caso.
- Defina colunas e decida se deseja cortar as cartas para uma altura uniforme com a proporção de aspecto da imagem.
Clique em uma guia e a grade se estreitará para essa categoria sem recarregar a página.
O que acontece em um cartão de projeto
Cada linha repetidora carrega os campos que compõem o cartão, e isso é o que você obtém em troca de preenchê-los à mão.
| Campo | Use-o para |
|---|---|
| Etiqueta do filtro | A guia da categoria. Vírgula separada quando um projeto pertence a dois. |
| Título | O nome do projeto. |
| Legenda | Cliente, disciplina ou ano. “Identidade da marca, 2026” lê bem. |
| Fita | Um crachá de canto A lista predefinida inclui Novo, Popular, Venda e Atualizado. |
| Botão Um e Botão Dois | Dois links por cartão, para que se possa ir ao site ao vivo e um ao estudo de caso. |
| Pop-up ou links | Abra a imagem em uma caixa de luz em vez de mandar as pessoas embora. |
Vale a pena pensar em um portfólio. Um emblema “New” em seu projeto mais recente chama a atenção para o trabalho que você mais deseja ver, e uma grade simples não tem como fazer isso.
Qual rota se encaixa no seu site
| Widget de portfólio de elementadores | Widget de galeria filtrável | |
|---|---|---|
| Precisa do Elementor Pro | Sim | Não |
| Onde vivem os projetos | Postagens ou um tipo de postagem personalizado | Itens que você preenche na página |
| As abas de filtro vêm de | Termos de taxonomia, depois de ligar a barra de filtro | O rótulo do filtro em cada item |
| Adicionando um projeto posteriormente | Publique um post, aparece | Adicione um item e salve a página |
| Por botões de projeto | Não | Dois, cada um com seu próprio URL |
| Distintivo ou fita | Não | Sim |
| Colunas | 1 a 6, responsivo | 1 a 6, um valor para todas as telas |
| Maçonaria | Sim, um interruptor | Um interruptor, mas a grade permanece em fileiras |
| Lightbox na imagem | Não, todo o cartão tem links para a postagem | Sim, com a opção pop-up |
| Melhor para | Sites onde estudos de caso já são posts | Estúdios com um conjunto fixo de peças |
Há uma linha de volume nesta decisão também Em oito a trinta projetos, o preenchimento de itens é rápido e você obtém os controles por cartão Passado cem, um widget orientado por consulta é a opção mais limpa, porque ninguém quer manter cem linhas repetidoras à mão.
Cinco coisas que fazem uma grade de portfólio funcionar
- Mantenha as categorias em quatro ou cinco Nove guias é um segundo menu de navegação com o nome de um filtro nele.
- Decida cortar cedo A proporção de aspecto da imagem corta cada carta na mesma altura; deixá-la fora mantém as proporções de cada imagem.
- Escreva legendas que digam alguma coisa. “Cliente, ano” bate “Projeto” em cada carta.
- Escolha um clique de comportamento por cartão. Uma caixa de luz e um botão de estudo de caso no mesmo cartão fazem duas promessas diferentes.
- Verifique a contagem de colunas em um telefone O valor Colunas se aplica a cada tamanho de tela, portanto, três colunas na área de trabalho é onde um telefone também começa.
Perguntas frequentes
O widget Elementor Portfolio é gratuito?
Não, Portfolio é um widget Pro. O plugin gratuito possui o widget Galeria de Imagens, que é uma grade com uma lightbox e sem barra de filtro.
Posso construir um portfólio filtrável sem o Elementor Pro?
Sim, com um widget de addon que filtra uma grelha As categorias vêm de um rótulo que você digita em cada item, em vez de taxonomia post.
Um projeto pode aparecer em duas categorias?
Sim. Coloque ambos os nomes no campo Rótulo do Filtro, separados por uma vírgula.
A grade pode extrair meus projetos dos posts?
Não com a rota manual A galeria é uma lista de itens que você preenche, então um novo projeto significa adicionar um item Se uma grade conduzida por postagem é o que você precisa, esse é o trabalho do widget Pro Portfolio.
Quantos projetos são demais para uma grade construída manualmente?
Não há limite rígido, mas todo item carrega com a página, já que o widget não tem mais carga ou paginação Cerca de trinta a quarenta peças é um teto confortável.
Pensamentos finais
Ambas as rotas terminam com a mesma coisa na tela: uma grade, uma linha de botões de categoria e trabalho que um visitante pode estreitar em um clique. Onde seus projetos ao vivo decide qual você usa. As postagens com categorias apontam para o widget Pro. Uma pasta de imagens e uma pequena lista de disciplinas apontam para a grade manual, que não solicita licença.
Leitura relacionada
