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

Ngày đăng: 09 - 12 - 2020 Lượt xem: 1417 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é

5 1 vote
Đánh giá bài viết

Nhận thông báo
Nhận thông báo cho
guest

0 Góp ý
Inline Feedbacks
View all comments

Bài viết liên quan

WordPress Multisite là gì? 6 bước cài đặt chi tiết

WordPress Multisite là gì? 6 bước cài đặt chi tiết

20 - 11 - 2022

Doanh nghiệp của bạn đang phát triển muốn mở rộng thêm nhiều chi nhánh và muốn xây dựng thêm...

Chi tiết cách kiểm tra mã độc WordPress và loại bỏ chúng

Chi tiết cách kiểm tra mã độc WordPress và loại bỏ chúng

15 - 11 - 2022

Đối với website, mã độc được sử dụng để đánh cắp thông tin khách hàng, nắm giữ thông tin...

So sánh Blogspot và WordPress, 2 nền tảng Blog tốt nhất hiện nay

So sánh Blogspot và WordPress, 2 nền tảng Blog tốt nhất hiện nay

11 - 11 - 2022

WordPress và Blogspot hiện nay đang là 2 nền tảng website dạng blog nổi tiếng nhất trên thế giới....

Uncategorized là gì, cách đổi tên danh mục Uncategorized trong WordPress

Uncategorized là gì, cách đổi tên danh mục Uncategorized trong WordPress

05 - 11 - 2022

Trong WordPress, Category để chỉ một danh mục được sử dụng để gom các bài viết có liên quan...

Elementor là gì? hướng dẫn cài đặt Elementor chi tiết

Elementor là gì? hướng dẫn cài đặt Elementor chi tiết

03 - 11 - 2022

Elementor là một plugin xây dựng trang giúp bạn dễ dàng tạo các trang web WordPress đẹp. Ngay cả...

4 cách xóa category trong URL WordPress đơn giản, nhanh chóng

4 cách xóa category trong URL WordPress đơn giản, nhanh chóng

02 - 11 - 2022

Nhà phát triển wordpress thêm / category / urls để dễ dàng xác định các trang web có /...

0
Would love your thoughts, please comment.x