25 abr

One Page menu no WordPress

Categoria: - Comentários (12)

One Page Sites, são sites com uma única página, que utilizam scripts como jquery scrollTo para criar uma navegação em forma de slides, que podem ser horizontal, vertical ou diagonal. Desta forma, teremos todas as seções do site numa página só.

Para termos um menu que atenda às especificações de um site One Page no WordPress, teríamos que efetuar algumas modificações no html do menu que o WordPress gera criando um filtro que modifica o Walker do menu (qualquer dia eu posto uma função pra ensinar a criar um filtro desse tipo). Isso pode ser um pouco difícil se você for um usuário de nível iniciante a intermediário.

Para facilitar, eu criei uma função para imprimir o menu de uma forma bem simplificada:

Após inserir a função e ativar o suporte à nav menus no seu tema, abra o arquivo do seu template onde quer que o menu apareça – geralmente header.php – e coloque o seguinte:

Agora o html do menu ficará assim:

É só isso!

Dúvidas ou problemas? Comente!!! :-)

Comentários ( 12 )

  • João Marcos

    Gostaria de saber se posso utilizar o tema que comprei de acordo com a live previw do site, criando uma one page agregando todas as outras páginas do site ..
    Aqui está o link … Por favor alguém me ajude ! O.o

    http://stylemixthemes.com/demo/happychildwp

  • Caio

    Minha dúvida é a mesma do João, só que eu comprei um tema diferente…
    Ajude-me por favor…

    Obrigado pela atenção :) :D

  • João Marcos

    Olá, comprei o tema happychild para iniciar trabalhos em um site escola. A live previw mostra um site one-page, mas o tema no wordpress não possui nenhum suporte para isso…
    Gostaria de saber se é possível que eu chame todas as páginas na em uma só, acrescentar algum efeito de rolagem assim como o da live previw… Aqui está o link do tema, por favor me ajude…
    http://stylemixthemes.com/demo/happychildwp
    GRATO A TODOS

Envie seu comentário

Resize-me!