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

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/

'容器'

(string) 是否包裹ul，以及用什么包裹它。默认“div”。

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

'菜单类'

（字符串）用于形成菜单的 ul 元素的 CSS 类。默认“菜单”。

'menu_id'（字符串）

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

'container_class'（字符串）

应用于容器的类。默认“菜单-{menu slug}-container”。

'container_id'（字符串）

应用于容器的 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'
  )
);
?>