어두운 모드를 추가하시겠습니까? 웹 사이트 워드프레스?
이제 많은 장치에 기본 다크 모드가 지원됩니다. 이 모드를 귀하의 사이트 웹 사용자의 브라우저 기본 설정에 맞게 디자인을 자동으로 조정합니다. 스위치를 추가할 수도 있습니다. 웹 사이트 그것으로 전환합니다.
이 기사에서는 프론트 엔드와 관리 영역 모두에서 WordPress 웹 사이트에 다크 모드를 쉽게 추가하는 방법을 보여줄 것입니다.
그러나 이전에 WordPress discover를 설치 한 적이 없다면 워드 프레스 블로그 7 단계를 설치하는 방법 et 어떻게 찾아 설치하고 블로그에 워드 프레스 테마를 활성화하려면
그런 다음 왜 우리가 여기 있는지 다시 돌아옵니다.
다크 모드 란 무엇이며 웹 사이트에 추가하는 이유는 무엇입니까?
어두운 모드는 모바일 장치 및 컴퓨터에서 화면의 흰색 빛의 양을 줄이기 위해 사용됩니다.
일부 장치에는 실제로 따뜻한 색조를 대신 사용하는 야간 모드가 있습니다. 어두운 모드는 배경에 어두운 색상을 추가하여 다른 접근 방식을 취합니다.
iPhone 또는 Android 기기가있는 경우 토글을 사용하여 다크 모드로 전환 할 수 있습니다.
또는 컴퓨터에서 Night Eye와 같은 Chrome 확장 프로그램을 사용하여 다크 모드로 웹 사이트를 볼 수 있습니다. 이 확장을 사용하는 BlogPasCher의 블로그 섹션은 다음과 같습니다.
웹 사이트에 다크 모드를 추가하면 사용자가 웹 사이트를 볼 때 다크 모드를 켜고 끌 수 있습니다. 또한 웹 사이트가 어두운 모드에서 표시되는 방식을보다 세부적으로 제어 할 수 있습니다.
다음과 같은 인기 웹 사이트 유튜브 또한 어두운 색 구성표를 제공합니다. 이를 통해 사용자는 더 편안한 경험으로 밤 늦게 비디오를 볼 수 있습니다.
웹 사이트 프런트 엔드에 다크 모드를 추가하는 것 외에도 WordPress 관리 영역에 다크 모드를 추가 할 수도 있습니다. 저녁이나 밤에 웹 사이트에서 작업 할 때 유용 할 수 있습니다.
먼저 WordPress 웹 사이트에 다크 모드를 추가하는 방법을 살펴 보겠습니다. 다음으로 WordPress 대시 보드에 다크 모드를 추가하는 방법을 다룹니다.
조언 : 일반 또는 주간 모드의 사용자 장치에서도 어두운 색 구성표의 웹 사이트를 원하십니까? 따라서 목록을 확인하십시오. WordPress를위한 최고의 어두운 테마.
WordPress 웹 사이트에 다크 모드 추가
우선, 플러그인을 설치하고 활성화해야합니다 WP 다크 모드. 자세한 내용은 단계별 가이드를 참조하십시오. 워드 프레스 플러그인 설치 방법.
활성화 후 페이지로 이동 설정»WP 다크 모드 WordPress 대시 보드에서 탭을 클릭합니다. 일반 설정. 자동으로 리디렉션되어야합니다.
여기에서 매개 변수 'OS 인식 다크 모드 활성화'이(가) 활성화되었습니다. 이것은 방문자 기기가 다크 모드로 설정되어 있으면 웹 사이트의 다크 모드 버전이 자동으로 표시됩니다.
매개 변수 '플로팅 스위치 표시'도 활성화되었습니다. 즉, 사용자는 기기에서 다크 모드 옵션을 활성화하지 않은 경우에도 언제든지 웹 사이트를 다크 모드로 전환 할 수 있습니다.
웹 사이트를 방문하면 오른쪽 하단에 스위치가 표시됩니다. 웹 사이트를 기기에서 다크 모드로 즉시 전환하려면 클릭하세요.
페이지에서 더 많은 사용자 정의 옵션을 사용할 수 있습니다. 설정»WP 다크 모드. 그러나 이것은 무료 버전에서는 상당히 제한적입니다.
예를 들어, 탭을 클릭하기 만하면됩니다. 디스플레이 설정 플로팅 스위치의 스타일을 변경하려면 :
탭을 사용하여 어두운 모드 색상을 사용자 정의 할 수도 있습니다. 스타일 설정 :
버튼을 클릭하십시오 설정 저장 변경 후 설정을 저장합니다.
참고 : 이 플러그인의 무료 버전을 사용하면 처음 2 개 스타일의 플로팅 스위치와 처음 2 개 색상 사전 설정 만 얻을 수 있습니다.
프로 버전은 특정 시간에 다크 모드를 활성화하는 기능과 사용자 정의 CSS 코드를 추가하는 기능 외에도 더 많은 디자인 옵션을 제공합니다.
WordPress 대시 보드에 다크 모드 추가
WordPress에는 관리 영역에 대한 색 구성표가 있지만 기본 색 구성표는 화면에서 나오는 백색광을 감소시키지 않습니다. 다행히이 플러그인은이 문제를 해결합니다.
WordPress 관리 영역에 다크 모드를 쉽게 추가하는 방법을 살펴 보겠습니다. 사용자 경험 늦은 시간에 더 좋습니다.
당신은 페이지로 가야합니다 설정»WP 다크 모드 탭을 클릭하십시오 일반 설정. 그런 다음 스위치 '백엔드 다크 모드 활성화'. 버튼을 클릭하는 것을 잊지 마십시오 설정 저장 페이지 끝에 :
이제 관리 영역의 상단 표시 줄에 새 스위치가 표시됩니다.
이 스위치를 클릭하기 만하면 관리 영역을 다크 모드로 즉시 전환 할 수 있습니다.
조언 : 웹 사이트에 여러 WordPress 사용자, 각 사람이 원하는대로 어두운 모드로 전환 할 수 있습니다.
'이후다크 모드'관리자 색 구성표가 아니므로 기존 WordPress 관리 색 구성표와 함께 쉽게 사용할 수 있습니다. 이것을 정의하려면 다음으로 이동하십시오. 사용자»프로필 Admin Color Scheme에서 옵션을 클릭합니다.
관리자 색 구성표 옵션을 보려면 다크 모드를 꺼야합니다.
게시물을 작성할 때 WordPress 블록 편집기, 어두운 모드로 전환 할 수도 있습니다. 왼쪽 상단의 작은 색상 아이콘을 클릭 한 다음 사용하려는 모드를 선택합니다.
이제 밤에 눈의 피로없이 편안하게 웹 사이트에 글을 쓰고 작업 할 수 있습니다.
다른 추천 자료
우리는 또한 당신을 상담 초대합니다 능숙 귀하의 웹사이트와 블로그를 더 많이 소유하고 통제하려면 아래를 클릭하세요.
- WordPress 블로그 게시물에 동영상을 삽입하는 방법
- WordPress 양식에 Beach Slider를 추가하는 방법은 무엇입니까?
- 7 워드 프레스 플러그인 알림 표시 줄을 만들 수 있습니다
- 8 WordPress 플러그인을 사용하여 블로그에 가격 차트 추가
결론
여기 있습니다! 이것이이 가이드를위한 것입니다. 이 기사가 WordPress 웹 사이트에 다크 모드를 추가하는 방법을 배우는 데 도움이 되었기를 바랍니다. 다음 기사를 읽을 수도 있습니다. 9 워드 프레스 플러그인 대시 보드를 사용자 정의 할.
그러나 귀하는 우리와 상담 할 수 있습니다. 능숙, 인터넷 사이트 제작 프로젝트를 수행하는 데 더 많은 요소가 필요하면 워드 프레스 블로그 제작 또는 Divi : 역대 최고의 워드 프레스 테마.
친구 나 의견이 있으시면 섹션에 남겨주세요 논평. 대개 이 기사를 다른 소셜 네트워크에서 공유하십시오.
...
