php - 为图标字体添加带有自定义 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 nav 锚将有一个现有的类，因此您可以使用它。

<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>