Favicon là gì?
Favicon của một website thường là một ảnh nhỏ đại diện cho web và hiển thị trên trình duyệt web, khi người dùng bookmark địa chỉ web của bạn lại thì favicon sẽ được lưu để người dùng tiện tra cứu sau này. Favicon còn được biết đến như là shortcut icon, website icon, tab icon, URL icon, hay bookmark icon.
FAVICON QUAN TRỌNG NHƯ THẾ NÀO ĐỐI VỚI WEBSITE
Đối với website wordpress thì thường Favicon đã được hỗ trợ trong trình quảng lý theme của web. Các bạn chỉ cần chọn hình ảnh và lưu lại là có thể tạo Favicon cho website. Tuy nhiên vì một vài lý do, các Favicon này không hiển thị như ý muốn mà thay vào chỗ Favicon là một ô trắng khiến cho website của mình trở nên thiếu chuyên nghiệp.
2 Cách nhận diện lỗi hiển thị Favicon
Cách 1: Cách nhận biết lỗi Favicon nhanh nhất là mở website mình ra xem ở trình duyệt ẩn danh. Nếu không thấy logo đại diện cho website ở thanh tiêu đề là website đang bị lỗi hiển thị Favicon.
Cách 2: Dùng website sau đây để kiểm tra lỗi Favicon, với cách này chúng ta có thể kiểm tra lỗi Favicon trên nhiều thiết bị khách ngoài laptop còn có tablet, mobile ..
https://realfavicongenerator.net/
CÁCH XỬ LÝ LỖI HIỂN THỊ FAVICON
Bước 1: Dùng chức năng upload icon lên để tạo bộ Favicon cho website
Bước 2: Tạo HTML code
Bước 3: Tải gói favicon về upload vào root của website giải nén ra như hình bên dưới
Bước 4: thêm đoạn code bên dưới vào <head> của theme
Sau khi thêm xong các bạn vào lại realfavicongenerator.net để kiểm tra xem ok chưa nhé!
Chú ý: một số trường hợp lỗi favicon do định dạng file up lên làm favicon không đúng hoặc đo lỗi file, các bạn đổi định dạng file khác rồi làm lại nhé!
Hy vọng với ài viết này các bạn có thể áp dụng để sửa lỗi hiển thị Favicon cho website của mình nhé!
- Các cách truy xuất thông tin sản phẩm trong woocommece bằng code
- Cách dùng Font Awesome bản miễn phí
- Cách tạo mục lục tự động cho bài viết wordpress (TOC)
- Hiển thị tất cả comment trong web wordpress, các tham biến của hàm WP_Comment_Query wordpress,
- Các loại trang (Conditional Tags) được định nghĩa trong woocommerce
ad ơi mình đã làm theo các bước như trên, check ok hết rồi nhưng mà Favicon vẫn không hiện, mong ad check giúp. Cảm ơn ad nhiều
Xóa cache trình duyệt hoặc kiểm tra trên máy khác thử xem nhé!
Ad giúp mình với. Web mình trang nào cũng có Favicon, riêng trang chủ không có là bị dư mục màu đen đen. bữa mình nâng cấp phiên bản theme flatsome mới nhất bên bị vậy luôn. Web mình Techtra.vn
Bạn thử làm như hướng dẫn chưa?
Nhờ bạn giúp mình cái mình làm theo nhưng vẫn không được, mình đang dung themes flatsome nhưng chỉ bị lỗi cái chil themes nó không hiện favicon https://muabanexpress.com/. Cảm ơn bạn
Mình cập nhật bài viết rõ hơn, bạn xem kiểm tra lại hai bước cuối nhé
trang web pihouse.vn của mình trên máy tính thì hiện ra favicon nhưng sao dùng trên iphone nó không hiện ra nhỉ
Một số trường hợp lỗi do định dạng file icon, bạn đổi thử nhé
bạn check hộ mình xem website mình bị sao mà ko hiển thị trên Chorme, nhưng ở giao diện quản trị thì favicon vẫn hiện: https://nhanluctoancau.com . Mong bạn phản hồi
Bạn đã làm như hướng dẫn chưa? vì một số lý do nên mặt dù đã chọn favicon trong wordpress nhưng bên ngoài vẫn lỗi. Thêm css và hình ảnh như trong hướng dẫn sẽ khắc phục được
Của em như này là bị lỗi gì anh? Em tìm trên máy tính vẫn có nhưng trên điện thoại bị như này, tình trang này bị khoảng 2 tuần rồi
Em sửa lại favicon rồi nhưng khi tìm web trên điện thoại vẫn bị
Em kiểm tra lại trên https://realfavicongenerator.net/ xem mobile ok chưa? nếu ok rồi khả năng là cache web
Của em tra vẫn hiện, khả năng bị lỗi cache như a bảo rồi
Có cách nào xử lý được không anh
Của em đây anh ạ, như này có bị lỗi gì không anh
Ảnh này rõ hơn ạ
tuyệt vời, làm phát đc ngay, đúng là không gì là không thể nếu có hiểu biết :))) thank bác
Cảm ơn bạn đã chia sẻ