爲圖標字體添加自定義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>