워드프레스의 특정 메뉴 항목에 다른 CSS 스타일 적용하기

2018. 8. 14. 07:27 | 댓글 0

워드프레스의 특정 메뉴 항목에 다른 CSS 스타일을 적용하고 싶은 경우가 있을 수 있습니다. 그런 경우 원하는 메뉴 항목에 CSS 클래스를 지정할 수 있습니다.

특정 메뉴 항목에 CSS 클래스 지정하기

메뉴 항목에 CSS 클래스를 지정하려면 외모 > 메뉴에서 해당 메뉴를 선택하도록 합니다. 그런 다음 오른쪽 상단의 "화면 옵션"을 클릭합니다.

워드프레스 메뉴 항목에 CSS 클래스 지정하기

고급 메뉴 속성 보기에서 CSS 클래스를 체크하도록 합니다.

이제 CSS 클래스를 지정하기를 원하는 메뉴 항목을 클릭하면 CSS 클래스를 지정할 수 있는 입력란이 있습니다.

워드프레스에서 메뉴 항목에 다른 CSS 스타일 적용하기

CSS 클래스를 추가한 다음 외모 > 사용자 정의하기 > 추가 CSS에 CSS 코드를 추가할 수 있습니다. 또는, 차일드 테마를 이용하거나 테마 옵션에서 CSS 입력란을 제공하는 경우 테마 옵션의 기능을 이용합니다.

예를 들어, 베스트셀링 테마인 아바다(Avada)의 경우 Avada > 테마 옵션(Theme Options) > 사용자 정의 CSS(Custom CSS)에서 사용자 CSS를 입력할 수 있습니다.

아바다 테마

참고:

  • 네이버 블러그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • 카카오스토리 공유하기

댓글을 달아 주세요

">