Question

我第一次尝试这样做，请耐心等待我：）

我正在构建一个WordPress主题，并且在使用wp_nav_menu时，我正在尝试用我制作的自定义图像替换生成的链接文本。

所以，实质上，我需要做的事情：

    1) <a href="blah">this text needs to be replaced</a>
    2) <img src="<?php bloginfo('template_url'); ?>/images/with-this-image.png" />

我已尝试过使用jQuery进行一些不同的测试，但我找不到合适的组合来使其工作。

非常感谢任何帮助，谢谢！

Answer 1

使用

替换生成的文本“此文本需要替换”

 <img src="/images/with-this-image.png" />

如果你想用jquery在a标签上删除一个ID并引用该ID。

Answer 2

创建一个新菜单，这样就不会覆盖当前菜单（如果您决定更改它，可以更容易切换回来。

在您创建的新菜单中，不是以传统方式添加页面或帖子（使用复选框并添加到菜单），您可以使用此方法：

打开一个空白页面（它不会被保存，只需更轻松地获取下一步的html代码）。打开空白页面，单击HTML进入HTML视图。现在上传要用于导航链接的图像。复制html代码（确保你不复制P标签。结果看起来像这样：

<img src="http://yoursite.com/wp-content/uploads/2011/08/Home48x48.png" alt="Home" title="Home" width="48" />

现在将其添加到新创建的菜单中 转到您创建的新菜单，将最后一步的图像源粘贴到自定义菜单标签中（如果菜单项已添加，则会显示导航标签），其中包含URL的字段是您添加实际链接的位置到你的页面。