Suporte » Temas » Configurando menu e páginas

  • Resolvido EderCuer

    (@edercuer)


    Bom dia pessoal.
    Fiz um layout com html+css utilizando o Bootstrap e agora estou tentando fazer um tema com ele.

    Consegui fazer algumas coisas mas estou com dificuldades para fazer o menu chamar as páginas.
    Segue o modelo do layout:

    layout base

    O layout é simples, só terá 2 páginas (ali no menu horizontal), e cada página terá um menu vertical distinto. É ai que entra a minha dificuldade, eu não estou conseguindo fazer os itens do menu horizontal chamar as páginas.
    Um dos problemas é que o conteúdo dos links do menu vertical serão dinâmicos, e pelo que andei lendo, pelo painel do WordPress só consigo criar páginas estáticas.
    Como poderia fazer isso?

    obs: não sei porque mas a imagem não aparece, segue o link: http://imgur.com/5eImcyp

    • Este tópico foi modificado 5 anos, 4 meses atrás por EderCuer. Motivo: problemas na imagem
    • Este tópico foi modificado 5 anos, 4 meses atrás por EderCuer.
Visualizando 11 respostas - 1 até 11 (de um total de 11)
  • Moderador Mário Valney

    (@mariovalney)

    WordPress Cleric of Fire

    Olá @edercuer
    Tudo bem?

    O WordPress possui menus de navegação que são administráveis.
    Como você precisará de dois diferentes, você irá registrar 2 menus de navegação.

    1 – Para registrar os menus, vá no functions.php e coloque o código:

    register_nav_menus( array(
    	'menu_one' => 'Menu 1',
    	'menu_two' => 'Menu 2',
    ) );

    No código acima, menu_one e menu_two são os identificadores da posição do menu e Menu 1 e Menu 2 são os títulos. Você pode alterá-los de acordo com a documentação da função register_nav_menus

    Com isso, você vai ver surgir na administração em Aparência > Menus toda a interface de criação de menus do WordPress. Basta criar um e adicionar à posição desejada.

    2 – Para mostrar na sua página, você vai no código PHP e:

    wp_nav_menu( array( 'theme_location' => 'menu_one' ) );

    O código acima é o mais básico e você pode notar que o identificador do menu foi recebido como parâmetro na array de argumentos.

    Na documentação da função wp_nav_menu você pode ler mais sobre os outros parâmetros e tudo o que dá pra fazer para criar menus administráveis.

    Abraços

    Criador do tópico EderCuer

    (@edercuer)

    Opa @mariovalney tudo tranquilo e por ai?

    Rapaz então estava perto, cheguei a ver em um curso sobre registro de menus e meu código ta bem parecido, só que com apenas uma opção. Vou tentar aqui.

    Valeu.

    Moderador Mário Valney

    (@mariovalney)

    WordPress Cleric of Fire

    Legal @edercuer

    Caso não tenha mais dúvidas, poderia marcar como resolvido?

    Abraços

    Criador do tópico EderCuer

    (@edercuer)

    Na verdade ficaram algumas dúvidas.
    No meu caso então seriam 3 menus? Porque o menu vertical muda de acordo com a página que a pessoa acessar, por exemplo: se ele acessar a “Página 1” terá o menu vertical com os links “x”, “y”, “z” e se acessar a “Página 2” o menu vertical será outro totalmente diferente.

    E esse menu vertical não levará o usuário para nenhuma outra página porque eu estou usando a classe collapse que só da hidden e show nas divs.

    A minha ideia era criar um arquivo pagina1.php e pagina2.php e linkar os itens do menu horizontal com as páginas. De início o único conteúdo dinâmico seria aquele do lado do menu vertical (que são botões).

    Moderador Mário Valney

    (@mariovalney)

    WordPress Cleric of Fire

    Você pode criar quantos menus quiser.
    Eu não faria isso, porque geralmente mostrar o item atual é interessante para a Experiência do Usuário, mas você pode fazê-lo.

    Sobre a página, você pode criar páginas do WordPress e um template único (page.php). Se quiser diferentes, pode criar Custom Template Pages (no link que mandei tem falando sobre, eu acho).

    Abraços

    Criador do tópico EderCuer

    (@edercuer)

    Realmente, você tem razão.
    Tentei forçar aqui mas não ficaria bom.

    Você entrou em um assunto que venho tentando entender desde que comecei a fazer esse tema, pages.
    Vamos supor que eu crie as páginas pelo painel do WordPress, como eu faria para deixar o conteúdo dinâmico?
    Pergunto isso porque, como eu disse, os links do menu vertical não abrirão novas páginas apenas dará show na div. Eu realmente estou com dificuldades em entender o sistema de pages do WordPress.

    Moderador Mário Valney

    (@mariovalney)

    WordPress Cleric of Fire

    Bem, se os links irão mostrar conteúdos diferentes então é uma página só e não 3.

    O sistema de páginas do WordPress é simples: existem páginas e nas páginas você cadastra título e conteúdo. Podendo escolher algumas outras configurações como Modelo e Ordem de Menu.

    Só isso.

    Como você quer ter 3 conteúdos numa página só, você vai ter que criar campos extras para cadastrar metadados na página ou alguma “Opção do Tema”. Uma forma de aprender mais e poupar algum trabalho seria usar algum framework como o Odin.

    Ah! Se for o caso, seria melhor criar um outro tópico, pois esse aqui falava de menus e já foi resolvido. Assim ajudamos mais pessoas que possam chegar por aqui através das buscas.

    Abraços

    • Esta resposta foi modificada 5 anos, 4 meses atrás por Mário Valney.
    Criador do tópico EderCuer

    (@edercuer)

    Então Mario, é que são 3 menus. Um horizontal que vai definir que página eu vou acessar e dentro de cada página terá mais um menu, um diferente do outro.

    O menu vertical (que estará dentro de uma página) sim não abrirá novas páginas, só irá dar show nas divs.
    Então basicamente terei somente 2 páginas.

    Na imagem que eu upei, ali onde está “Página 1” e “Página 2” também é um menu.
    O meu maior problema no momento é fazer esse menu “chamar” essas páginas já que elas terão conteúdo dinâmico e dentro do painel eu não consigo inserir trechos de código PHP.

    Moderador Mário Valney

    (@mariovalney)

    WordPress Cleric of Fire

    A forma fácil @edercuer é escrever o HTML como conteúdo da página.
    A forma difícil e mais elegante é criar campos separados como eu disse acima.

    Sobre como pegar o conteúdo da página, você precisa dar uma olhada no loop do WordPress, mas adianto que seria a função the_content();

    Criador do tópico EderCuer

    (@edercuer)

    Dito e feito, era realmente o the_content().
    Cara, eu já li sobre isso x² de vezes porém eu achava que esse have_post() tinha a ver com posts.

    Acredito que essa dúvida tenha sido resolvida. Agora tenho outras envolvendo conteúdo dinâmico que fica pra outra área e outro tópico.

    Muito obrigado Mario, me ajudou muito.
    Vou começar a acompanhar seu blog 😉

    Moderador Mário Valney

    (@mariovalney)

    WordPress Cleric of Fire

    Todos os conteúdos no WordPress tendem a ser posts.
    E então existem os tipos de post:

    • post: Os posts comuns
    • page: As páginas comuns
    • attachment: As imagens e arquivos feito upload
    • revision: As revisões dos posts
    • nav_menu_item: Os menus de navegação

    E você ainda pode criar quantos quiser com os Custom Post Type.

    Mas que bom que deu certo.
    Abraços

Visualizando 11 respostas - 1 até 11 (de um total de 11)
  • O tópico ‘Configurando menu e páginas’ está fechado para novas respostas.