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