Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como criar um portfólio filtrável no WordPress

Nota editorial: Ganhamos uma comissão de links de parceiros no WPBeginner. As comissões não afetam as opiniões ou avaliações de nossos editores. Saiba mais sobre Processo editorial.

Deseja adicionar um portfólio filtrável no WordPress?

Um portfólio filtrável permite que os visitantes do seu site classifiquem e visualizem os itens do seu portfólio com base em tags. Isso ajuda a mostrar diferentes estilos do seu trabalho, e os usuários podem descobrir itens que os interessam.

Neste artigo, mostraremos a você como criar facilmente um portfólio filtrável no WordPress.

How to Create a Filterable Portfolio in WordPress

Por que criar um portfólio filtrável no WordPress?

A maioria dos fotógrafos e designers cria belos portfólios mostrando suas melhores fotografias. Entretanto, às vezes, as pessoas que desejam contratá-lo podem querer saber se você já fez algo semelhante antes.

Por exemplo, alguém que esteja procurando um fotógrafo de moda pode querer ver seu trabalho anterior em moda.

A adição de filtros ao seu portfólio permite que você mostre seu trabalho sob diferentes tags. Isso também ajuda os usuários a classificar facilmente os itens do seu portfólio.

Filterable Portfolio Example

Dito isso, vamos dar uma olhada em como criar facilmente um portfólio filtrável no seu site WordPress sem escrever nenhum código.

Tutorial em vídeo

Subscribe to WPBeginner

Se você não gostar do vídeo ou precisar de mais instruções, continue lendo.

Como criar um portfólio filtrável no WordPress

Primeiro, você precisará instalar e ativar o plug-in Envira Gallery. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.

O Envira Gallery é um plug-in premium do WordPress, e você precisará de pelo menos o plano Silver para acessar o complemento Tags.

Para obter mais detalhes, consulte nossa análise completa da Envira Gallery.

Após a ativação, você precisa visitar a página Envira Gallery ” Configurações para inserir sua chave de licença. Você pode obter essas informações em sua conta no site do Envira Gallery.

Add Envira Gallery License Key

Depois de inserir a chave, você deve clicar no botão “Verify Key” (Verificar chave). Você verá uma mensagem informando que o site agora está recebendo atualizações.

Em seguida, você precisa instalar o complemento de tags. Para fazer isso, vá para a página Envira Gallery ” Addons e encontre o complemento Tags.

Install Envira Gallery Tags Addon

Depois de encontrá-lo, você precisa clicar no botão “Install” (Instalar).

O Envira Gallery buscará e instalará o complemento para você e, em seguida, você precisará clicar no botão “Activate” (Ativar) para começar a usar o complemento.

Activate Envira Gallery Tags Addon

Agora, você está pronto para criar seu portfólio filtrável.

Vá até a página Envira Gallery ” Add New para criar sua primeira galeria e dar um nome a ela.

Upload Your Photographs

Se quiser fazer upload de suas fotos para a galeria, clique no botão “Select Files from Your Computer” (Selecionar arquivos do seu computador).

Se as fotos já estiverem na biblioteca de mídia do WordPress, clique no botão “Select Files from Other Sources” (Selecionar arquivos de outras fontes).

A Envira fará o upload e inserirá esses arquivos em sua galeria. Quando isso for feito, você poderá rolar para baixo para ver suas imagens.

Envira Currently in Your Gallery

Agora, você precisa clicar no ícone de lápis para editar uma imagem.

Isso abrirá uma janela pop-up na qual você poderá adicionar as tags e outros metadados às suas fotos.

Add Tags to Your Photos

Digite as tags que deseja atribuir a essa foto. Você pode adicionar várias tags separadas por vírgula. Quando terminar, clique no botão “Save Metadata” (Salvar metadados) para armazenar suas tags.

Agora, você precisa repetir o processo para adicionar tags a todas as imagens de sua galeria.

Depois de adicionar tags às suas fotos, clique na guia “Tags” à esquerda da página da galeria. É aqui que você pode ativar ou desativar a filtragem de tags para sua galeria.

Enable Filtering for Your Gallery

É necessário marcar a caixa “Enable Tag Filtering?” (Ativar filtragem de tags?) para ativar a filtragem de tags, e você poderá ver as configurações dessa opção.

Você pode mostrar as tags acima ou abaixo da galeria, mostrar todas as tags ou selecionar as tags a serem mostradas e definir outras configurações de exibição.

Quando terminar, basta clicar no botão “Publish” (Publicar) para tornar sua galeria ativa. Sua galeria de portfólio agora está pronta para ser adicionada ao seu site.

Adição do portfólio filtrável ao seu site WordPress

Agora você pode criar o post ou a página onde deseja exibir seu portfólio filtrável. Se estiver usando o editor de blocos, basta adicionar um bloco da Galeria Envira ao artigo.

Add an Envira Gallery Block to a Post or Page

Depois disso, você deve clicar no menu suspenso “Search for a gallery” (Procurar uma galeria) e selecionar a galeria que publicou anteriormente.

Se estiver usando o editor clássico, clique no botão “Add Gallery” (Adicionar galeria) que se encontra abaixo do título do post ou da página.

Add Envira Gallery to Classic Editor

Isso abrirá uma janela pop-up na qual você poderá selecionar a galeria que acabou de criar e inseri-la em sua postagem e página do WordPress.

Agora você pode atualizar o post ou a página para salvar as alterações e visualizar o site para ver o portfólio filtrável em ação.

Preview of a Filterable Portfolio Gallery

Se você quiser saber mais sobre o que pode fazer com o Envira Gallery, dê uma olhada nestes tutoriais:

Esperamos que este artigo tenha ajudado você a adicionar um portfólio filtrável no WordPress. Talvez você também queira saber como acelerar o WordPress salvando imagens otimizadas para a Web ou ver nossa lista dos melhores plug-ins do Instagram para WordPress.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

4 ComentáriosDeixe uma resposta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Haim says

    All the photo galleries I found so far that support Tags allow filtering one tag at a time. I’d like to implement gallery where I can filter based on multiple tags to get the photos having ALL the tags. For that the Tag selection should be in a checkbox form to allow checking more than one. Can anyone point me to such solution for WP? Thanks.

  3. Lewis says

    Really awesome article, I loved this theme and soon I will be hiring a web developer to build me a theme like this. Thanks!

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.