为图标字体添加带有自定义html的自定义wordpress菜单

Question

我将在社交媒体导航中使用图标字体，但我需要更多自定义HTML才能为主题实现这些字体。 我需要使用的HTML大致如下所示：

<a href="#" class="icon-alone">
  <span aria-hidden="true" data-icon="&#x25a8;"></span>
  <span class="screen-reader-text">RSS</span>
</a>

现在，我手动将其烘焙为主题会更好吗？ 我想添加某种支持，以将某些图标更改为特定的几个图标，但是我不确定如何最好地实现这一点，以便我可以控制要应用的类。 我希望在管理员中可以控制它们的部分。 指针？

谢谢。

Answer 1

您可以尝试使用jQuery来做到这一点。 wp导航锚将存在一个现有的类，因此您可以使用它。

<script>
$(function(){
    $("a.menu_class").addClass("icon-alone");
    $("a.menu_class").attr("href","#");     
    $("a.menu_class").html('<span aria-hidden="true" data-icon="&#x25a8;"></span><span class="screen-reader-text">RSS</span>');
});
</script>