네비게이션 메뉴를 워드 프레스의 "|"로 나누십시오

내 탐색 메뉴를 '| '예를 들면?네비게이션 메뉴를 워드 프레스의 "|"로 나누십시오

(home about us our work connect us)

그래서 나는이 같은 필요 :
이 내 메뉴입니다

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

및 편집기 (Appearance-> 메뉴)에 새 항목을 추가 할 때 추가해야합니다 ' | '자동으로. 아이디어가 있으십니까? PHP는 HTML CSS의 자바 스크립트 ... 아무 문제

출처

2014-05-13 Hadi Omary

HTML 템플릿을 변경해야합니다. HTML 템플릿이 어떻게 생겼는지 말할 수 없으므로 직접해야합니다. – h2ooooooo

고마워요.하지만 ... 아니요 내 테마를 만들려면 내 탐색 메뉴에서 모든 항목을 분할하는 것과 관련하여 특별한 질문이 있습니다. –

스타일

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

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

    }

출처

2014-05-13 07:59:54

'main-nav', 'container'=> 'nav', 'after'=> '|'))); ?> –

고마워요 .... 훌륭한 기술. 하지만 그게 어떻게 메뉴를 아래에 표시된 줄을 cuz 스타일을 잘 모르겠다 –

또한 "ID"태그를 설정하고 사용자 정의 스타일을 사용하여 ... –

당신은 라인을 추가하고

여기 Fiddle

간단한 코드를 확인하려면이 같은 뭔가를 할 수

<div class="verticalLine"> 

home 

</div>

CSS

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

희망이 당신이 :)

출처

2014-05-13 07:37:08 Richa

탐색에 UL 및 목록 요소를 사용하십시오! – xyNNN

세로줄을 추가하는 방법을 보여줍니다. 다른 부분은 그 사람에 있습니다. – Richa

나는 줄을 써서 HTML과 스타일에 대해 알고 있지만 자동으로 나누기 만하면된다. ( 'nav')); split_by "|")?>) ....... thanx all ya –

내가 이런 짓을 위해이

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

을 시도하기 위해 노력하고 초보자 for.Just 무엇을 찾고 jquery를 사용하는 내 사이트.

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

내비게이션에 맞게 선택기를 업데이트해야합니다.

출처

2014-05-13 08:02:40 lharby

네비게이션 메뉴를 워드 프레스의 "|"로 나누십시오

답변

관련 문제