Bạn có muốn thêm chế độ tối vào website WordPress?

Nhiều thiết bị hiện có hỗ trợ chế độ tối tự nhiên. Thêm chế độ này vào của bạn Website Tự động điều chỉnh thiết kế của bạn theo sở thích trình duyệt của người dùng. Bạn thậm chí có thể thêm một công tắc vào website để chuyển sang nó.

Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách dễ dàng thêm chế độ tối vào trang web WordPress của bạn cả trên giao diện người dùng và trong khu vực quản trị.

Nhưng trước đây, nếu bạn chưa bao giờ cài đặt WordPress khám phá Làm thế nào để cài đặt một bước 7 blog WordPress et Làm thế nào để tìm kiếm, cài đặt và kích hoạt một chủ đề WordPress trên blog của bạn 

Sau đó trở lại lý do tại sao chúng ta ở đây.

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

Chế độ tối được sử dụng trên thiết bị di động và máy tính để giảm lượng ánh sáng trắng trên màn hình.

Một số thiết bị có chế độ ban đêm thực sự sử dụng tông màu ấm hơn. Chế độ tối có một cách tiếp cận khác bằng cách thêm màu tối vào nền.

Nếu bạn có thiết bị iPhone hoặc Android, bạn có thể chuyển sang chế độ tối chỉ bằng cách sử dụng nút gạt.

Ngoài ra, trên máy tính của mình, bạn có thể xem các trang web ở chế độ tối bằng tiện ích mở rộng của Chrome như Night Eye. Đây là giao diện phần blog của BlogPasCher khi sử dụng tiện ích mở rộng này:

Chế độ tối của blogpascher

Thêm chế độ tối vào trang web của bạn cung cấp cho người dùng khả năng bật và tắt chế độ tối khi xem trang web của bạn. Nó cũng cho phép bạn kiểm soát nhiều hơn cách trang web của bạn hiển thị ở chế độ tối.

Các trang web phổ biến như YouTube cũng cung cấp một bảng màu tối. Điều này cho phép người dùng xem video vào ban đêm với trải nghiệm thoải mái hơn.

Chế độ tối trên Youtube

Bên cạnh việc thêm chế độ tối vào giao diện trang web của mình, 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 đang làm việc trên trang web của mình vào buổi tối hoặc ban đêm.

Trước tiên, hãy xem thêm chế độ tối vào trang web WordPress của bạn. Tiếp theo, chúng tôi sẽ đề cập đến việc thêm chế độ tối vào bảng điều khiển WordPress của bạn.

Hội đồng: Bạn có muốn một trang web có tông màu tối, ngay cả khi thiết bị của người dùng ở chế độ bình thường hoặc ban ngày? Vì vậy, hãy xem danh sách của chúng tôi về các chủ đề tối tốt nhất cho WordPress.

Thêm Chế độ tối vào trang web WordPress của bạn

Trước hết, bạn cần cài đặt và kích hoạt plugin Chế độ tối WP. Để biết thêm chi tiết, xem hướng dẫn từng bước của chúng tôi trên Cách cài đặt plugin WordPress.

Sau khi kích hoạt, hãy chuyển đến trang Cài đặt »Chế độ tối WP từ bảng điều khiển WordPress và nhấp vào tab General Settings. Bạn sẽ được chuyển hướng tự động đến đó.

Đây, tham số 'Bật Chế độ tối nhận biết hệ điều hành' đã được kích hoạt cho bạn. Điều này có nghĩa là khách sẽ tự động thấy phiên bản chế độ tối của trang web của bạn khi thiết bị của họ được đặt ở chế độ tối.

Thông số 'Hiển thị công tắc nổi'cũng đã được kích hoạt. Điều này có nghĩa là người dùng có thể chuyển trang web của họ sang chế độ tối bất kỳ lúc nào, ngay cả khi họ chưa bật tùy chọn chế độ tối trên thiết bị của mình.

Plugin chế độ tối của Wordpress wp

Chỉ cần truy cập trang web của bạn và bạn sẽ thấy nút chuyển ở góc dưới bên phải. Nhấp vào nó để chuyển ngay trang web của bạn sang chế độ tối trên thiết bị của bạn:

Xem trước trang web ở chế độ tối

Có nhiều tùy chọn tùy chỉnh hơn có sẵn trên trang Cài đặt »Chế độ tối WP. Tuy nhiên, những điều này khá hạn chế với phiên bản miễn phí.

Ví dụ, bạn chỉ cần nhấp vào tab Display Settings để thay đổi kiểu của công tắc nổi:

Tùy chỉnh giao diện chuyển đổi chế độ tối

Bạn cũng có thể tùy chỉnh màu chế độ tối bằng cách sử dụng tab Cài đặt kiểu :

Tùy chỉnh giao diện chuyển đổi chế độ tối 1

Đảm bảo rằng bạn nhấp vào nút Lưu các thiết lập để lưu cài đặt sau khi thực hiện thay đổi.

Lưu ý: Với phiên bản miễn phí của plugin này, bạn chỉ nhận được 2 kiểu chuyển đổi nổi đầu tiên và 2 cài đặt trước màu đầu tiên.

Phiên bản chuyên nghiệp cung cấp nhiều tùy chọn thiết kế hơn, ngoài khả năng bật chế độ tối vào những thời điểm cụ thể và khả năng thêm mã CSS tùy chỉnh.

Thêm chế độ tối vào bảng điều khiển WordPress

WordPress đi kèm với các lược đồ màu cho khu vực quản trị, nhưng không có lược đồ màu mặc định nào làm giảm ánh sáng trắng từ màn hình của bạn. May mắn thay, plugin này giải quyết được vấn đề này.

Hãy cùng xem cách dễ dàng thêm chế độ tối vào khu vực quản trị WordPress của bạn cho trải nghiệm người dùng đẹp hơn trong những giờ muộn.

Bạn chỉ cần vào trang Cài đặt »Chế độ tối WP và nhấp vào tab General Settings. Sau đó, lật công tắc 'Bật chế độ tối phụ trợ'. Đừng quên bấm vào nút Lưu các thiết lập ở cuối trang:

Tùy chỉnh Giao diện Bảng điều khiển Chế độ Tối

Bây giờ, bạn sẽ thấy một nút chuyển mới ở thanh trên cùng của khu vực quản trị của bạn:

Chỉ cần nhấp vào công tắc này để chuyển ngay khu vực quản trị của bạn sang chế độ tối.

Tùy chỉnh Giao diện bảng điều khiển Chế độ tối 1

Hội đồng: Nếu trang web của bạn có một số Người dùng WordPress, mỗi người sẽ có thể chuyển sang chế độ tối tùy thích.

Từ 'Chế độ tối'không phải là một bảng màu quản trị, bạn có thể dễ dàng sử dụng nó với một bảng màu quản trị WordPress hiện có. Để xác định điều này, chỉ cần đi tới  Người dùng »Hồ sơ và nhấp vào một tùy chọn trong Bảng màu dành cho quản trị viên.

Lưu ý rằng bạn sẽ cần phải tắt chế độ tối để xem các tùy chọn phối màu quản trị:

Tùy chỉnh Giao diện bảng điều khiển Chế độ tối 2

Khi viết một bài trong Trình chỉnh sửa khối WordPress, bạn cũng có thể chuyển sang chế độ tối. Nhấp vào biểu tượng màu nhỏ ở trên cùng bên trái, sau đó chọn chế độ bạn muốn sử dụng:

Trình chỉnh sửa khối chế độ tối

Giờ đây, bạn có thể thoải mái viết và làm việc trên trang web của mình vào ban đêm mà không phải căng mắt.

Các tài nguyên được đề xuất khác

Chúng tôi cũng mời bạn tham khảo ressources bên dưới để có nhiều quyền sở hữu và kiểm soát hơn đối với trang web và blog của bạn.

Kết luận

Đây là ! Đó là nó cho hướng dẫn này. 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ể đọc bài viết của chúng tôi về 9 WordPress plugin để tùy chỉnh bảng điều khiển của bạn.

Tuy nhiên, bạn cũng sẽ có thể tham khảo ý kiến ​​của chúng tôi ressources, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress hoặc một ngày Divi: chủ đề WordPress tốt nhất mọi thời đại.

Nếu có bạn bè hay comment để lại trong phần chú thích. Hầu hết chia sẻ bài viết này trên các mạng xã hội khác nhau của bạn.

...