Editor do Wix Studio: adicionar e personalizar um repetidor de slideshow
5 min de leitura
Neste artigo
- Adicionar e configurar um repetidor de slideshow
- Gerenciar os slides
- Ajustar as configurações do slideshow
- Fazer o design do repetidor de slideshow
- Personalizar os botões de navegação
Usando um repetidor de slideshow, você pode criar slideshows interativos muito mais rápido para o site do seu cliente. O design e o layout se repetem nos slides, mas o conteúdo varia em cada slide. Isso ajuda a manter uma aparência consistente no slideshow, sem precisar criar cada slide do zero.
O que exatamente se repete nos slides?
![Exemplo de um repetidor de slideshow em um site online](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/31/479754c8-39ca-42ec-8911-6ab3057983b3/3f063b17-af2e-49f2-9d24-0d3ca17729e1.gif)
Adicionar e configurar um repetidor de slideshow
Escolha entre nossos vários designs de slideshow para começar. Após adicionar um dos slideshows à página, você pode adicionar, mover ou remover elementos conforme necessário.
Observação:
Ao adicionar ou remover elementos de um slide, isso também afeta os outros slides.
Para adicionar e configurar um repetidor de slideshow:
- Clique em Elementos
no lado esquerdo do editor.
- Clique em Ferramentas de layout.
- Clique em Repetidores de slideshow.
- Arraste um design que você gostar para a página.
- Personalize o conteúdo do slideshow de acordo com os requisitos do seu cliente:
- Clique nos elementos (por exemplo: texto, imagens) para personalizá-los.
- Adicione mais elementos aos slides.
- Exclua elementos que você não precisa.
- Conecte os elementos ao CMS (sistema de gerenciamento de conteúdo).
![Os designs de slideshow disponíveis no painel Elementos](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/31/b3ce8485-48ab-4a98-b956-093c87bdb5dc/80ed7916-99cc-46ca-b93f-51dcab95026e.png)
Gerenciar os slides
Na parte superior do painel Inspetor, você pode ver o número atual de itens (slides) e tem a opção de gerenciá-los individualmente.
Você pode duplicar itens para adicionar mais slides ou remover aqueles com conteúdo irrelevante.
![O painel Inspetor ao selecionar um slideshow, mostrando o número de itens na parte superior](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/31/3167649c-9b32-4f76-b884-ae7ddf67f277/d99b64dc-0016-477f-802e-e36afecc4c93.png)
Para gerenciar os slides:
- Selecione o repetidor de slideshow.
- Clique no ícone Abrir inspetor
no canto superior direito do editor.
![Uma captura de tela da abertura do painel Inspetor no Editor do Wix Studio.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/03/07/ed25ff0f-6b3d-4d1c-9155-e9b1c788a0b5/326f9801-aa4e-4ca8-8989-360b80ec33f2.png)
- Clique em Gerenciar na parte superior do Inspetor.
- Passe o mouse sobre o item (slide) relevante e clique no ícone Mais ações
.
- Escolha o que fazer a seguir: Duplicar, Renomear ou Excluir.
Dica: renomear um slide renomeia automaticamente os outros slides nesse slideshow.
![As opções de gerenciamento que aparecem para cada item/slide no slideshow](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/31/0c1ad542-8c75-49d6-8796-84e34e38691c/9af4b636-f24c-445a-95f7-da05e07f2783.png)
Ajustar as configurações do slideshow
Faça com que o slideshow se comporte exatamente como você precisa. Você pode mostrar ou ocultar os botões de navegação, configurar o slideshow para reproduzir automaticamente, adicionar uma transição entre slides e muito mais.
Para ajustar as configurações do slideshow:
- Selecione o repetidor de slideshow.
- Clique em Configurações.
- Escolha o que fazer a seguir:
- Mostrar botões de navegação: clique na alavanca para mostrar ou ocultar os botões de navegação.
- Transições: escolha se deseja ou não aplicar um efeito de transição entre os slides.
- Reprodução automática: ative a alavanca para fazer o slideshow ser reproduzido automaticamente, sem que o visitante precise interagir com ele.
- Tempo em cada item: decida quanto tempo mostrar um slide antes que o slideshow passe automaticamente para o próximo.
- Pausar ao passar o mouse: ative essa alavanca para fazer com que o slideshow pare quando um visitante passa o mouse sobre ele. Isso permite que eles se concentrem no conteúdo.
- Loop infinito: quando essa alavanca está ativada, o slideshow não tem um "final". Ele volta ao início.
![O painel Configurações do slideshow ao lado de um slideshow na tela](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/31/6350f70c-0607-4cfa-a693-849f1100b97d/605b9dfc-e5b9-4069-a699-149e3ad4cf8e.png)
Fazer o design do repetidor de slideshow
Personalize a aparência do repetidor de slideshow para que ele combine com o estilo do seu cliente. Você pode adicionar uma cor de background aos slides, enquadrar o slideshow com uma borda e aplicar sombra para destacá-lo.
Para fazer o design do repetidor de slideshow:
- Selecione o repetidor de slideshow.
- Clique no ícone Abrir inspetor
no canto superior direito do editor.
![Uma captura de tela da abertura do painel Inspetor no Editor do Wix Studio.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/03/07/ed25ff0f-6b3d-4d1c-9155-e9b1c788a0b5/326f9801-aa4e-4ca8-8989-360b80ec33f2.png)
- Escolha o que fazer a seguir:
- Selecionar uma cor de background para os slides e defina sua opacidade.
- Adicionar uma borda para emoldurar o slideshow.
- Deixar os cantos do slideshow mais redondos ou retangulares.
- Adicionar uma sombra atrás do slideshow.
![As opções de design de slideshow disponíveis no Inspetor.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/31/328669c8-70b6-4f6a-a30d-3a606127dcd6/4e678776-7224-4ce8-8cf7-a72ac3c0cd4c.png)
Personalizar os botões de navegação
Os slideshows com repetidor vêm com 2 botões integrados, permitindo que os visitantes naveguem entre os slides. Você pode substituir os ícones, ajustar seu tamanho e adicionar um texto útil ao lado dos botões (por exemplo: "Anterior", "Próximo").
Você também pode remover os botões completamente para que os visitantes não tenham a opção de voltar ou pular. Vá para o painel Configurações do slideshow para ocultá-los.
Para personalizar os botões de navegação:
- Selecione o repetidor de slideshow.
- Selecione um botão de navegação.
Dica: não importa em que slide você esteja, as configurações se aplicam a todos os slides. - Clique em Alterar texto e ícone para substituir o ícone e adicionar texto ao botão.
![As opções de personalização disponíveis que aparecem na barra de ferramentas quando um botão de navegação é selecionado](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/31/b9ea0094-3313-47fe-9494-351a43064d5e/d3d00fa2-81dc-4e1f-936e-e481e50da8fa.png)