• Trang chủ
  • WordPress
    • Thủ thuật WordPress
    • WordPress Plugins
    • WordPress Themes
  • Hosting và Domain
  • Kiếm tiền online
  • Đánh giá
  • Khuyến mãi
  • Thông báo
wpcb-logo

WP Căn bản

Kiến thức căn bản cho người dùng WordPress

paradise-child-theme-wordpress-theme-tot-nhat
  • Dịch vụ WordPress Hosting
  • Dịch vụ tối ưu WordPress
  • Dịch vụ quét mã độc WordPress
  • Mua Paradise child theme
Trang chủ » WordPress » Thủ thuật WordPress » Hướng dẫn thay favicon cho Genesis Framework và child theme
hosting-tot-nhat-danh-cho-wordpress

Hướng dẫn thay favicon cho Genesis Framework và child theme

Cập nhật: 19/06/2022 Trung Hiếu 10 Bình luận

Mục lục Hiện
  • 1. Thêm/ thay favicon cho Genesis Framework và child theme
    • 1.1. Sử dụng code snippets
    • 1.2. Sử dụng Customizer

Hướng dẫn thay favicon cho Genesis Framework và Genesis child theme.

thay-favicon-cho-genesis-framework-va-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.

thay-favicon-cho-wordpress

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

Đang tải đánh giá...
  • Chia sẻ lên Facebook
  • Chia sẻ lên Twitter
  • Chia sẻ lên LinkedIn

Bài viết liên quan

Ẩn tiêu đề trang hoặc bài viết trong Genesis Framework
Ẩn tiêu đề trang hoặc bài viết trong Genesis Framework
Sử dụng Genesis Framework Schema cùng Yoast SEO
Sử dụng Genesis Framework Schema cùng Yoast SEO
Chèn code vào bất cứ vị trí nào trên Genesis Framework
Chèn code vào bất cứ vị trí nào trên Genesis Framework

Chuyên mục: Thủ thuật WordPress Thẻ: Thủ thuật Genesis

wpcanban-com-facebook-group

Nói về Trung Hiếu

Một người con của xứ Nghệ, hiện đang sinh sống tại Hà Nội. Tôi là người sáng lập và đứng sau mọi hoạt động của WP Căn bản. Tìm hiểu thêm về tôi tại đây.

Bài viết trước « Thêm icon vào menu của Genesis Framework và child theme
Bài viết sau Tùy biến post info trong Genesis child theme »

Reader Interactions

Bình luận

    Để lại một bình luận Hủy

    Tất cả các bình luận đều sẽ được kiểm duyệt nghiêm ngặt. Mọi bình luận trái quy định sử dụng sẽ bị gỡ bỏ link hoặc xóa bỏ hoàn toàn. Vui lòng đọc kỹ quy định trước khi bình luận. Xin cảm ơn!

  1. Mai Văn Tuyến 1 bình luậnviết

    26/11/2020 lúc 17:55

    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ình luận
    • Trung Hiếu Quản lýviết

      26/11/2020 lúc 20:18

      Bạn đã thử đổi trong Appearance => Customize => Site Identity => Site Icon chưa nhỉ?

      Bình luận
  2. Vũ đức Mạnh 11 bình luậnviết

    09/08/2017 lúc 08:53

    đã test thành công! thank ad!

    Bình luận
  3. Vũ Đức Mạnh 11 bình luậnviết

    28/07/2017 lúc 21:26

    Bài viết rất hay về cách thêm ico vào genesis cảm ơn ad nhé!

    Bình luận
  4. Lê Hành 1 bình luậnviết

    27/04/2017 lúc 09:44

    Cám ơn bạn nhé!

    Bình luận
  5. Tịnh Nguyễn Blog 195 bình luậnviết

    21/04/2017 lúc 06:46

    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

    Bình luận
    • Trung Hiếu Quản lýviết

      21/04/2017 lúc 07:54

      Đó là cái favicon mặc định của Genesis. :D

      Bình luận
  6. Tùng 2 bình luậnviết

    20/05/2016 lúc 07:58

    Cám ơn bạn nhé,rất hay.

    Bình luận
  7. Hai Lua 8 bình luậnviết

    06/07/2015 lúc 09:54

    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.

    Bình luận
    • Trung Hiếu Quản lýviết

      06/07/2015 lúc 09:56

      Đây cũng là một cách. Mình thường hay làm theo cách này. :D

      Bình luận

Sidebar chính

Người sáng lập

avatar-tac-gia
Blogger - Developer - Freelancer

Tôi tên là Bùi Trung Hiếu, sinh ra ở một làng quê nghèo thuộc tỉnh Nghệ An. Hiện tại, tôi đang sinh sống và làm việc tại Hà Nội. Với niềm đam mê công nghệ thông tin mãnh liệt, đặc biệt là WordPress, tôi đã tự tìm tòi, nghiên cứu về chúng trong suốt nhiều năm qua.

Xem thêm về tôi

Theo dõi qua mạng xã hội

Dịch vụ tối ưu WordPress miễn phí

dich-vu-toi-uu-wordpress-mien-phi

Plugin độc quyền miễn phí

  • WPCB Secure Shield
  • WPCB Hybrid Cache Manager
  • WPCB AI Optimization
  • WPCB Simple Ratings
  • WPCB Simple AntiSpam
  • WPCB Social Share Buttons
  • WPCB Comment Notifications
  • WPCB Comment User Badge
  • WPCB Top Commenters
  • WPCB Simple SMTP
  • WPCB Simple Contact Form
  • WPCB Permalinks Manager
  • WPCB Syntax Highlighter
  • WPCB Content Protector
  • WPCB Auto Images Alt-Text
  • WPCB Snowfall
  • WPCB Ultimate Search
  • WPCB 404 Auto Redirect
  • WPCB Disable Blog
  • WPCB Simple Lightbox
  • WPCB Auto Expired Transients Cleaner

Dịch vụ quét mã độc miễn phí

dich-vu-quet-ma-doc-wordpress-mien-phi

Bài viết mới nhất

  • Tối ưu website WordPress cho AI một cách đơn giản 24/03/2026
  • Hướng dẫn nâng cấp PHP 8.5 cho website WordPress 09/03/2026
  • Sửa lỗi trắng trang cho XML Sitemaps của Rank Math SEO 02/03/2026
  • Sửa lỗi 404 cho XML Sitemaps của Rank Math SEO 01/02/2026
  • Plugin chống spam siêu nhẹ dành cho WordPress 07/01/2026
  • Plugin siêu nhẹ tạo hiệu ứng tuyết rơi cho WordPress 12/12/2025

Footer

Bình luận mới nhất

  • Trung Hiếu trong Plugin bảo mật WPCB Secure Shield độc quyền
  • Blog Công Chứng trong Plugin bảo mật WPCB Secure Shield độc quyền
  • Trung Hiếu trong Hướng dẫn nâng cấp PHP 8.5 cho website WordPress
  • Tuấn Digi trong Hướng dẫn nâng cấp PHP 8.5 cho website WordPress
  • Trung Hiếu trong Hướng dẫn nâng cấp PHP 8.5 cho website WordPress

Bình luận nhiều nhất

  1. Tịnh Nguyễn Blog (16)
  2. Ngọc Blue (6)
  3. Tuấn Lê (3)
  4. HN (1)
  5. Tuấn Digi (1)
  6. Blog Công Chứng (1)

Liên kết hữu ích

  • Giới thiệu bản thân
  • Quy định sử dụng
  • Bản quyền nội dung
  • Chính sách bảo mật
  • Liên hệ hỗ trợ

Thống kê WP Căn bản

9 Chuyên mục - 1.019 Bài viết - 35.700 Bình luận

Bản quyền © 2014 - 2026 · WP Căn bản (tiền thân là ebooksvn.com) · Sử dụng Paradise child theme và dịch vụ WordPress Hosting