Bạn đã nhận thấy rằng nhiều trang web phổ biến như BBC và Facebook sử dụng màu sắc thương hiệu riêng của họ cho thanh địa chỉ trong trình duyệt trên điện thoại di động. Gần đây, một trong những người dùng của chúng tôi hỏi chúng tôi có thể viết về cách thay đổi màu sắc của thanh địa chỉ trong trình duyệt trên thiết bị di động để phù hợp với chủ đề WordPress của họ không? Trong bài này, chúng tôi sẽ hướng dẫn bạn cách thay đổi màu sắc của thanh địa chỉ trong trình duyệt trên điện thoại di động để phù hợp với trang web WordPress của bạn.
Tại sao lại khớp với màu của thanh địa chỉ trong trình duyệt trên điện thoại di động?
Hầu hết các chủ đề WordPress phổ biến đều đáp ứng trên điện thoại di động. Điều này làm cho trang web của bạn trông tuyệt vời trên thiết bị di động. Tuy nhiên, nó vẫn trông và cảm thấy như một trang web.
Kết hợp màu của thanh địa chỉ với trang web WordPress của bạn, mang lại cảm giác giống như ứng dụng bản địa. Điều này cải thiện trải nghiệm người dùng, điều này làm tăng doanh thu và chuyển đổi.
Tuy nhiên, xin lưu ý rằng hiện tại nó chỉ hoạt động cho trình duyệt web Google Chrome trên các thiết bị Android sử dụng Lollipop hoặc các phiên bản mới hơn.
Phù hợp với màu của thanh địa chỉ trên trình duyệt di động đến chủ đề WordPress của bạn
Đơn giản chỉ cần thêm mã này trong chủ đề của bạn hoặc chủ đề trẻ em header.php tập tin ngay trước khi đóng nhãn.
Dòng này là thẻ meta HTML được sử dụng bởi Google Chrome trên Android để thay đổi màu sắc của thanh địa chỉ trong trình duyệt trên điện thoại di động. Trường nội dung có mã hex cho màu bạn muốn sử dụng làm màu chủ đề.
Bạn không chắc chắn làm thế nào để có được mã màu hex?
Bạn có thể lấy giá trị HEX của một màu sắc bằng cách sử dụng bất kỳ phần mềm chỉnh sửa hình ảnh như Adobe Photoshop, Gimp, Paint, v.v.
Bạn cũng có thể chọn màu bằng công cụ chọn màu HTML trực tuyến.
Nếu bạn muốn chọn một màu từ một trang web, sau đó bạn có thể sử dụng một phần mở rộng của trình duyệt như ColorZilla.
Đó là tất cả