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

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>