Suporte » Temas e templates » Estilizar wp_list_pages

  • Viva 🙂

    Não é bem estilizar, é mais inserir um | entre cada link gerado, de maneira a os separar melhor.
    Alguma dica onde devo mexer?

A visualizar 5 respostas - de 1 a 5 (de um total de 5)
  • Moderador Hugo Baeta

    (@hugobaeta)

    O ideal é usares CSS para isto, visto serem elementos de apresentação e não de conteúdo. Usa o firebug para ver as classes geradas pelo wp_list_pages e adiciona ao teu css algo tipo border-left: 1px solid #000;

    Thread Starter Doobian

    (@doobian)

    Pois. Tinha pensado nisso e até experimentei jogar com a border, mas não aparecia nada.
    De qualquer maneira, queria que o menu aparecesse assim:

    Page1 | Page 2 | Page 3

    Ou seja, com os | só entre dois links e se usasse o border iria aparecer logo antes do 1º link.

    Não sei se ajudará, mas o código que estou a usar para este menu é o seguinte:

    <li<?php if ( is_home() || is_single() || is_search() || is_archive() ) { echo ‘ class=”current_page_item”‘; } ?>>“><span>Blog</span>

    <?php wp_list_pages(‘depth=1&title_li’); ?>

    O primeiro li chama a página do blog, o wp_list_pages chama as restantes páginas.

    Talvez se mexesse no código fonte do wp_list_pages? Só que não sei onde o encontrar.

    Moderador Hugo Baeta

    (@hugobaeta)

    bem, por regra é sempre boa prática não mexer nos core-files do WordPress. Se o fizeres, na próxima actualização perdes as alterações.

    De qualquer forma, podes sempre esquecer a forma como estás a fazer isto e passa a usar a nova função (desde o 3.0) wp_nav_menus() que te permite gerir os menus a partir do painel de administração. Lê mais em http://codex.wordpress.org/Function_Reference/wp_nav_menu

    Relativamente ao CSS, o WordPress faz o output de classes e id’s para cada item da lista. Assim sendo, podes atribuir no css uma regra para o primeiro, tipo:

    li#item-xx {border-left: 0;}

    Ou então, se te estiveres a borrifar para browsers antigos, podes sempre usar o pseudo-selector :first-child

    li:first-child {border-left: 0;}

    isto ajuda? 😉

    Thread Starter Doobian

    (@doobian)

    Não estava a usar o nav_menu porque depois não me aparecia o blog, que é a homepage e não sabia usar o current_page.
    Bem, é melhor desistir deste problema e separar os links com margins, para simplificar. 😉
    Obrigadissimo pela paciência, Hugo 😉

    Moderador Hugo Baeta

    (@hugobaeta)

    O novo wp_nav_menus() permite-te adicionar items diversos à navegação, desde páginas, posts, categorias, tags e links externos. Portanto é super flexível 😉

    Mas de qualquer forma, foi como te disse, isto é mais uma questão de CSS do que WordPress.

    😉

A visualizar 5 respostas - de 1 a 5 (de um total de 5)
  • O tópico ‘Estilizar wp_list_pages’ está fechado a novas respostas.