Here's my navbar in header.php

<!-- NAV -->   
    <div id="nav">
        <ul>
            <li><a href="<?php bloginfo('url'); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/navbar/home.png" alt="Ad image" /></a></li>
            <li><a href="<?php bloginfo('url'); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/navbar/nav2.png" alt="Ad image" /></a></li>
            <li><a href="<?php bloginfo('url'); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/navbar/nav3.png" alt="Ad image" /></a></li>
            <li><a href="<?php bloginfo('url'); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/navbar/nav4.png" alt="Ad image" /></a></li>
            <li><a href="<?php bloginfo('url'); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/navbar/nav5.png" alt="Ad image" /></a></li>
            <li><a href="<?php bloginfo('url'); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/navbar/nav6.png" alt="Ad image" /></a></li>
            <?php wp_list_categories('title_li='); ?>
        </ul>
    </div>
<!-- END NAV -->

How do you get each button to visit there respected pages? Basically include a category with the dashboard it adds inside a text based link. Among the finest the pictures to represent the various groups, any ideas?

I believe you've two options:

  • manipulate the wordpress_list_groups() function to show images

  • manipulate the written text links via CSS to cover the written text, and show experience image rather (color: transparent; display: block; height: xyz; width: xyz; background-image: url(...)) that is dependent strongly how their email list is made, and whether you will find any qualities to recognize each list item.

The cleanest way would likely be spinning wordpress_list_groups() or utilizing a wordpress plugin that delivers a alternative. Check this out Wordpress forum entry: How to customize wp_list_categories()?

Each hard link must go somewhere:

<a href="<?php bloginfo('url'); ?>/categoryname/">