• Recursos
  • Modelos
  • Preços
  • Portuguese
  • Recursos
  • Modelos
  • Preços
  • Portuguese

Third-Party Plugins (44)

Estatísticas do bbPress
Profissional
Formulário de resposta do bbPress
Profissional
Índice do fórum do bbPress
Profissional
Formulário de fórum do bbPress
Profissional
Tags de tópico do bbPress
Profissional
Formulário de tópico do bbPress
Profissional
Fórum único do bbPress
Profissional
Tópico único do bbPress
Profissional
bbPress Resposta única
Profissional
Tag única do bbPress
Profissional
Carrossel do LearnPress
Profissional
Grade do LearnPress
Profissional
EDD Product Review Carousel
Profissional
Avaliações de produtos EDD
Profissional
Mini carrinho EDD
Profissional
Carrinho EDD
Profissional
Grade de categorias EDD
Profissional
Produto EDD
Profissional
Grade de cursos do Tutor LMS
Grátis
Totais de doações
Profissional
Dar Meta
Profissional
Give Histórico de doações
Profissional
Give Donor Wall
Profissional
Grade do formulário de doação
Profissional
Dar recibo
Profissional
Editor de portfólio do EDD
Profissional
Histórico do EDD
Profissional
Grade do calendário de eventos
Grátis
Grade de depoimentos
Grátis
Download do Monitor
Profissional
Galeria de portfólio / Grade
Profissional Popular
Perfil filantrópico
Profissional
Estatuto de caridade
Profissional
Registro de caridade
Profissional
Login beneficente
Profissional
Formulário de doação beneficente
Profissional
Doações filantrópicas
Profissional
Doadores filantrópicos
Profissional
Campanhas beneficentes
Profissional
Calendly
Grátis
Grupo BuddyPress
Profissional
Amigos do BuddyPress
Profissional
Membro do BuddyPress
Profissional
bbPress
Profissional
Ops! Seu widget pesquisado não foi encontrado! Você tem alguma ideia? Se sim, Enviar aqui

Olá, pessoal. Este é um tutorial passo a passo para criar um portfólio perfeito usando o Elementor para seu site. Muitas vezes, em ocasiões diferentes, você pode ter problemas ao criar um portfólio que combine com seu tema. Para aliviar seu problema, hoje vou mostrar como criar um portfólio usando o Elementor que se adapte a todas as ocasiões.

Observe que o Widget da Galeria de portfólio que usei neste tutorial é um produto da Element Pack Pro. Portanto, sugiro que você o adquira antes de começar.

Antes de começar, você deve precisar:

  • WordPress ativo
  • Plugin Elementor Page Builder
  • Plug-in Element Pack Pro

Antes de prosseguir, instale Elementor Element Pack em seu painel de controle. É um processo fácil, pois você precisa instalá-los no menu Plugins. Basta clicar em Add New (Adicionar novo) e adicioná-los pesquisando seus nomes. Essa é a primeira etapa da criação de um portfólio usando o construtor de páginas Elementor.

Instalação do widget Portfolio Gallery

Installing Portfolio Gallery Widget

Para começar, vá para Element Pack menu do plug-in de WordPress painel de controle. Lá, na seção Widgets de terceirosClique no botão de download para fazer o download e instalar Galeria de portfólio widget. Em seguida, basta ativá-lo com um clique.

Configuração do widget Portfolio Gallery

Configuring widget in dashboard

Depois de instalar o widget, ele criará automaticamente um menu em seu painel. Para criar um portfólio usando o Elementor e o widget Portfolio Gallery, você deve ter portfólios inseridos em seu painel. Para fazer isso, vá para Dashboard > Portfólio > Adicionar novo item. Aqui, você pode adicionar seus itens ao portfólio. Nessa parte, você pode adicionar um nome ao seu item.

Configuring widget in dashboard

Novamente, você pode escrever um Excerto para cada um de seus itens e selecione um Imagem em destaque. É isso aí! Aperte o botão Publicar e seus itens estarão agora no portfólio. É muito fácil criar um portfólio usando o Elementor.

Configuring widget in dashboard

Novamente, certifique-se de categorizar seus itens ou produtos para o portfólio. A criação de uma boa categoria não apenas torna o portfólio bonito, mas também fácil de usar. A próxima etapa, para criar um portfólio usando o Element, é o editor de páginas.

Nova página para o portfólio usando o Elementor

Making a page for creating a portfolio using elementor

Em seu painel, vá para Páginas> Adicionar nova. Você precisa colocar um título para a página, como mostra a imagem. Em seguida, clique em Editar com Elementor.

Installing Rooten theme

Observe que estou usando Raiz para este tutorial. É um produto premium com grande potencial. Esse é o tema mais leve e mais rápido otimizado para o WordPress. Raiz oferece uma grande variedade de conteúdo personalizável com obras de arte elegantes. Esse tema torna tudo mais fácil e simples para os usuários. É um tema fácil de usar para criar um portfólio usando o Elementor.

Blog para você
Blogs mais populares

Saiba mais sobre o WordPress

Criação de um portfólio usando o Elementor e o widget Portfolio Gallery

Inserção do widget

Editing the page for creating a portfolio using elementor

Primeiro, você precisa arrastar e soltar o widget do menu de widgets. Embora essa tarefa não seja nada de especial. Mas como muitos são novatos no Elementor, essa etapa pode ajudá-los um pouco.

Primeira visão do portfólio - guia Conteúdo

customizing

Depois de inserir o widget, você verá a mensagem Layout aberta a partir da seção Conteúdo tab. Essa guia contém as configurações básicas do widget de portfólio. Como você pode ver, a guia Pele é definido como Padrão. A primeira imagem está um pouco escurecida devido ao fato de o mouse ter passado sobre ela.

No entanto, é possível alterar o tamanho da imagem e ativar a paginação ou a alvenaria nessa seção. A seção Pele ajuda você a criar seu portfólio exclusivo usando o Elementor.

Consulta ao portfólio usando Elementor

customizing

É aqui que você especifica a categoria de produtos ou itens que deseja mostrar no portfólio. Se você escolher Seleção manual no Fonte você pode selecionar uma categoria. É a categoria que você criou no painel ao criar esse portfólio usando o Elementor.

Você também pode determinar o número de produtos exibidos em uma página. Além disso, você pode definir a ordem e compensá-la. Essas são as funções básicas de seu portfólio.

customizing portfolio using elementor

Depois de definir a consulta, você pode ver o seletor para ativar a barra de filtros. Ela mostra quantas categorias você inseriu no portfólio. É útil e informativo para os visitantes. Além disso, a opção da barra de filtros facilita a escolha dos produtos pelos clientes. Você precisa dela para criar um bom portfólio usando o Elementor.

Opções adicionais para o portfólio usando o Elementor

customizing

No Adicional você tem mais alguns seletores e controladores suspensos. Na verdade, você pode mostrar/ocultar o título, o trecho ou as categorias. No entanto, ativar/desativar esses seletores fará o trabalho. Observe atentamente a seção Efeito de inclinação e Zoom ao passar o mouse comutadores.

customizing

Este é o Prévia mostrando a ação dos dois alternadores. A adição desses efeitos não apenas enriquecerá seu portfólio, mas também deixará os visitantes satisfeitos.

Agora que você já concluiu o básico, é hora de adicionar um pouco de pimenta ao prato. Vamos passar para o Estilo guia.

Estilize seu portfólio usando o Elementor

Atenção!!!

customizing portfolio using elementor

Antes de continuar, vou alterar o Pele para Abetis. Isso trará o título e o trecho para a imagem. O motivo é que isso lhe dará mais visibilidade e ocupará menos espaço.

No entanto, todas as configurações anteriores ainda permanecem anexadas. Portanto, certifique-se de dar outra olhada na seção Pele opção.

Blog para você
Blogs mais populares

Saiba mais sobre o WordPress

Personalização da aparência do portfólio usando o Elementor

customizing

A primeira seção Itens permite que você ajuste os espaços entre colunas e linhas dos itens. Quanto mais você aumentar os espaços, mais o tamanho dos itens diminuirá. Isso acontece porque eles estão em um espaço limitado. Portanto, certifique-se de manter os espaços ideais.

Além disso, você pode ajustar o raio da borda a partir daqui. Como mostra a imagem, eu lhes dei formas exclusivas com o Border Radius. Basta colocar 77 números no campo Topo Parte inferior campos.

Novamente, você pode alterar a cor e o alinhamento dos títulos de todos os itens ao mesmo tempo. No entanto, certifique-se de escolher uma tipografia exclusiva que represente sua marca. Você também pode alterar a tipografia e a cor do trecho na próxima seção.

Criar botões exclusivos para o portfólio usando o Elementor

customizing

Vamos deixar as coisas um pouco mais picantes. Ligue o Raio avançado e dê uma olhada. Assim, você verá os ícones aparecerem em um formato estranho e legal. Isso pode ser feito na seção Botão na guia de estilo. No entanto, não se esqueça de alterar a cor conforme desejar.

customizing portfolio

Depois disso, altere o alinhamento e o espaço inferior da barra de filtros de acordo com seu gosto. Não se esqueça de alterar a cor e a tipografia. Quanto mais refinada for a aparência de seu portfólio, mais ele atrairá visitantes. Portanto, tenha isso em mente.

Além disso, alterar a aparência da paginação da última seção também é um bom negócio.

Opções adicionais e aparência final do portfólio

customizing

Depois de todas essas personalizações, ainda há algo errado. Vamos incluir a animação e torná-la completa. A partir do Avançado vá para a guia Efeitos de movimento seção. Assim como acima, escolha uma animação de entrada para o portfólio.

customizing

Depois disso, coloque uma cor gradiente no plano de fundo para criar um tom claro-escuro. Você pode fazer isso na seção Histórico seção. Simplesmente, vá para Guia Estilo> Plano de fundo.

Tudo pronto! Dê uma olhada no produto final.

customizing

Portanto, o portfólio está completo. Não há necessidade de me agradecer. Entretanto, siga estas etapas cuidadosamente. Crie um portfólio exclusivo e impressionante usando o Elementor.

Conteúdo de bônus - O pacote de widgets tudo em um Para o Elementor que você sempre precisou!

Element Pack is the best widget pack for Elementor

Element Pack é o complemento mais otimizado com base no WordPress Elementor para criar seu site premium.

Esse plug-in tem um vasto inventário pronto para ser implantado em seu site. Também com Mais de 190 plug-ins, 270+ páginas prontas para uso, mais de 1800 blocos exclusivosO Element Pack alcançou a posição de Top 5 em todo o mundo.

Obtenha uma licença EP e PS gratuita (vitalícia)

Estamos realizando um programa de brindes para nossos amados consumidores e assinantes que estão conectados ao nosso site oficial BDthemes.com

Visitar Element Pack ou Controle deslizante principal e compartilhe conosco suas ideias. Os vencedores sortudos receberão uma licença vitalícia no valor de $100. Você só precisa de um minuto para participar.

Participe do programa Give Away

O que todo designer de sites bem-sucedido deseja são ferramentas premium e otimizadas. E Element Pack responde com confiança a esse desejo. Portanto, não hesite muito e corra para lá!

Obrigado por ler este blog. Tenha um ótimo dia!

Direitos autorais © 2025 BdThemes. Todos os direitos reservados.

Money Transfer Logo