有几种方法可以将图像作为菜单链接。既然你已经有了wp\\u导航功能,我建议你用它来添加你的图像。下面是一个快速的方法:
第一步
Add a new custom nav menu:

第2步
Add a temporary page and upload the image for the menu:

步骤3
Switch to HTML view select the text and link it to the page it will represent in the menu
Note: 您不必使用编辑器,但对于大多数用户来说,如果他们不懂html,则更容易使用。如果您觉得更舒适,可以使用此格式:
<a href="http://the-page-it-represents.com/"><img src="http://your-website.com/wp-content/uploads/2012/01/Profile.png" alt="" title="Profile" width="48" height="48" /></a>
步骤4
Add a custom menu 项将文本粘贴到自定义菜单项的标签文本框中。你可以使用
# 作为URL。然后单击添加菜单项按钮,您就得到了第一张图像。

第5步菜单定位我建议使用FirefoxFirebug 或者Web Developer Plugin. 以下是没有用于查找ID的样式和web developer插件的项目:

继续添加它们,直到完成。这将允许您稍后对其进行添加,并可与下拉导航一起使用。有其他方法可以做到这一点,但这一种效果很好。