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

Ngày đăng: 09 - 12 - 2020 Lượt xem: 61 lượt

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 

Dark mode cho website

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é

0 0 vote
Article Rating

guest
0 Comments
Inline Feedbacks
View all comments

Bài viết liên quan

Sửa lỗi không gửi mail với SMTP

Sửa lỗi không gửi mail với SMTP

24 - 02 - 2021

Sửa lỗi không gửi mail với SMTP như thế nào? Nếu bạn gặp lỗi với việc gửi mail bằng contact...

Sao chép post/page trong Wordpress

Sao chép post/page trong Wordpress

22 - 02 - 2021

Sao chép post/page trong Wordpress như thế nào? Khi đó bạn cần duplicate post WordPress hoặc clone toàn bộ bài...

Tạo bộ đếm ngược sản phẩm WooCommerce WordPress

Tạo bộ đếm ngược sản phẩm WooCommerce WordPress

21 - 02 - 2021

Chào các bạn hôm nay mình sẽ giới thiệu đến các bạn tạo bộ đếm ngược sản phẩm WooCommerce...

Tạo Popup  WordPress với Popup Maker

Tạo Popup WordPress với Popup Maker

20 - 02 - 2021

Bạn đang cần tạo Popup WordPress với Popup Maker. Bạn không nên bỏ qua Popup Maker Plugin. Những ưu điểm...

Sử dụng WordPress Importer plugin

Sử dụng WordPress Importer plugin

07 - 01 - 2021

WordPress Importer là một công cụ cho phép bạn di chuyển nội dung giữa các website WordPress. WordPress Importer có thể...

Sử dụng Query Monitor trong Worpdress

Sử dụng Query Monitor trong Worpdress

06 - 01 - 2021

Bạn đang làm 1 trang web nhưng nó chạy chậm có thể là do lạm dụng cài đặt plugins ...

0
Would love your thoughts, please comment.x
()
x