我需要创建一个自定义导航栏来替换WordPress网站上的现有导航栏。我在CSS方面很不错，但从来没有碰过这样的东西。
我找到了多种方法来删除现有的导航栏，这样就不会出现问题，但添加了svg，其中包含与svg相关的链接。
导航栏应该看起来像这样 navigation bar
答案 0 :(得分：0)
我认为你可以从两个不同的角度来看待这个问题。
1 - 您不想/不能使用PHP
您可以通过Wordpress＆＃39;创建自定义菜单管理小组。
向按钮添加特定类（通过使用＆＃34;屏幕选项＆＃34;面板：在页面右上角激活菜单＆＃34; s按钮上的CSS类属性字段）。
然后你需要2个课程：
并调整de CSS规则以显示所需的链接。
最后我会展示＆＃34;云＆＃34; svg作为整个菜单的背景。
真正的问题是wordpress会在li中输出所有菜单项ul，所以也许你应该创建2个不同的菜单（每行一个），并显示两个菜单在一个专用的容器中。
2 - 您希望/可以/更喜欢使用PHP
这种替代方案利用了Wordpress＆＃39; Menu Walker创建一个扩展它的自定义walker
这个想法是通过自定义这个PHP类，您可以通过定义HTML输出来指定wordpress如何通过菜单生成菜单。
以下是一些可以帮助您实现这一目标的链接：
https://gist.github.com/kosinix/5544535
https://code.tutsplus.com/tutorials/understanding-the-walker-class--wp-25401
http://jamescollings.co.uk/blog/wordpress-custom-walker-output-section-of-menu/
自定义菜单输出正常后，您只需要通过CSS自定义生成的HTML。
注意：如果您对PHP不够熟悉，第二种方法可能是冒险
