Usando CSS ID e Classes com imagens em um Menu Horizontal do WordPress

Encontrei este maravilhoso site, então, sou novo no WordPress. Eu tenho um site HTML / CSS desenvolvido a partir de um arquivo PSD. Tudo estava indo OK, header, rodapé, mas quando encontrei o menu do WP, eu só estou abastecido. Aqui está um exemplo de menu de código:

E o CSS para um exemplo:

  a#menunews, a#menunews:link, a#menunews:visited, a#menunews:active { background: transparent url(imagens/menu/menu_news.png) no-repeat left top; display: block; height: 55px; width: 56px; } a#menunews:hover {background-position: left bottom;} 

Então eu achei que os menus do WP aceitam aulas e eu invoco alguns desses itens para:

 .menunews { background: url(images/menu/menu_news.png) no-repeat left top; height: 55px; width: 56px; display:block; } 

e

  #navmenu li:hover { background-position: left bottom; } 

Minha pergunta é, posso construir o menu usando a primeira estrutura, com as ID? Não tenho ideia de onde as saídas da lista wp_menu são …

E, usando as classs, dentro do painel de administração do menu, ele funciona, mas o título da página fica acima da imagem e o link funciona apenas nela, não na própria imagem, como um bloco, como o CSS original.

Para fins visuais, o menu deve se parecer com este site: http://www.realmofobscura.com/ , é por sinal feito com o WP.

Tutoriais, links, qualquer coisa, serão muito apreciados =)

Solutions Collecting From Web of "Usando CSS ID e Classes com imagens em um Menu Horizontal do WordPress"

Os menus são muito flexíveis, mas também são bastante complicados dentro.

Comece com a documentação wp_nav_menu() para a personalização básica dos elementos do contêiner e tal. Você pode precisar rasgá-lo para itens de lista básica para integrar em uma marcação mais complexa.

Você também pode usar o Walker personalizado, mas não recomendarei nenhum iniciante para ir lá (heh, a maioria dos profissionais parece ter medo de Walkers).

O PS observa que, enquanto perguntando sobre a mecânica do menu está no tópico, as questões puramente CSS (“como ficá-lo assim”) são consideradas não específicas do WordPress e melhor feitas em outros lugares.