Suporte » Temas » Botoes distintos nos links das paginas

  • Resolvido ezpabon

    (@ezpabon)


    e ai pessoal, tenho visto em alguns templates que no menu que exibe os links das paginas, cada botao tem um desenho/cor diferente, gostaria de saber como conseguir isso, sendo que normalmente se faz um unico estilo valendo para todos os link (ficando todos iguais) entao quero saber como devo proceder para que fiquem cada um diferente do outro

    exemplo: http://nodethirtythree.deviantart.com/art/Art-themed-template-for-4T-67606862

    vejam que os botoes “about” “services” “portfolio” “contact” sao diferentes

Visualizando 6 respostas - 1 até 6 (de um total de 6)
  • Fala.

    Esse é um problema de CSS, não de WordPress. Recomendo que você leia este artigo. Acho que ele dá uma boa resumida no que você precisa.

    Criador do tópico ezpabon

    (@ezpabon)

    opa obrigado pela resposta, porem a questao do css pra mim é tranquilo

    a minha duvida é com relação a Tag wp_list_pages
    que gera dinamidamente os links do menu pages (deixando-os todos com a mesma formatação)

    por exemplo:
    se eu criar 3 paginas no painel de controle (works, news, contact), como fazer para que o link news tenha uma formatação diferente…?
    seria passando algum parametro na função wp_list_pages? mas qual? hehe

    agradeço a ajuda!

    Hm, nesse caso você pode consultar a documentação da própria função wp_list_pages.

    Criador do tópico ezpabon

    (@ezpabon)

    Opa consegui aqui o resultado que eu queria..

    <ul>
       <li class="id_1"><?php wp_list_pages('include=1&title_li='); ?></li>
       <li class="id_2"><?php wp_list_pages('include=2&title_li='); ?></li>
       <li class="id_3"><?php wp_list_pages('include=3&title_li='); ?></li>
    </ul>

    Pra cada TAG eu incluí apenas o ID de uma unica página, possibilitando colocar uma classe especifica só pra ela na LI.
    Como pra mim só interessa um numero limitado de paginas escolhidas previamente, para encaixa-las no layout com alteração nas cores e imagem dos botoes isso funcionou perfeitamente.

    Não faça dessa forma. Desnecessário você chamar o wp_list_pages() a cada <li> aberto. Você poderia otimizar o código:

    <ul>
      <?php wp_list_pages('include=1,2,3&title_li='); ?>
    </ul>

    Ah, e o wp_list_pages() já cria pra você várias classes (veja o código fonte do seu site). Dessa forma, é só chama-las no CSS e pronto, você vai ter o mesmo resultado.

    Criador do tópico ezpabon

    (@ezpabon)

    Ow Eduardo, cara muito obrigado mesmo, esse detalhe da função criar automaticamente as classes foi a palavra magica hehe, agora ficou 100% valeu!

Visualizando 6 respostas - 1 até 6 (de um total de 6)
  • O tópico ‘Botoes distintos nos links das paginas’ está fechado para novas respostas.