Php 如何在Wordpress中将图像用作导航按钮？

这是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 -->

---

我如何让每个按钮进入这些页面？如果我通过仪表板添加一个类别，它会添加一个基于文本的链接。我只想让图像代表不同的类别，有什么想法吗？

我想你有两个选择：

• 操作wp_list_categories（）函数以显示图像

• 通过CSS操纵文本链接以隐藏文本，并改为显示背景图像（

  颜色：透明；显示：块；高度：xyz；宽度：xyz；背景图像：url（…）

  ），这在很大程度上取决于列表的呈现方式，以及是否有任何特征来标识每个列表项

---

最干净的方法当然是重写wp_list_categories（）或使用提供替换的插件。请参阅Wordpress论坛条目：

每个硬链接都需要转到某个地方：

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