0

ソーシャル メディアのナビゲーションにアイコン フォントを使用する予定ですが、テーマにこれらを実装するには、さらに多くのカスタム HTML が必要です。使用する必要がある HTML は、おおよそ次のようになります。

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

さて、これをテーマに手動でハードベイクする方が良いでしょうか? いくつかのアイコンを特定のいくつかに変更するための何らかのサポートを追加したいと思いますが、どのクラスが適用されているかを制御できるように、これを最適に実装する方法がわかりません。私はそれらを制御できる管理者のセクションを好む. ポインタ？

ありがとう。

4

1 に答える 1

0

これを行うために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>
于 2012-10-15T01:54:15.657 に答える