我想要实现的是这样的标题菜单:

现在,我有这个:

我就在不远处。为了达到我目前的状态,我跟随
these instructions 并添加了一些自定义CSS。因此,我在
functions.php
:
<?php
function register_my_menu() {
register_nav_menu(\'header-menu\',__( \'Header Menu\' ));
}
add_action( \'init\', \'register_my_menu\' );
?>
并将此添加到
header.php
:
<?php
wp_nav_menu(array(\'theme_location\' => \'header-menu\'));
?>
我现在想做最后一步
.svg
显示徽标而不是文本
Home
.
我该怎么做?我看不出有什么选择。这在高级主题中当然很常见,具体是如何做到的?有没有干净的方法?我可能可以通过创建一个左菜单和一个右菜单(暂时忽略购物车和登录),然后在两个菜单之间用静态HTML敲打我的徽标来解决这个问题,但这种解决方案对我来说大错特错。
任何帮助都将不胜感激。