在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/

' 容器 '

（字符串）是否包裝ul，以及包裝什么。 默認為“ div”。

以及用於為元素賦予id和class的以下參數：

' menu_class '

（字符串）用於構成菜單的ul元素的CSS類。 默認為“菜單”。

' menu_id '（字符串）

應用於構成菜單的ul元素的ID。 默認為菜單項，遞增。

' container_class '（字符串）

應用於容器的類。 默認為“菜單-{菜單子彈}-容器”。

' container_id '（字符串）

應用於容器的ID。

您也可以在這里看到： https : //codex.wordpress.org/Creating_Horizo​​ntal_Menus

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