Personalize as páginas que mostram as coleções e os projetos do seu portfólio. Selecione elementos nas páginas para descobrir e explorar as opções de personalização. Você também pode adicionar ou remover elementos manualmente, como faria para outras páginas no seu Editor.
O Portfólio Wix é construído em páginas dinâmicas que permitem que você aplique uma página de template a todos os projetos. Isso significa que, se você adicionar ou remover elementos adicionais em um projeto, essas alterações nas imagens ou na caixa de texto serão aplicadas a todos os seus projetos.
As páginas do seu portfólio consistem em:
- Portfólio: a página principal onde suas coleções são exibidas. Pense nisso como a página inicial do seu portfólio.
- Páginas de coleção: as páginas que exibem todos os projetos que aparecem na coleção selecionada.
- Páginas de projeto: as páginas que exibem as informações e a mídia de cada projeto.
Neste artigo, saiba mais sobre:
Personalizar a página principal do portfólio
Edite o background da página do portfólio, as configurações de esticar e a galeria do portfólio. Essa é a página "inicial" do seu portfólio que exibe suas coleções. Se você tiver apenas uma coleção visível, essa página exibirá seus projetos.
Para personalizar a página do portfólio:
- Clique em Páginas e menu
no lado esquerdo do editor. - Clique em Páginas de portfólio e selecione a página Portfólio.
- Clique no elemento Página de portfólio no seu editor.
- Escolha o que você quer fazer:
Editar background da página do portfólio
- Clique no ícone Design
no elemento Página de portfólio.
- Selecione Background.
- Personalize a cor e a opacidade do background, a borda, os cantos e a sombra da página do portfólio.
Definir as configurações de esticar
Você pode manter o elemento da página do portfólio esticado para toda a largura do seu site ou configurá-lo para aparecer apenas dentro das
linhas de grade do Editor.
- Clique no ícone Esticar
no elemento Página de portfólio. - Clique na alavanca para escolher a largura do elemento:
- Ativada: o elemento Página do portfólio se estende para preencher a largura do seu site. Use o slider Margens para definir a distância entre as bordas do seu site e o elemento.
- Desativada: o elemento Página do portfólio aparece dentro das linhas de grade do Editor e não preenche a largura do seu site.
Alterar a ordem em que as coleções aparecem na página do portfólio.
- Clique em Gerenciar coleções.
- Arraste e solte suas coleções para alterar a ordem em que elas aparecem no seu portfólio.
Personalizar as páginas da coleção
Depois que os visitantes selecionam uma coleção na página do portfólio, eles são levados para as páginas de coleção. Essas páginas exibem o mesmo design e layout para todas as coleções. Escolha quais elementos aparecem no widget, faça o design da página como desejar e personalize a galeria que exibe seus projetos.
Para personalizar as páginas da coleção:
- Clique em Páginas e menu no lado esquerdo do editor.
- Clique em Páginas de portfólio e selecione Páginas de coleção.
- Clique no elemento Página de coleção no seu editor.
- Escolha o que você quer fazer:
Editar os elementos que aparecem no widget
- Clique no ícone Campos
no elemento. - Marque a caixa de seleção ao lado de cada campo que você deseja que apareça.
Dica: você também pode ocultar um elemento ao selecioná-lo no widget e pressionar Excluir no teclado. Siga as etapas acima se precisar mostrá-lo novamente.
Editar o design da página da coleção
- Clique no ícone Design no elemento.
- Escolha qual elemento de design você deseja editar:
- Título: edite as configurações do título:
- Temas: selecione o tema da fonte que você gostaria de usar para o título.
- Fontes: selecione a fonte que você gostaria de usar.
- Tamanho da fonte: selecione o tamanho da fonte (em pixels).
- Formatação: use os ícones para formatar seu título.
- Efeitos: selecione um efeito de sombra para o seu título.
- Espaçamento de caracteres e linhas: escolha o espaçamento de caracteres e linhas para o seu título.
- Texto vertical: clique na alavanca para que seu título apareça verticalmente de cima para baixo.
- SEO e acessibilidade: escolha qual tag HTML você deseja usar para o título.
- Descrição: defina os temas, fontes, formatação, efeitos, espaçamento de caracteres e linhas, texto vertical, SEO e acessibilidade das descrições.
- Botão Voltar: o design do Botão Voltar é definido no próprio elemento. Clique no elemento Botão Voltar no Editor para personalizá-lo.
- Background: defina a cor e a opacidade, a borda, os cantos e a sombra do background.
Dica: clique em Redefinir para o tema para restaurar as configurações de design padrão.
Definir as configurações de esticar
Você pode manter o elemento da página de coleção esticado para a largura do seu site ou configurá-lo para aparecer apenas dentro das
linhas de grade do editor.
- Clique no ícone Esticar no elemento Página de coleção.
- Clique na alavanca para escolher a largura do elemento:
- Ativada: o elemento Página da coleção se estende para preencher a largura do seu site. Use o slider Margens para definir a distância entre as bordas do seu site e o elemento.
- Desativada: o elemento Página de coleção aparece dentro das linhas de grade do Editor e não preenche a largura do seu site.
Escolher a ordem em que seus projetos são exibidos em sua coleção
- Clique em Gerenciar coleções.
- Clique em Gerenciar na coleção relevante.
- Arraste e solte seus projetos na seção Projetos nesta coleção para alterar a ordem em que eles aparecem na sua coleção.
- Clique em Salvar no canto superior direito.
Personalizar as páginas de projeto
Os visitantes chegam às páginas do seu projeto depois de clicar para visualizar qualquer um dos seus projetos. Essas páginas compartilham o mesmo layout e design em todos os seus projetos. Escolha quais elementos aparecem no widget, personalize o design das páginas e edite a galeria do portfólio.
Para personalizar as páginas de projeto:
- Clique em Páginas e menu no lado esquerdo do editor.
- Clique em Páginas de portfólio e selecione Páginas de projeto.
- Clique no elemento Página de projeto no seu editor.
- Escolha o que você quer fazer:
Editar os elementos que aparecem no widget
- Clique no ícone Elementos no elemento.
- Marque a caixa de seleção ao lado de cada campo que você deseja que apareça.
Dica: você também pode ocultar um elemento ao selecioná-lo no widget e pressionar Excluir no teclado. Siga as etapas acima se precisar mostrá-lo novamente.
Editar o design da página de projeto
- Clique no ícone Design no elemento.
- Selecione uma predefinição para o design da página de projeto. O design predefinido que você escolhe determina onde cada item no elemento da página de projeto é posicionado.
- Clique em Personalizar design para editar o design ainda mais.
- Escolha qual elemento de design você deseja editar:
- Título: edite as configurações do título:
- Temas: selecione o tema da fonte que você gostaria de usar para o título.
- Fontes: selecione a fonte que você gostaria de usar.
- Tamanho da fonte: selecione o tamanho da fonte (em pixels).
- Formatação: use os ícones para formatar seu título.
- Efeitos: selecione um efeito de sombra para o seu título.
- Espaçamento de caracteres e linhas: escolha o espaçamento de caracteres e linhas para o seu título.
- Texto vertical: clique na alavanca para que seu título apareça verticalmente de cima para baixo.
- SEO e acessibilidade: escolha qual tag HTML você deseja usar para o título.
- Etiqueta dos detalhes: defina os temas, fontes, formatação, efeitos, espaçamento de caracteres e linhas, texto vertical e SEO e acessibilidade das etiquetas dos detalhes.
- Texto dos detalhes: defina os temas, fontes, formatação, efeitos, espaçamento de caracteres e linhas, texto vertical e SEO e acessibilidade do texto de detalhes.
- Descrição: defina os temas, fontes, formatação, efeitos, espaçamento de caracteres e linhas, texto vertical, SEO e acessibilidade das descrições.
- Imagem de capa: defina a cor e opacidade, borda, cantos e sombra da imagem de capa.
- Background da página: defina a cor e a opacidade, a borda, os cantos e a sombra do background.
- Botões de navegação: personalize as opções de design para o estado Normal e Ao passar o mouse dos botões que os visitantes usam para navegar pelos seus projetos.
Dica: clique em Redefinir para o tema para restaurar as configurações de design padrão.
Definir as configurações de esticar
Você pode manter o elemento página de projeto esticado para a largura do seu site ou configurá-lo para aparecer apenas dentro das
linhas de grade do editor.
- Clique no ícone Esticar no elemento Página de projeto.
- Clique na alavanca para escolher a largura do elemento:
- Ativada: o elemento Página de projeto se estende para preencher a largura do seu site. Use o slider Margens para definir a distância entre as bordas do seu site e o elemento.
- Desativada: o elemento Página de projeto aparece dentro das linhas de grade do Editor e não preenche a largura do seu site.
Solução de problemas com o texto nas galerias do portfólio
O texto nas galerias do portfólio pode não aparecer corretamente se não houver espaço suficiente para ele. Isso pode estar relacionado ao design da galeria do portfólio e às configurações da fonte. Mantenha um equilíbrio entre o tamanho da fonte, da imagem e da caixa de texto para exibir todo o texto da imagem.
Dependendo da forma como você configurou seu texto, clique abaixo para ver como resolver o problema:
Texto definido para aparecer ao passar o mouse em sobreposição parcial
O texto da galeria pode ser cortado se você o definir para aparecer ao passar o mouse com apenas uma sobreposição parcial. Para garantir que seu texto fique visível, você pode aumentar a sobreposição ou mudar para uma sobreposição completa para garantir que seu texto esteja sempre visível.
- Clique na galeria do portfólio no seu editor.
- Clique em Layout.
- Clique em Personalizar layout e, em seguida, clique na aba Itens.
- Selecione a opção de Cobertura de sobreposição:
- Selecione Sobreposição parcial e defina a cobertura da sobreposição para garantir que seu texto fique sempre visível.
- Selecione Sobreposição total para garantir que seu texto fique sempre visível.
Texto definido para aparecer acima ou abaixo da imagem
Quando você define o texto da galeria para aparecer acima ou abaixo das imagens, e o tamanho da fonte é muito grande, os títulos e descrições podem ser cortados. Você pode ajustar o tamanho da fonte para que todo o texto apareça.
Para aumentar o tamanho da fonte:
- Clique na galeria do portfólio no seu editor.
- Clique no ícone Design
- Clique no item de Título relevante no dropdown.
- Arraste o slider para aumentar o Tamanho da fonte até que seu texto apareça.
Perguntas frequentes
Clique nas perguntas abaixo para saber mais sobre como personalizar as páginas do seu portfólio.
Posso traduzir as páginas do meu portfólio com o Wix Multilingual?
Como posso definir uma coleção específica como a página inicial do meu site?
Para definir uma coleção específica como a página inicial do seu site, primeiro você precisa adicionar uma nova página em branco. Em seguida, escolha a coleção a ser mostrada e defina essa página como sua página inicial.
- Clique em Páginas e menu no lado esquerdo do editor.
- Clique em + Adicionar página.
- Clique em + Em branco.
- Dê um nome à sua página.
- Clique em Meu negócio
no lado esquerdo do Editor. - Clique em Portfólio Wix.
- Clique em Adicionar galeria de coleções em destaque.
8. Escolha a coleção que aparece nessa galeria:
- Selecione a galeria que você acabou de adicionar à página.
- Clique em Escolher categorias.
- Marque a caixa de seleção ao lado da coleção que você deseja exibir.
Posso reposicionar os elementos nas páginas do meu portfólio?
Atualmente, as páginas de projeto estão disponíveis em uma variedade de designs predefinidos. Os elementos individuais nesses designs ficam em uma determinada posição e não podem ser reposicionados livremente.
Se quiser alterar a posição dos elementos na página de projeto, você pode escolher um design predefinido diferente. Se isso é algo que você gostaria de ver no futuro, você pode
votar nesse recurso.
É possível personalizar manualmente o tamanho da imagem de capa do meu projeto?
Não, o tamanho da imagem de capa do seu projeto depende do tipo de layout que você escolher. Se esse é um recurso que você gostaria de ver,
vote nele aqui.
Posso personalizar a aparência do meu portfólio no meu site mobile?
Sim, para personalizar seu portfólio no seu site mobile:
- Clique em Portfólio no editor mobile.
- Clique em Configurações.
- Clique na aba Design.
- Personalize seu portfólio usando as opções disponíveis.
Posso adicionar uma capa de vídeo ao meu projeto de portfólio?
Sim. Para adicionar uma capa de vídeo, você precisa
atualizar o aplicativo Portfólio Wix no Wix App Market. Atualizar o aplicativo redefine sua imagem de capa em todos os projetos. Depois de atualizar o aplicativo, você pode adicionar um arquivo de vídeo do seu Gerenciador de Mídia do projeto.
- Vá para Portfólio no painel de controle do seu site.
- Clique em Editar ao lado do projeto relevante.
- Em Mídia do projeto, clique em Gerenciar mídia.
- Clique em Adicionar mídia.
- Faça upload do seu vídeo.
- Clique no vídeo no Gerenciador de Mídia do projeto.
- Clique em Definir como capa.
8. Clique em OK.
Posso restaurar meu portfólio para uma versão anterior?
Não. Depois de fazer uma alteração no portfólio e publicar seu site, você não pode desfazer essas alterações ao restaurar uma versão anterior do seu site a partir do histórico do site.
Adicionei uma coleção/projeto ao meu portfólio através do painel de controle, mas a página não tem elementos ou está em branco no editor/no site online. O que posso fazer?
Certifique-se de que sua página de portfólio mostre as informações que você deseja ao marcar a caixa de seleção ao lado do elemento relevante no painel Elementos do widget.
Para selecionar quais elementos são exibidos nas suas páginas de portfólio:
- Vá para o seu editor.
- Vá para a página da sua coleção/projeto:
- Editor Wix:
- Clique em Páginas e menu
no lado esquerdo do editor. - Clique em Páginas de portfólio.
- Clique em Páginas de coleção/projeto.
- Editor do Wix Studio:
- Clique em Páginas
no lado esquerdo do editor. - Clique em Páginas de coleção/projeto abaixo de Páginas de portfólio.
- Clique no elemento Página de portfólio na sua página.
- Clique no ícone Elementos
. - Marque a caixa de seleção ao lado dos elementos que você deseja exibir no seu site.
e defina as opções de reprodução de vídeo. 
e personalize o efeito que os visitantes veem quando passam o mouse sobre um item da galeria ou rolam a página para baixo. 
para escolher o que acontece quando os itens são clicados, o que mostrar quando as imagens estão carregando e usar a proteção contra clique com o botão direito do mouse. 
