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