导航菜单中的文本符号

时间:2020-01-08 作者:Morgari

只是面临以下问题。问题是,当我在导航菜单点粘贴字体可怕的代码时,我看到了文本<i class="fa fa-shopping-cart" aria-hidden="true"></i> (附屏幕截图)而不是图标。

enter image description here

我第一次面临这样的问题——我以前的所有网站都没有遇到过这个问题。FontAwesome已成功集成-我可以在我的网站内容中看到所有图标。

我试图:

停用了我的自定义主题并激活了WP默认主题停用了我的所有插件清理的缓存等检查了我的。htaccess文件,但不幸的是没有任何帮助。

1 个回复
最合适的回答,由SO网友:WebElaine 整理而成

WP nav菜单不允许您直接粘贴到HTML中。

Option 1

相反,您可以创建一个“Cart”菜单项,并使用CSS将文本移出可见页面(这样屏幕阅读器仍然可以阅读它,但有视力的访问者看不到它),然后添加带有:after的图标。(您可以将自定义CSS类添加到wp admin中的菜单项中,并使用该类来确定哪个链接获得了:after和移动的文本。)

Option 2

或者,您可以使用自定义导航行者,它可以检查当前菜单项是否链接到购物车,如果是,则添加您最初尝试添加的HTML标记。

Option 3

你可以使用wp_get_nav_menu_items() (请参见Code Reference) 要获取项目,请使用您自己的自定义函数添加最初尝试添加的HTML标记。这可能比自定义walker更简单。

相关推荐

Horizontal Navigation

你好我已经和这个问题斗争了几个星期了。尝试各种方法。从CSS样式到自定义walker。我想将每个级别渲染为它自己的元素。导航菜单(在管理中的外观/菜单中定义)由页面、帖子和WooCommerce产品和类别组成。当我在主页上时,我想看到LEVEL 1菜单对象。当我导航到一个级别1页面时,我不想在顶部UL下面的UL中显示它的子级(级别2)。如果导航到级别1(级别2对象)的子级,我希望将其子级渲染为其自己的UL。所附图片显示了此场景,其中显示了所有级别。然而,在最好的情况下,这不应该取决于特定数量的级别。这应该