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 Menus e páginas
no lado esquerdo do Editor. - Clique em Páginas de portfólio e selecione a página Portfólio.
- Clique no elemento Página do 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 do 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 do 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 Menus e páginas 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 que você gostaria de 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 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 em 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 Menus e páginas 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 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 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 que você gostaria de 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.
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 Menus e páginas 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.
Para adicionar uma capa de vídeo:
- 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.
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. 
