Question

是否有一种简单的方法可以通过'|拆分我的导航菜单'例如？
这是我的菜单：

(home  about us  our work   connect us)

所以我需要这样的一个：

(home   |   about us   |   our work   |   connect us)

当编辑器在（ Appearance-＆gt; Menus ）中添加新项目时，必须添加'| '自动。任何的想法？ php html css javascript ...没问题

Answer 1

您可以执行以下操作来添加行并检查

<强> Fiddle

这是简单的代码

<div class="verticalLine">

home  

</div>

<强> CSS

.verticalLine {
    border-left: 2px solid ;
    display:inline;
    padding-left:5px ;
}

希望这是你正在寻找的。只是一个新手试图帮助：）

Answer 2

试试这个

<?php wp_nav_menu(array('after' => '|')); ?>

对于风格

   .main-nav li 
    {
    list-style-type: none;
    display:inline;
    border-left:1px solid #000000;
    }

  .main-nav li:first-child
   {
        border-left: 0;

   }

Answer 3

我使用jquery在我的网站上这样做了。

 $('ul#mainNav > li').not('ul#mainNav > li:last').append("&nbsp;|&nbsp;");

您需要更新选择器以匹配您自己的导航。

通过wordpress中的“|”拆分导航菜单

3 个答案: