在 wp_nav_menu 的 <a> 标记内插入图像答案

【问题标题】：Insert an image inside the <a> tag of wp_nav_menu在 wp_nav_menu 的 <a> 标记内插入图像
【发布时间】：2011-10-26 14:50:49
【问题描述】：

我正在尝试在 WordPress 中构建一个菜单，该菜单在链接上方有一个图像，在链接下方有一个文本。

我希望它是动态的并使用内置的 WordPress 菜单功能。我看到很多黑客声称使用 CSS 将其设为背景图片，但无法使图片可点击。

有没有办法让 WordPress 在 <a>-tag 中添加 <img>- 或 <span>-tag？

【问题讨论】：

如果您将图像设置为<a> 标签的背景，则该图像将可以作为背景点击，您将其更改为display: block 并添加填充以将文本推出图像的空间占据。仍然是 hack，但可能且可点击。
使用 CSS 添加背景根本不是 hack。这比实际上在每个链接中都嵌套一张图片要好得多。
这可能对你有帮助：stackoverflow.com/questions/26079190/…

【解决方案1】：

尝试使用 wp_nav_menu 的 'link_before' 或 'link_after' 选项。

<?php 
    $args = array(
        'link_before' => '<img src="myImage.jpg" />'
    );
    wp_nav_menu($args); 
?>

这将在菜单项的链接文本之前或之后插入一些内容。

【讨论】：