One Page Scroll é uma técnica de design de site em que todo o conteúdo está em uma única e longa página da web.
O plugin GutenKit introduziu um Módulo de rolagem de uma página. Agora você pode criar facilmente uma rolagem suave com esse recurso eficaz e oferecer aos visitantes do site WordPress uma experiência de usuário agradável, semelhante a um aplicativo móvel.
Rolagem de uma página com GutenKit #
É um Módulo profissional. Não se esqueça de obtê-lo de aqui.
Agora, abra a página que deseja ativar o One Page Scroll no painel do WordPress, depois disso –
- Clique na opção Configurações da página do GutenKit
- Vá para Avançado
- Habilitar botão de rolagem de uma página
Depois de ativar o botão One Page Scroll, você terá estas opções:
- Velocidade de rolamento - Aqui você pode definir a velocidade de rolagem da página.
- Animação de rolagem – Existem muitas opções de animação de rolagem aqui, como Linear, Ease In Back, Ease InOut Quad, Ease Out Expo, Ease Out Shine e assim por diante.
- Mostrar navegação por pontos – Se desejar, você pode ativar esta opção para mostrar a navegação por pontos.
- Estilo de navegação – Se você ativar a opção Navegação por pontos, a partir daqui, poderá escolher qualquer estilo de navegação.
- Posição de navegação – Ele permite definir a posição de navegação em Superior, Inferior, Esquerda ou Direita.
- Posição horizontal - Você pode definir a posição horizontal controlando a barra.
- Posição vertical - Esta barra permite definir a posição vertical.
- Espaçamento de navegação – Você pode ajustar o espaçamento de navegação aqui de acordo com suas preferências.
- Cor de navegação – Altere a cor de navegação utilizando a opção.
Desative a rolagem de uma página para qualquer seção #
No entanto, você pode desativar o recurso One Page Scroll para qualquer seção da página.
- Vá para Visão geral do documento
- Selecione a seção para a qual deseja desativar o recurso One Page Scroll
- Vá para as configurações
Agora, vá para a guia Avançado e encontre o módulo Rolagem de uma página. Aqui, você deve desabilitar o botão chamado Desativar para esta seção.
Adicionando dica de ferramenta #
Depois de desativar o recurso One Page Scroll para a seção desejada, você pode adicionar Texto da dica lá.
As outras opções de personalização da dica de ferramenta são – Tipografia, Cor, Preenchimento e Raio da Borda.
Resultado Final #
Aqui modificamos uma página com One Page Scroll do GutenKit –