A Site de página única exibe tudo em uma única página. Esses sites mostram a página inteira (site) uma vez carregada e, à medida que o visitante do site clica em cada item de menu presente no cabeçalho, diferentes seções da página serão exibidas.
Esses tipos de sites têm muitas vantagens, como navegação simples e fácil, compatibilidade com dispositivos móveis, aumento do envolvimento do visitante do site, maior taxa de conversão e facilidade de criação e manutenção. Estes são adequados para páginas de destino, sites baseados em eventos e exibindo seu carteiras de forma curta e nítida.
Isso pode ser alcançado usando um elemento vital chamado ID da seção que pode ser especificado no Seção de configurações.
Este artigo orienta você sobre como criar um site de página única usando o ID da seção e Vincular item de menu.
Neste artigo:
- Crie uma página e adicione seções
- Especifique o ID da seção
- Definir página como página inicial
- Crie itens de menu de link usando o ID da seção
- Ative o botão voltar ao topo
- Ativar navegação fixa
Crie uma página e adicione as seções
- O primeiro passo é a crie uma nova página e adicione as seções desejadas a ele.
- Você precisa criar todas as seções a serem vinculadas aos respectivos itens de menu (como as páginas Sobre e Contato).
Especifique o ID da seção
- Depois de adicionar as seções à página, visite as configurações de seção de todas as seções adicionadas e especifique o ID da seção para cada um deles.
Definir página como página inicial
Em seguida, vá para o Site seção, definir a página como a página inicial (1), e escondê-lo do menu/navegação do site (2).
Crie itens de menu de link usando o ID da seção
Agora, criar os itens de menu de link como Casa, Sobre, Trabalho, Contato, etc.
Para adicionar um novo item de menu de link, digite adicionar link (1) na caixa de pesquisa e clique no Adicionar Link ação (2).
Para conectar o item de menu do link a uma seção da página, siga estas etapas:
- De Site seção, passe o mouse sobre o item de menu do link e clique no botão ícone de três pontos verticais (1) ao lado.
- Selecione os Configurações opção (2) no menu suspenso.
- Em seguida, role para baixo até o Link alvo seção (3), selecione a Seção da página guia (4) e especifique o ID da seção (5) da seção que você deseja vincular.
- O ID da seção deve ser o mesmo especificado na seção da página, sem espaço(s).
- Finalmente, acerte o Salvar botão (6).
Ativar o botão voltar ao topo
É útil ter um botão que desaparece à medida que você rola para baixo e flutua na parte inferior do navegador. Você pode facilmente rolar de volta ao topo clicando nele.
- Para habilitar o botão voltar ao topo, vá para o Design seção e clique no botão Rodapé guia ou simplesmente digite de volta ao topo na caixa de pesquisa desta forma:
- Em seguida, role para baixo até o Voltar ao topo botão seção e ative o botão.
Ativar navegação fixa
Você também pode ativar a navegação fixa no cabeçalho para aprimorar a aparência do site. Saiba mais.
Verifique um site de demonstração com navegação fixa.
Voilá! Seu site de página única está pronto. Você pode simplesmente clicar no Ver site botão presente na parte superior para visualizar seu site.
Verifique o Crie seu site no Pixpa – O guia completo artigo para saber sobre outras personalizações que você pode fazer em seu site.
Observação:
- A ID da seção diferencia maiúsculas de minúsculas.
- Não use espaços dentro do ID da seção.
- Use hífens para separar as palavras dentro do ID da Seção.
Aqui estão alguns sites de demonstração de página única: