Editor Wix: slideshows no mobile
4 min de leitura
Neste artigo
- Alterar o tamanho do slideshow
- Ajustar as configurações do slideshow
- Alterar o layout do slideshow
Slideshows são uma maneira sofisticada e diferente de exibir imagens e conteúdo no seu site. Use-os para mostrar apresentações, produtos ou ofertas.
Você pode ajustar os slideshows no seu site mobile para que eles se adaptem ao tamanho da tela, incentivando os visitantes a interagir e explorar em seus dispositivos.
Importante:
Alterar a ordem dos slides no editor em desktop não os altera automaticamente no seu site mobile. Você pode atualizar a ordem dos slides no seu site mobile ao ocultar e depois exibir o slideshow. Isso restaura o design do seu slideshow, por isso recomendamos que os slides estejam em ordem antes de você ajustar o design.
Alterar o tamanho do slideshow
Assim como todos os elementos, seu slideshow é otimizado para se adaptar ao seu site mobile. No entanto, você pode alterar o tamanho para se ajustar ao layout e alinhamento do seu site, ao mesmo tempo em que exibe conteúdo relevante e interessante para seus visitantes.
É importante saber que:
Essa opção só está disponível para Slides em caixa. No entanto, você pode ajustar a altura de Slideshows clicando e arrastando o ícone da Alça de esticar
.
Para alterar o tamanho do slideshow:
- Clique no slideshow no editor mobile.
- Clique e arraste os lados do slideshow para ajustar a altura e a largura.
![Alterar o tamanho de um slideshow no editor mobile.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/09/24/173d03a4-3666-4c75-ae45-c5b1837639ef/8cee5017-33fe-4e43-ae15-04f15b022f40.gif)
Ajustar as configurações do slideshow
Use as configurações para definir como o slideshow se comporta no seu site mobile. Você pode ajustar configurações como reprodução automática e qual conteúdo é exibido.
Para editar as configurações do slideshow:
- Clique no slideshow no editor mobile.
- Clique no ícone Configurações
e ajuste as seguintes opções:
- Autoplay ao carregar: ative a alavanca Autoplay ao carregar para reproduzir os slides assim que a página for carregada. Em seguida, arraste o slider Tempo entre os slides (segundos) para ajustar o total de segundos entre as transições de slides.
- Efeitos de transição: selecione o tipo de transição que deseja usar para seus slides e ajuste as configurações:
Observação: as seguintes opções não estão disponíveis se você selecionar Nenhum.- Tempo de duração: arraste o slider para ajustar a duração da transição.
- Começa do lado: selecione a direção a partir da qual a transição começa.
Observação: essa opção está disponível apenas para os efeitos de transição Vertical e Horizontal.
- Conteúdo fora da moldura clique na alavanca para definir o que acontece com o conteúdo que se sobrepõe às bordas dos slides.
- Ativada: elementos que se sobrepõem à borda de um slide são cortados para fora do slide.
- Desativada: elementos que se sobrepõem à borda de um slide não são cortados e exibem todo o elemento.
![Configurações de slideshow para o editor mobile.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/09/24/c6d285b5-c433-4b51-a933-aa619eda051d/16c6ec25-d8e0-41cc-bf26-94a1b0646840.png)
Alterar o layout do slideshow
Escolha um layout para seu slideshow para ajustar as setas e botões de navegação.
Para ajustar o layout do seu slideshow:
- Clique no slideshow no editor mobile.
- Clique no ícone Layout
e edite as opções:
- Setas de navegação: ative a alavanca Mostrar setas de navegação para mostrar as setas que os visitantes podem usar para alterar os slides. Em seguida, arraste os seguintes sliders para editar o tamanho e a distância:
- Tamanho: edite o tamanho das setas.
- Distância: edite a distância entre as setas e as bordas do slideshow.
- Botões de transição: ative a alavanca Mostrar botões de transição para mostrar botões circulares de navegação na parte inferior do slideshow. Em seguida, arraste os seguintes sliders para editar os botões:
- Tamanho: aumente ou diminua o tamanho dos botões.
- Distância: edite a distância entre os botões e a parte inferior do slideshow.
- Espaçamento: edite a distância entre os botões.
- Setas de navegação: ative a alavanca Mostrar setas de navegação para mostrar as setas que os visitantes podem usar para alterar os slides. Em seguida, arraste os seguintes sliders para editar o tamanho e a distância:
![Opções de layout do slideshow para o editor mobile.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/09/24/420b36f9-4ddd-4c07-b810-a0fd49d57927/fe616a11-a55e-47d3-ba98-9f4754e2b576.png)