워드프레스 메뉴 항목 사이에 세로선을 추가하는 방법

워드프레스 메뉴 항목 사이에 세로선을 추가하는 방법

들어가며 이 글에서는 워드프레스 메뉴의 항목 사이에 세로선을 추가하는 방법을 Twenty Twelve 테마를 예를 들어 설명합니다. Twenty Twelve 테마의 메뉴를 살펴보면 아래와 같습니다. 이 메뉴 형태를 다음과 같이 세로선이 있는 모양으로 바꾸어 보겠습니다. 위와 같이 세로선이 있는 메뉴 모양은 여러 가지 상황에서 응용이 가능합니다. 가령 이 사이트의 상단에 있는 로그인 관련 메뉴를 배치하는 데 사용할 수 있습니다. 먼저 이 작업을 수행하기 위해서는 CSS 코드를...