Hướng dẫn tích hợp dark mode cho website WordPress

Dark mode cho website là gì ?

Như các bạn đã biết, dark mode hay night mode (giao diện tối màu, giao diện ban đêm) đã trở thành xu hướng thiết kế trong vài năm trở lại đây.

Tác dụng của nó làm giảm cường độ ánh sáng phát ra từ màn hình máy tính, điện thoại. Các hệ điệu hành hay phần mềm cũng dần được tích hợp.

Tích hợp dark mode cho website WordPress bằng plugin WP Dark Mode

Bạn vào Plugin gõ từ khóa WP Dark Mode 

Sau khi cài đặt bạn vào plugin nó sẽ có mục Settings như này :

• Enable Frontend Darkmode: tích hợp dark mode cho giao diện website.
• Enable Backend Darkmode: tích hợp dark mode cho giao diện quản trị WordPress.
• Show Floating Switch: hiển thị nút kích hoạt dark mode trượt theo màn hình (mặc định nằm ở góc dưới, bên phải giao diện) để cho phép khách truy cập có thể tắt bật một cách dễ dàng.
• Enable OS aware Dark Mode: đồng bộ với thiết lập của thiết bị truy cập. Ví dụ như điện thoại của bạn đang kích hoạt dark mode thì khi truy cập, website cũng sẽ tự động kích hoạt dark mode.

Sau khi thiết lập, click vào nút Save Settings để lưu lại.

Và có nút chuyển đổi sáng – tối trên gốc phải màn hình, dễ dang chuyển đổi qua lại nhanh chóng.

Lời kết

Như vậy mình cũng đã vừa hướng dẫn tích hợp dark mode cho website WordPress. Cũng như chia sẻ theme Jnews hỗ trợ dark mode đến các bạn. Với nhu cầu thông thường bạn sử dụng plugin WP Dark Mode bản miễn phí là đủ.

Các có thể theo dõi chuyên mục thủ thuật wordpress để biết thêm nhiều kiến thức mới nhé