Question

我尝试在模板页面内的WordPress网站上添加自定义菜单。我已使用此代码

成功注册了新菜单

      function register_my_menu() {

      register_nav_menu('new-menu',__( 'New Menu' ));
    }

     add_action( 'init', 'register_my_menu' );

现在我已经在page.php中添加了此菜单，并成功通过我的wordpress页面获取菜单项

 < ? php wp_nav_menu( array( 'theme_location' => 'new-menu' ) ); ?>

问题是我看到菜单项垂直于此http://prntscr.com/dt6300。如何设置自定义菜单的样式？如果有人可以提示一下！

Answer 1

这取决于您想要制作的菜单类型。您可以检查浏览器上的代码以查看生成的HTML的类，并为每个元素创建相对CSS。您可以将container参数传递给wp_nav_menu：

https://developer.wordpress.org/reference/functions/wp_nav_menu/

＆＃39;的容器＆＃39;

（string）是否包装ul，以及包装它的内容。默认＆＃39; div＆＃39;。

以及为元素提供id和class的以下参数：


＆＃39;的 menu_class ＆＃39;

（string）用于形成菜单的ul元素的CSS类。默认＆＃39;菜单＆＃39;。

＆＃39;的 menu_id ＆＃39; （字符串）

应用于形成菜单的ul元素的ID。默认为菜单slug，递增。

＆＃39;的 container_class ＆＃39; （字符串）

应用于容器的类。默认＆＃39; menu- {menu slug} -container＆＃39;。

＆＃39;的 CONTAINER_ID ＆＃39; （字符串）

应用于容器的ID。

你也可以在这里看到： https://codex.wordpress.org/Creating_Horizontal_Menus

<?php wp_nav_menu( array( 'theme_location' => 'new-menu', 'menu_class' => 'mymenuclass', 'menu_id' => 'mymenuid', 'container_class' => 'mycontainerclass' ) ); ?>

在wordpress模板中添加自定义导航菜单

1 个答案: