在wp_nav_menu的<a>标签内插入一张图片

Question

我正在尝试在WordPress中构建一个菜单，其中图像位于链接上方，文本位于链接下方。我希望它是动态的，并使用内置的WordPress菜单功能。我看到很多技巧都是使用CSS将其变成背景图像，但这样并不能使图像可点击。是否有方法让WordPress在标签中添加或标签？

- James W Lane

---

如果你将图片设为<a>标签的背景，并将该标签的display属性设置为block，并添加填充以推出文本占据的空间，那么该图片就可以作为可点击链接背景。这仍然是一种Hack方法，但是可行且可点击。 - Dan Grossman

使用CSS添加背景根本不是黑客行为。这比在每个链接中嵌入图像要好得多。 - BadHorsie

这可能会对您有所帮助：https://dev59.com/5IPba4cB1Zd3GeqPw8nO#26079191 - Drew Baker

Answer 1

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

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

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

- Devgeeks