Init Press v1.2.0: Tùy chỉnh màu chủ đạo toàn trang chỉ trong một cú click

Init Press vừa cập nhật phiên bản 1.2.0 với tính năng được chờ đợi nhất: khả năng tùy chỉnh màu chủ đạo toàn bộ giao diện trực tiếp từ Theme Settings. Không cần đụng vào code, không cần biết CSS, chỉ cần chọn màu và toàn bộ website của bạn sẽ đồng bộ ngay lập tức.

Init Press v1.2.0: Tùy chỉnh màu chủ đạo toàn trang chỉ trong một cú click

Màu sắc thương hiệu giờ đây thuộc về bạn

Mỗi thương hiệu có một bản sắc riêng, và màu sắc là yếu tố nhận diện quan trọng nhất. Trước đây, để thay đổi màu chủ đạo trên một theme WordPress, bạn buộc phải can thiệp file CSS hoặc cài thêm plugin tùy biến giao diện nặng nề. Với Init Press 1.2.0, mọi chuyện đã khác.

Chỉ cần truy cập Init Press > Settings, chọn màu trong bảng màu gốc WordPress, nhấn lưu. Toàn bộ liên kết, nút bấm, thanh tiến trình, vùng chọn văn bản và các điểm nhấn trên website sẽ tự động chuyển sang màu bạn chọn.

Gradient thông minh tự động sinh ra

Điểm đặc biệt của bản cập nhật này không chỉ dừng lại ở việc đổi màu đơn thuần. Init Press 1.2.0 tích hợp thuật toán phân tích Hue để tự động tạo ra màu gradient phù hợp, tạo nên các hiệu ứng chuyển màu mượt mà trên thanh tiến trình và các yếu tố trang trí.

Hệ thống còn tự động tính toán màu hover sáng hơn 20% so với màu gốc, đảm bảo trải nghiệm tương tác trên nút bấm và liên kết luôn rõ ràng, thu hút.

CSS Variables được inject trực tiếp vào head

Init Press 1.2.0 sử dụng CSS Custom Properties để quản lý màu sắc. Các biến như --ip-theme-color, --ip-theme-hover--ip-gradient-color được tự động chèn vào thẻ head của mỗi trang. Điều này mang lại hai lợi ích lớn:

  • Hiệu suất cao: Không cần file CSS động nặng nề, trình duyệt áp dụng màu ngay từ biến CSS.
  • Dễ mở rộng: Developer có thể tự do sử dụng các biến này trong child theme hoặc custom CSS mà không lo bị ghi đè.

theme-color meta tag cho trình duyệt di động

Phiên bản 1.2.0 còn bổ sung thẻ meta theme-color động, giúp thanh địa chỉ và giao diện trình duyệt trên điện thoại đồng bộ màu sắc với website. Đây là chi tiết nhỏ nhưng tạo nên trải nghiệm thương hiệu liền mạch, chuyên nghiệp trên mọi thiết bị.

Các lớp tiện ích mới cho developer

Bên cạnh đó, bản cập nhật mang đến các lớp CSS tiện ích mới:

  • .theme-color — Áp dụng màu chủ đạo bất kỳ đâu trong nội dung.
  • .no-color.not-achieved — Bộ lọc grayscale cho các trạng thái chưa kích hoạt hoặc thành tựu chưa đạt được.

Cập nhật ngay hôm nay

Init Press 1.2.0 đã sẵn sàng để cập nhật. Nếu bạn đang sử dụng theme, chỉ cần vào Giao diện > Cập nhật để nâng cấp. Sau khi cập nhật, hãy vào Theme Settings để chọn màu chủ đạo cho riêng mình và xem website thay đổi ngay trước mắt.

Init Press tiếp tục khẳng định triết lý: nhẹ, nhanh, dễ dùng, nhưng không đánh đổi sức mạnh tùy biến. Phiên bản 1.2.0 là minh chứng rõ ràng nhất cho cam kết đó.

Bình luận


  • Không có bình luận.

Công cụ trực tuyến

Nhấn Ctrl + \ trên máy tính, hoặc vuốt sang trái ở bất kỳ đâu trên mobile.

Đăng nhập





Đang tải...