2017-01-08 130 views
0

我試圖在模板頁面內的我的WordPress網站上添加自定義菜單。我已經成功地註冊新的菜單與此代碼現在在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。我如何設計自定義菜單?如果有人可以提示!

回答

0

它取決於你想要做什麼樣的菜單。您可以檢查瀏覽器上的代碼以查看生成的HTML的類,併爲每個元素創建相關的CSS。 您可以container參數傳遞給wp_nav_menu

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

'容器'

(串)是否換了UL,並用什麼來包裝它。默認'div'。

和以下參數得到的id和類的元素:

'menu_class'

(字符串)CSS類使用爲構成該菜單ul元素。默認'菜單'。

'menu_id'(字符串)

施加到形成菜單ul元素的ID。默認是菜單slug,遞增。

'container_class'(串)被施加到所述容器

類。默認'menu- {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')); ?> 
+0

嗨。謝謝您的回覆。如果你可以編輯我的上面的代碼,並且用簡單的例子來解釋我一點點的話,那麼請。 –

+0

嘗試自己,然後張貼你的嘗試,你會受到歡迎... – DaFois

+0

我不是一個PHP的編碼器,所以不知道的語法。所以不知道把正確的屬性放在哪裏。我將自己開發css類。只需要得到提示將類引用放在哪裏 –

相關問題