Hướng dẫn sửa lỗi Favicon không hiện trên web wordpress đơn giản

Bất kỳ một web nào cũng đều có Favicon cả, có thể nói Favicon là hình ảnh biểu tượng cho website của bạn. Đã làm Website thương hiệu thì nhất định phải có Favicon.

1. Favicon là gì?

Favicon của một website thường là một ảnh nhỏ đại diện cho web để 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 để user dễ dàng tìm kiếm

.

Chính vì các lý do đó mà Favicon còn được biết đến như là shortcut icon, website icon, tab icon, URL icon, hay bookmark icon,… và còn nhiều tên gọi khác.xem thêm: thay đổi logo favicon

 

Hướng dẫn sửa lỗi Favicon không hiện thị trên web wordpress đơn giản

 

Đố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.

 

Các cách nhận biết lỗi favicon không hiện tren web wordpress

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 ..

 

 

Cách xử lý lỗi hiển thị Favicon trên Chrome

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, thêm đoạn code bên trên vào thẻ <head> sricpt

 

 

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é! 

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

zalo
messenger