Este guia vai mostrar como usar o bloco de slideshow para adicionar um slideshow de imagens interativo em um post ou página.
Ficará assim no site:
Neste guia
Para adicionar o bloco de slideshow, clique no ícone Inserção de bloco (+) e pesquise “slideshow”. Clique no bloco para adicioná-lo ao post ou à página.
💡
Usando o teclado, você também pode digitar /
slideshow
em uma nova linha e pressionar Enter para adicionar rapidamente um novo bloco de slideshow.
Para mais informações, consulte as instruções detalhadas em Como adicionar blocos.
Quando você adiciona um bloco de slideshow pela primeira vez, você tem duas opções: Fazer upload e Selecionar imagens.
Fazer upload permite que você envie uma nova imagem ou várias imagens do seu computador para seu site.
A opção Selecionar imagens permite que você selecione imagens enviadas anteriormente para a biblioteca de mídia ou imagens do Google Fotos, da biblioteca de fotos gratuitas do Pexels ou do Openverse.
Você pode adicionar mais imagens após criar o slideshow. Para isso, use a opção Fazer upload de imagem abaixo do slideshow:
Você pode usar o botão Editar slideshow da barra de ferramentas para adicionar ou remover imagens ou alterar a ordem em que elas aparecem.
As imagens são incluídas no slideshow na ordem selecionada no momento da criação do slideshow. Você poder reordenar as imagens usando a opção Editar slideshow. Ao editar o slideshow, você verá um número ao lado de cada imagem ao selecioná-la. Esse número indica a ordem em que a imagem aparecerá no bloco de slideshow.
Ao clicar no bloco, aparecerá acima uma barra de ferramentas com opções:
A barra de ferramentas do bloco de slideshow oferece as seguintes opções:
- Alterar o tipo de bloco.
- Arrastar o bloco.
- Mover o bloco para cima ou para baixo.
- Mudar o alinhamento.
- Editar slideshow.
- Mais opções.
Ao clicar no bloco, serão exibidas configurações adicionais na barra lateral direita. Se você não estiver vendo a barra lateral, clique no ícone ⚙️ (engrenagem) no canto superior direito para exibir as configurações.
O bloco de slideshow conta com diversas configurações que podem ser ajustadas na barra lateral Configurações do bloco.
Ative essa opção para que as imagens avancem automaticamente no slideshow.
Quando a opção estiver ativada, o slideshow incluirá um botão de pausa para que os visitantes possam pausá-lo. Também é possível selecionar a duração (em segundos) da transição automática:
Na guia Efeitos, você pode escolher entre os efeitos deslizar e suavizar para a transição de slides.
Na guia Configurações de imagem, você pode escolher os tamanhos das imagens para o bloco de slideshow entre essas opções: miniatura, médio, grande e tamanho original.
Avançado
Na guia Avançado, você adiciona uma classe CSS ao seu bloco, permitindo a gravação de CSS personalizado e a estilização do bloco conforme você julgar melhor.