用“ |”分隔導航菜單 在wordpress中

Question

有沒有一種簡單的方法可以將導航菜單按'| ' 例如 ？
這是我的菜單：

(home  about us  our work   connect us) 

所以我需要這樣一個：

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

當編輯器在（ Appearance-> Menus ）中添加新項目時，它必須添加'| '自動。 任何想法 ？ PHP HTML CSS CSS JavaScript ...沒問題

Answer 1

您可以執行以下操作來添加行並檢查

小提琴

這是簡單的代碼

<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(" | ");

您將需要更新選擇器以匹配您自己的導航。