WordPress 사이트에서 다크 모드를 활성화하는 방법

Franklin 워드프레스 튜토리얼 Oct 31, 2021

사용자를 편안하게 하는 것은 웹사이트를 유지하기 위한 주요 목표입니다. 특정 조건에서는 어두울 때 스마트폰의 다크 모드와 같이 밝기를 조정하는 것을 선호합니다. 그러나 사용자 경험을 개선하기 위해 WordPress 사이트에서 다크 모드를 어떻게 활성화합니까? 이것이 우리가 이 글을 통해 보게 될 것입니다.

다크 모드란 무엇이며 웹사이트에 추가해야 하는 이유는 무엇입니까?

Android 또는 iPhone과 같은 대부분의 모바일 장치에는 이제 야간 모드가 장착되어 있습니다 . 후자는 따뜻한 색조를 가지며 특정 환경에 적합합니다. 배경에 어두운 색상을 추가하는 다크 모드 와는 조금 다릅니다. 여기서 목표는 화면에서 나오는 백색광의 양을 줄이는 것입니다.

Night Eye 라는 Chrome 확장 프로그램을 사용하면 다크 모드에서 웹사이트를 볼 수 있습니다. CodeWatchers 사이트에서 테스트한 결과 다음과 같습니다.

사이트에 다크 모드가 있으면 사용자가 탐색하는 동안 적절하다고 생각되는 대로 끄거나 켤 수 있는 옵션이 제공됩니다. 이것은 더 편안한 탐색 경험을 위해 특히 어두울 때 매우 실용적입니다.

놀라운 웹사이트 만들기

최고의 무료 페이지 빌더 Elementor와 함께

지금 시작

여러 인기 사이트에서 이 모드를 제공합니다. 예를 들어 심야 시청의 경우 YouTube 의 경우입니다.

또한 웹사이트 프론트엔드뿐만 아니라 WordPress 관리자 에게도 다크 모드를 추가할 수 있습니다. 나중에 어떻게 하는지 자세히 알아보겠습니다. 그러나 먼저 웹 사이트에서 다크 모드를 활성화하여 시작하겠습니다.

WordPress 웹 사이트에서 다크 모드 활성화

시작하려면 WordPress 사이트에 WP 다크 모드 플러그인 을 설치하고 활성화해야 합니다. 그런 다음 WordPress 관리자의 설정 » WP 다크 모드 페이지로 이동하여 일반 설정 탭을 클릭 합니다 . 자동으로 리디렉션됩니다.

이 시점에서 "OS 인식 다크 모드 활성화 " 매개변수가 활성화된 것을 볼 수 있습니다. 기본적으로 방문자의 장치 중 하나가 다크 모드로 설정되어 있으면 웹 사이트의 다크 모드 버전이 방문자에게 표시됩니다. 흥미롭지 않습니까!

또한 사용자가 장치에서 다크 모드 옵션을 활성화하지 않은 경우에도 언제든지 사이트 보기를 다크 모드로 전환할 수 있는 "플로팅 스위치 표시" 설정이 있습니다. 이 설정도 활성화된 것으로 나타납니다.

이제 귀하의 웹사이트로 돌아오십시오. 오른쪽 하단 모서리에는 장치에서 사이트를 즉시 다크 모드로 전환하기 위해 클릭하기만 하면 되는 스위치가 있습니다.

스타일 설정 탭에는 사이트의 다크 모드를 원하는 대로 사용자 지정할 수 있는 다양한 옵션이 있습니다.

참고: WP 다크 모드 플러그인의 무료 버전에는 처음 2개의 플로팅 스위치 스타일과 처음 2개의 색상 사전 설정으로 제한된 기능이 있습니다.

Pro 버전을 사용하면 더 많은 디자인 옵션이 있습니다. 또한 특정 시간에 다크 모드를 켜거나 사용자 정의 CSS 코드를 추가할 수 있습니다.

WordPress 관리자에게 다크 모드 활성화

기본적으로 WordPress에는 화면에서 나오는 백색광을 줄이기 위한 관리자 색 구성표가 없습니다. 그래서 우리는 WP 다크 모드 플러그인을 다시 사용할 것입니다. 다행히 절차는 매우 간단합니다.

설정»WP 다크 모드 페이지로 이동하여 일반 설정 탭을 클릭하십시오. 거기에 "백엔드 다크모드 활성화" 매개변수가 표시됩니다. ON으로 전환하면 완료됩니다. 물론 페이지 하단의 설정 저장 버튼을 클릭하는 것을 잊지 마십시오.

이제 관리 영역의 상단 표시줄에 새 스위치가 표시됩니다.

관리 영역을 다크 모드로 전환하려면 이 스위치를 클릭하기만 하면 됩니다.

참고: WordPress 사이트에 여러 사용자가 있더라도 각 사용자는 원하는 대로 다크 모드를 활성화할지 여부를 선택할 수 있습니다.

또한 기존 WordPress 관리자 색 구성표와 함께 다크 모드를 사용할 수 있습니다. 이렇게 하려면 사용자»프로파일 로 이동하고 관리 색 구성표 옵션에서 옵션을 클릭합니다. 물론 관리자 색 구성표 옵션을 보려면 어두운 모드를 꺼야 합니다.

WordPress 블록 편집기에서 게시물을 작성할 때 다크 모드도 켤 수 있습니다. 이렇게 하려면 왼쪽 상단의 작은 색상 아이콘을 클릭한 다음 사용하려는 모드를 선택합니다.

그게 다야! 이 기사가 WordPress 사이트에 다크 모드를 쉽게 추가하는 데 도움이 되기를 바랍니다. 따라서 밤 늦게 작업할 때 눈을 피로하게 할 필요가 없습니다.

이 기사가 마음에 들면 즐겨 찾는 소셜 네트워크에서 공유하십시오. 또한 TwitterFacebook 에서 팔로우 하여 향후 발행물에 대한 최신 정보를 항상 빠르게 받아볼 것을 권장합니다.