Hướng dẫn thay favicon cho Genesis Framework và Genesis child theme.
![]()
Nhiều theme WordPress đã tích hợp sẵn tính năng thay đổi favicon cho blog/ website nên việc thay đổi favicon là vô cùng đơn giản. Tuy nhiên, các theme xây dựng dựa trên Genesis Framework lại thường không có tính năng này. Vậy nếu muốn thêm hoặc thay đổi favicon mặc định của Genesis chúng ta phải làm thế nào? Đừng lo lắng, hôm nay tôi sẽ hướng dẫn các bạn cách thêm hoặc thay favicon cho blog/ website sử dụng Genesis Framework và child theme một cách đơn giản và nhanh chóng.
Tham khảo thêm:
- Thêm icon vào menu của Genesis Framework và child theme
- Làm thế nào để thêm icon vào menu của WordPress?
Thêm/ thay favicon cho Genesis Framework và child theme
Sử dụng code snippets
1. Đầu tiên, bạn cần phải tạo một favicon cho riêng mình. Việc này có thể thực hiện tại favicon.cc.
2. Upload file favicon vừa tạo lên host. Lấy link file.
3. Thêm đoạn code sau đây vào cuối file functions.php của Genesis Framework hoặc child theme mà bạn đang sử dụng.
# Thêm favicon cho theme Genesis
add_filter('genesis_favicon_url', 'custom_favicon_url');
function custom_favicon_url() {
$favicon = "https://ebooksvn.com/wp-content/uploads/2014/03/favicon1.ico";
return $favicon;
}
Thay link “https://wpcanban.com/wp-content/uploads/2014/03/favicon1.ico” bằng link file favicon của bạn. Lưu lại và xem kết quả.
Sử dụng Customizer
Ngoài ra, trong các phiên bản mới đây, WordPress cũng đã tích hợp thêm tính năng cho phép người dùng thêm favicon vào tất cả các blog/ website thông qua Customizer. Tất cả những gì các bạn cần làm là truy cập vào Appearance => Customize => Site Indentity và upload ảnh favicon của bạn lên. Ảnh này có thể có định dạng là PNG hoặc JPG và hỗ trợ kích thước lên đến 512 x 512 pixel để hiển thị tốt trên điện thoại có màn hình phân giải cao.
![]()
Sau khi upload, click vào nút Save Changes để lưu lại và xem kết quả. Đơn giản vậy thôi, chúc các bạn thành công!
Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều. :)






Chào Admin, website tuyenmai chấm com của em không thay được Favicon ạ, em thử đi thử lại mà không được
Bạn đã thử đổi trong Appearance => Customize => Site Identity => Site Icon chưa nhỉ?
đã test thành công! thank ad!
Bài viết rất hay về cách thêm ico vào genesis cảm ơn ad nhé!
Cám ơn bạn nhé!
Haha… thảo nào mấy anh em xài Genesis cái favicon nó cứ đen đen giống y chang nhau :p
Đó là cái favicon mặc định của Genesis. :D
Cám ơn bạn nhé,rất hay.
OK,
Có thể làm như sau: up file favicon.ico vào thư mục image thay cho favicon.ico cũ của theme genesic là được.
Đây cũng là một cách. Mình thường hay làm theo cách này. :D