Cách thêm Chế độ tối vào trang web WordPress

Tác giả sysadmin, T.Hai 02, 2023, 04:05:38 CHIỀU

« Chủ đề trước - Chủ đề tiếp »

0 Thành viên và 1 Khách đang xem chủ đề.

Cách thêm Chế độ tối vào trang web WordPress


Bằng cách thêm chế độ tối vào WordPress, trang web của bạn sẽ tự động điều chỉnh dựa trên tùy chọn trình duyệt của khách truy cập. Bạn cũng có thể thêm chuyển đổi chế độ tối vào trang web của mình để khách truy cập có thể dễ dàng chuyển đổi giữa chế độ tối và sáng.

Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách thêm chế độ tối vào trang web WordPress của bạn.

1. Chế độ tối là gì và tại sao lại thêm nó vào trang web của bạn?

Nhiều thiết bị di động và máy tính hiện đại sử dụng chế độ tối để giảm thiểu lượng ánh sáng trắng phát ra từ màn hình. Điều này có thể làm giảm mỏi mắt, đặc biệt là trong điều kiện ánh sáng yếu.

Một số người thậm chí còn tin rằng nó cho phép bạn sử dụng máy tính và thiết bị di động đến khuya mà không bị ánh sáng trắng và xanh làm hỏng giấc ngủ của bạn.

Một số thiết bị đi kèm với chế độ ban đêm tích hợp chỉ sử dụng các tông màu ấm hơn. Tuy nhiên, chế độ tối thực sự thêm màu tối vào nền của thiết bị.

Nếu bạn có điện thoại thông minh iPhone hoặc Android, thì bạn có thể chuyển sang chế độ tối bằng nút gạt. Một số trang web phổ biến như YouTube thậm chí còn cung cấp bảng màu tối tích hợp sẵn.

Trên máy tính để bàn, bạn có thể truy cập các trang web ở chế độ tối bằng cách sử dụng tiện ích mở rộng của Chrome, chẳng hạn như Night Eye.

Bằng cách thêm chuyển đổi chế độ tối vào trang web của bạn, người dùng sẽ có thể chọn chế độ họ thích mà không phải cài đặt tiện ích mở rộng trình duyệt đặc biệt.

Nhiều plugin cũng cho phép bạn tùy chỉnh giao diện của chế độ tối trên trang web của mình, vì vậy bạn không phải sử dụng cài đặt mặc định của trình duyệt hoặc thiết bị.

Bạn thậm chí có thể thêm chế độ tối vào khu vực quản trị WordPress của mình. Điều này có thể hữu ích nếu bạn làm việc trên trang web của mình vào buổi tối hoặc ban đêm hoặc nếu bạn đang bị mỏi mắt.

Với ý nghĩ đó, hãy xem cách bạn có thể thêm chế độ tối vào giao diện người dùng công khai của trang web và khu vực quản trị của trang web WordPress của bạn.

Mẹo: Bạn muốn sử dụng bảng màu tối, ngay cả khi thiết bị của khách truy cập ở chế độ bình thường hoặc ban ngày? Sau đó, hãy xem danh sách các chủ đề tối tốt nhất cho WordPress của chúng tôi.

2. Cách thêm Chế độ tối vào trang web WordPress của bạn

Cách dễ nhất để tạo chế độ tối cho trang web của bạn là sử dụng Droit Dark Mode. Plugin này thêm nút chuyển đổi để khách truy cập có thể bật chế độ tối ở mặt trước của trang web của bạn. Nó thậm chí có thể thêm nút chuyển đổi vào khu vực quản trị, vì vậy bạn có thể bật chế độ tối cho bảng điều khiển WordPress.

Trước tiên, bạn cần cài đặt và kích hoạt plugin Droit Dark Mode. Để biết thêm chi tiết, vui lòng xem hướng dẫn của chúng tôi về cách cài đặt plugin WordPress.

Sau khi kích hoạt, hãy chuyển đến Droit Dark Mode » Preset Colors và chọn giao diện của chế độ tối đối với khách truy cập. Phiên bản miễn phí của plugin đi kèm với hai màu đặt trước, vì vậy hãy chọn màu bạn muốn sử dụng.


Sau đó, nhấp vào 'Cài đặt hiển thị' và chọn một kiểu cho công tắc chế độ tối của bạn.

Tiếp theo, mở trình đơn thả xuống Vị trí cơ thể và chọn vị trí thanh trượt sẽ xuất hiện trên blog hoặc trang web WordPress của bạn. Thông thường, bạn sẽ muốn thêm nó vào đầu trang web của mình để khách truy cập có thể dễ dàng chuyển đổi giữa các chế độ khác nhau.


Sau khi thiết lập xong, đã đến lúc bật chế độ tối bằng cách chọn 'Cài đặt chung'.

Để bắt đầu, bạn cần kích hoạt 'Bật chế độ Tối cho giao diện người dùng', chế độ này sẽ thêm công tắc vào giao diện người dùng của trang web của bạn.


Hiện tại, WordPress sẽ luôn tải trang web của bạn ở chế độ bình thường, nhẹ nhàng.

Nếu bạn muốn đặt chế độ tối làm mặc định, thì chỉ cần nhấp để kích hoạt công tắc 'Bật Chế độ tối mặc định'.


Khi đã xong, chỉ cần nhấp vào 'Lưu Cài đặt'. Bây giờ nếu bạn truy cập trang web của mình, bạn sẽ thấy công tắc chế độ tối mới đang hoạt động.

Để bật và tắt chế độ tối, chỉ cần nhấp vào công tắc.


3. Thêm Chế độ tối vào Khu vực quản trị WordPress của bạn

Bạn có thể thay đổi bảng màu quản trị viên trong WordPress bằng cài đặt tích hợp. Tuy nhiên, không có cách phối màu mặc định nào làm giảm ánh sáng trắng phát ra từ màn hình.

Nếu bạn làm việc muộn vào buổi tối hoặc bị mỏi mắt, thì bạn có thể thử thêm chế độ tối vào khu vực quản trị WordPress.

Chỉ cần truy cập Chế độ tối Droit » Cài đặt chung và nhấp để kích hoạt chuyển đổi 'Bật Chế độ tối phụ trợ'.


Sau đó, bạn có thể chọn bảng màu cho chế độ tối của quản trị viên. Chỉ cần mở trình đơn thả xuống 'Select Color Palette' mới và chọn Màu 1 hoặc Màu 2.

Khi đã xong, hãy nhấp vào 'Lưu Thay đổi'.

Droit Dark Mode giờ đây sẽ thêm nút chuyển đổi chế độ tối vào thanh công cụ quản trị. Để xem chế độ tối của quản trị viên đang hoạt động, chỉ cần nhấp vào nút chuyển đổi.


Nếu bạn không hài lòng với giao diện của chế độ tối, hãy mở menu thả xuống 'Chọn bảng màu' và chọn một kiểu mới từ danh sách.

Sau đó, nhấp vào 'Lưu cài đặt' và sử dụng nút chuyển đổi để xem các màu mới đang hoạt động.


Chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu cách thêm chế độ tối vào trang web WordPress của mình. Bạn cũng có thể muốn xem hướng dẫn của chúng tôi về cách tạo trang đích trong WordPress hoặc xem lựa chọn chuyên gia của chúng tôi về các plugin WordPress phải có.