Bạn có nhận thấy rằng nhiều trang web phổ biến như BBC et Facebook sử dụng màu riêng của chúng trên thanh địa chỉ của trình duyệt di động. Gần đây, một trong những người dùng của chúng tôi đã thông báo cho chúng tôi về sự quan tâm của anh ấy đối với chủ đề này.

Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách thay đổi màu của thanh địa chỉ trong trình duyệt di động cho phù hợp với trang web WordPress của bạn.

Tùy chỉnh màu sắc của thanh địa chỉ trên WordPress

Tại sao phải hài hòa màu sắc của thanh địa chỉ cho trình duyệt di động?

Nhất Chủ đề WordPress phổ biến là phản hồi trên thiết bị di động. Điều này làm cho trang web của bạn trông đẹp trên thiết bị di động. Tuy nhiên, anh ấy vẫn thể hiện mình là một Website.

Bằng cách điều chỉnh màu sắc của thanh địa chỉ với trang web WordPress của bạn, nó tạo cho nó ấn tượng về một ứng dụng di động. Điều này cải thiện trải nghiệm người dùng và tăng cả doanh số bán hàng và chuyển đổi.

Thanh địa chỉ sửa đổi cho trình duyệt di động

Tuy nhiên, cần lưu ý rằng hiện tại nó chỉ hoạt động cho trình duyệt 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.

Điều chỉnh màu sắc của thanh địa chỉ trên trình duyệt di động cho phù hợp với chủ đề WordPress của bạn

Chỉ cần thêm mã này vào tệp " header.php" de chủ đề của bạn hoặc chủ đề con ngay trước khi đóng </head> tag.


Dòng này là thẻ meta HTML được Google Chrome trên Android sử dụng để thay đổi màu của thanh địa chỉ trong trình duyệt di động. lĩnh vực của nội dung chứa mã thập lục phân của màu bạn muốn sử dụng làm màu chủ đề.

Bạn không biết cách lấy mã màu cho màu? Bạn có thể nhận giá trị hex của màu bằng bất kỳ phần mềm chỉnh sửa hình ảnh nào như Adobe Photoshop, Gimp, Paint, v.v.

màu sắc tuỳ PhotoShop

Bạn cũng có thể chọn màu bằng cách sử dụng các công cụ của Trình chọn màu HTML. Nếu bạn muốn chọn màu từ một trang web, bạn có thể sử dụng tiện ích mở rộng của trình duyệt như ColorZilla.

Đó là tất cả ! Chúng tôi hy vọng bài viết này đã hướng dẫn bạn cách thay đổi màu sắc của thanh địa chỉ của trình duyệt di động cho phù hợp với trang web WordPress của bạn.

Nếu bạn có bất kỳ ý kiến ​​hoặc đề xuất nào, vui lòng cho chúng tôi biết trong phần dành riêng.