drus39136 2017-01-08 22:51
浏览 177


I'm trying to add a custom menu over my WordPress site inside a template page. I've successfully registered new menu with this code

      function register_my_menu() {

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

     add_action( 'init', 'register_my_menu' );

Now I've added this menu inside page.php and successfully getting menu items over my wordpress pages

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

The question is I'm seeing the menu items vertical like this http://prntscr.com/dt6300 . How can I style my custom menu? If someone could give a hint!

  • 写回答

1条回答 默认 最新

  • dongronge3732 2017-01-08 23:54

    it depends on what kind of menu you want to make. You can inspect the code on the browser to see the classes of the generated HTML and create the relative CSS for each element. you can pass the container argument to wp_nav_menu:



    (string) Whether to wrap the ul, and what to wrap it with. Default 'div'.

    and the following arguments to give id and class to the elements:


    (string) CSS class to use for the ul element which forms the menu. Default 'menu'.

    'menu_id' (string)

    The ID that is applied to the ul element which forms the menu. Default is the menu slug, incremented.

    'container_class' (string)

    Class that is applied to the container. Default 'menu-{menu slug}-container'.

    'container_id' (string)

    The ID that is applied to the container.

    You can also see here: 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' ) ); ?>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?



  • ¥15 ensp如何拼通IP地址
  • ¥15 saber软件导入Ibis模型报错
  • ¥15 商城生产日期批次库存问题
  • ¥15 esp8266控制共阳极wrgb灯板无法关闭所有led灯
  • ¥100 python读取速度问题
  • ¥15 stm32f407使用DMA问题
  • ¥15 您好 这个API接口该怎么弄 网站搭建好了 API也有 现在就不知道该怎么填写API 不知道怎么用
  • ¥88 用uniapp写一个多端的程序,用到高德地图,用高德的JSAPI吗?
  • ¥20 关于#c++#的问题:水果店管理系统
  • ¥30 dbLinq最新版linq sqlite