CSS로 워드프레스에서 메뉴 모양 변경하기
테마 기능만으로는 웹사이트에 필요한 디자인을 만들 수 없는 경우가 있습니다. 예를 들어 기본 색상에서 제공되지 않는 색상을 이용하거나 페이지 요소의 위치를 변경하고 싶을 수 있습니다. 워드프레스 대시보드에서 CSS를 사용해 이런 변경 사항을 적용할 수 있습니다.
참고: 이러한 CSS 변경 사항은 현재 활성화된 테마에만 적용되며, 테마 업데이트 후에도 하위 테마 없이 계속 작동합니다. 활성화된 테마를 전환하려면 CSS 변경 사항을 다시 적용해야 합니다.
- 워드프레스에 로그인.
- 왼쪽 메뉴에서 모양 > 사용자 지정을 선택합니다.
참고: 모양을 선택했는데 사용자 지정이 아니라 편집기가 보이는 경우 여기에서 메뉴 디자인 편집 방법 또는 새로운 사이트 편집기에서 사용자 지정 CSS 추가 방법을 살펴보십시오.
- 왼쪽 메뉴에서 추가 CSS를 선택합니다.
- 아래 필드에 사용하려는 CSS 코드를 입력합니다.
- Publish(게시)를 선택합니다.
이렇게 하면 사이트 전체의 편집된 메뉴에서 변경 사항이 나타납니다.
참고: 브라우저를 다시 불러왔을 때 변경 사항이 적용되지 않는다면
- Managed WordPress로 작동하는 사이트의 경우 이 플랫폼이 사용하는 내장 캐시를 지웁니다.
- 관리형 워드프레스 사이트가 아니고 제삼자 캐싱 플러그인을 사용하는 경우 해당 플러그인 캐시를 지웁니다. 캐시 삭제 방법에 대해 도움이 필요한 경우 해당 플러그인에서 제공하는 문서를 살펴보십시오.
상세 정보
- 워드프레스에서 생성된 CSS 클래스를 포함하여 워드프레스 및 CSS에 대한 세부 정보를 확인하십시오.