Favicon là một yếu tố nhỏ nhưng quan trọng, giúp tăng cường nhận diện thương hiệu và cải thiện trải nghiệm người dùng trên website. Hơn nữa, việc tối ưu favicon cũng đóng góp tích cực vào SEO, giúp website của bạn nổi bật hơn trong các tab trình duyệt hoặc danh sách dấu trang. Trong bài viết này, chúng ta sẽ tìm hiểu cách cài đặt favicon trên WordPress, bao gồm cả các phương pháp đơn giản và nâng cao.
Cài Favicon Trong WordPress
Một số theme WordPress, đặc biệt là các theme hiện đại như Flatsome, hỗ trợ cài đặt favicon trực tiếp trong mục Tùy Chỉnh.
- Truy cập Tùy Chỉnh
- Trong giao diện tùy chỉnh, chọn mục Logo & Identity hoặc Site Icon (tùy thuộc vào theme bạn sử dụng).
- Chọn ảnh từ thư viện hoặc tải lên một biểu tượng mới. Lưu ý, favicon nên có kích thước chuẩn 512×512 pixel và định dạng PNG hoặc ICO.
- Nhấn Xuất Bản để hoàn tất.
Cài Favicon Qua Cài Đặt Chung
Nếu theme bạn sử dụng không có mục tùy chỉnh favicon, WordPress vẫn cung cấp cách cài đặt cơ bản qua Cài đặt chung.
- Vào WordPress Dashboard > Cài Đặt > Cài đặt chung.
- Tùy theo phiên bản WordPress, mục này có thể nằm dưới phần mô tả website.
- Nhấn Chọn Tập Tin để tải lên favicon.
- Sau khi tải lên, nhấn Lưu Thay Đổi để áp dụng favicon mới.
Cài Favicon Cho Theme Không Hỗ Trợ
Nếu theme bạn sử dụng không hỗ trợ cài đặt favicon qua giao diện quản trị, bạn có thể thêm favicon thủ công bằng cách chỉnh sửa mã nguồn.
Có nhiều plugin giúp bạn thêm nội dung vào thẻ <head> mà không cần can thiệp vào mã nguồn theme.
Nếu bạn muốn can thiệp trực tiếp vào mã nguồn, hãy thêm đoạn mã HTML vào thẻ <head> của theme.
- Vào Dashboard > Giao Diện > Trình chỉnh sửa tệp tin, sau đó tìm file header.php của theme.
- Thêm đoạn mã sau trước thẻ đóng </head>:
<link rel="icon" type="image/x-icon" href="/images/favicon.ico"> - Nhấn Cập Nhật Tệp để lưu thay đổi.
- Làm mới trang web và kiểm tra favicon hiển thị trên tab trình duyệt.
Video hướng dẫn thêm Favicon cho Website
Bài viết có nhắc đến các plugin giúp thêm nội dung vào thẻ `
` mà không cần can thiệp mã nguồn. Anh/chị có thể gợi ý một vài plugin nào phổ biến và dễ dùng cho việc này không ạ, vì mình cũng không rành code lắm?Chào bạn, bạn có thể tham khảo các plugin như **Insert Headers and Footers** hoặc **Head, Footer and Post Injections** nhé. Đây là những plugin khá phổ biến và dễ dùng để thêm mã vào thẻ `
` mà không cần chỉnh sửa code trực tiếp đó ạ.