Thêm favicon cho wordpress

Favicon chính là biểu tượng nhỏ, xuất hiện ở phía bên trái ở trên tiêu đề của website trên trình duyệt. Khi Favicon không được thiết lập thì website sẽ hiển thị Favicon của Hosting, cũng có trường hợp nó là biểu tượng trống. Vậy làm cách nào để thêm favicon cho wordpress? Hãy cùng Nhân Hòa tìm hiểu ngay sau đây.

Lợi ích khi thêm favicon cho wordpress

Bạn có thể hình dung như hình đại diện CMND cho website của bạn. Tuy là một chi tiết nhỏ nhưng cũng khác quan trọng đối với việc nhận dạng thương hiệu website.

Favicon WordPress cũng hiển thị ở danh sách bookmark, lịch sử trình duyệt, và ở nhiều nơi khác mà website có thể hiển thị hình ảnh. Người dùng sẽ mong đợi nhìn thấy logo của bạn được đặt vào vị trí đó. 

Hãy điểm lại lý do tại sao bạn nên thêm Favicon cho Wordpress 

+ Cải thiện trải nghiệm di động

Thời đại công nghệ phát triển, và việc sử dụng di động là tất yếu. Nên một website đa dạng là điều cần thiết. Người sử dụng thường tìm kiếm website trong lịch sử trình duyệt, hoặc có thể nhanh chóng bookmark website. 

Vì vậy, khi thêm Favicon cho Wordpress sẽ giúp người dùng ghi nhớ website, cũng như logo thương hiệu của bạn. 

+ Xây dựng niềm tin

Người dùng sẽ không tin tưởng để giao dịch trên web nếu website đó trông thiếu chuyên nghiệp. Và không có favicon lập tức sẽ tạo cảm giác không hài lòng, họ sẽ cảm thấy web của bạn không chuyên nghiệp và bạn không tập trung đầu tư xây dựng trang web. 

Chắc hẳn khi xây dựng website, ai cũng muốn người dùng nhớ tới website của mình, đặc biệt là website của 1 công ty hay 1 cửa hàng online. Vì vậy, hãy thêm Favicon cho Wordpress để xây dựng niềm tin đối với khách hàng. 

Xem thêm: Website là gì? Lợi ích TUYỆT VỜI khi sở hữu WEBSITE

+ Khẳng định thương hiệu nhờ thêm Favicon cho Wordpress

Khi tìm kiếm thông tin, hầu hết người dùng sẽ mở rất nhiều tap trên trình duyệt. Nếu không thêm Favicon cho Wordpress, tất cả thông tin họ nhìn thấy trên khung tìm kiếm chỉ là tiêu đề bài viết hoặc tiêu đề của trang web. 

Bạn hãy hình dung, nếu người dùng họ mở khoảng 15 tap, họ sẽ không còn nhận ra web của bạn đang nằm ở đâu do bị chữ che mất. 

Do đó, cùng với tên miền, tiêu đề website thì thêm Favicon cho Wordpress là một trong các yếu tố quan trọng để khẳng định thương hiệu, giúp người dùng ghi nhớ và nhanh chóng nhận ra website của bạn. 

Xem thêm: Để tìm hiểu thông tin về tên miền hãy click Tại Đây

Hướng dẫn tạo Favicon cho Wordpress nhanh nhất 

Bạn có thể để chính logo làm Favicon hoặc tùy ý tạo một hình ảnh mới để làm Favicon website.

Nhưng Nhân Hòa khuyên bạn nên sử dụng logo của doanh nghiệp hay cửa hàng để thêm Favicon cho Wordpress. Như vậy sẽ tránh được việc người dùng nhầm lẫn thương hiệu hay logo với 1 địa chỉ khác. 

Đối với kích thước, bạn nên sử dụng hình vuông ở cỡ 512px x 512px. Bạn có thể để kích thước lớn hơn, nhưng WordPress sẽ tự cắt thành nhỏ hơn để khớp với khung hình.

Khi thêm Favicon cho Wordpress, bạn có thể chọn màu hoặc lựa chọn trong suốt (tốt nhất nên để trong suốt). 

Sử dụng định dạng .ico, .jpeg, .gif, .png (dùng định dạng .png nếu bạn để nền trong suốt).

Sau khi đã hoàn thành kích thước, định dạng bạn hãy thêm Favicon cho Wordpress bằng các cách sau đây. 

Hướng dẫn cách thêm Favicon cho Wordpres mới nhất 2021 

Sử dụng phương pháp thủ công để thêm Favicon cho Wordpres

Với những phiên bản wordpress mới như hiện nay, thực hiện các bước sau để có thể dễ dàng thêm Favicon cho Wordpres trong khu vực admin.

Bước 1: Truy cập website bằng File manager hoặc FTP Client

Bước 2: Di chuyển đến thư mục /wp-content/themes/your-theme

Bước 3: Sau đó, Upload Favicon vào thư mục Theme (nên Upload vào thư mục con)

Bước 4: Lưu lại đường dẫn và tìm mục “function.php”

Bước 5: Thêm đoạn code sau vào: 

function add_favicon() {

echo '';

}

add_action('wp_head', 'add_favicon');

Bước 6: Điền đường dẫn tới Favicon vào đoạn:

1 href=”‘.get_template_directory_uri()

Chỉ với 6 bước trên, bạn đã hoàn thành thêm Favicon cho Wordpres bằng phương pháp thủ công. Chúc các bạn thành công! 

Thêm Favicon cho WordPress bằng Plugin

Sử dụng plugin Favicon by RealFaviconGenerator để có thể thêm favicon vào WordPress. Plugin này khác dễ dùng và chứa nhiều tính năng mới. Hãy làm theo các bước sau đây.

Bước 1: Đi đến trang Admin Dashboard -> click chọn Plugin -> Add New

Bước 2: Tìm plugin “Favicon by RealFaviconGenerator” để cài đặt và kích hoạt

Bước 3: Khi kích hoạt xong, chuyển tới Appearance -> Favicon

Bước 4: Tải lên ảnh và bạn muốn thêm vào Favicon WordPress (nhớ chọn Generate Favicon khi tải ảnh lên) 

Bước 5: Bạn đã được chuyển tới website RealFaviconGenerator sau khi thực hiện xong bước 4

Bước 6: Trên website, tìm kiếm và chọn Generate your Favicon and HTML code.

Lúc này, bạn sẽ trở lại website và nhận được thông báo đã thêm Favicon cho WordPress thành công. 

Xem thêm: 14+ Plugin chia sẻ mạng xã hội Wordpress miễn phí

Dùng WordPress Customizer để thêm Favicon 

Để thêm Favicon cho WordPress hãy thực hiện theo 5 bước sau của Nhân Hòa nhé!

Bước 1: Vào trang Admin Dashboard

Bước 2: Tìm kiếm file Appearance -> Customize và click vào Site identity

Bước 3: Ấn nút Select Image bên dưới phần Site Icon

Bước 4: Tiến hành tải favicon lên

Bước 5: Chọn Publish để lưu thay đổi

Nếu thực hiện đúng favicon sẽ hiện lên trên tiêu đề website của bạn.

Lời kết 

Favocon là một yếu tố mà website nên có và vô cùng đơn giản để thêm Favicon cho WordPress cho website của bạn. Favicon giống như hình định danh website, nó chỉ chiếm một vị trí nhỏ , nhưng lại đảm nhiệm vai trò rất lớn trong việc khẳng định thương hiệu và giúp người dùng ghi nhớ dễ dàng. Qua bài viết trên, Nhân Hòa đã hướng dẫn bạn cách thêm favicon cho website WP  hãy thực hiện đúng theo các bước hướng dẫn trên, chúc các bạn thành công!

Để tìm hiểu về Hosting Wordpress khi xây dựng website bằng mã nguồn WP hãy liên hệ ngay với Nhân Hòa. Nhân Hòa với 20 năm kinh nghiệm trong ngành. Luôn nằm trong top đầu những doanh nghiệp được đánh giá cung cấp dịch vụ VPS, tên miền, ... chuyên nghiệp nhất. Tự tin đem lại cảm giác trải nghiệm tốt nhất cho người dùng. 

+ Tổng đài: 1900 6680

+ Website: https://nhanhoa.com/

+ Fanpage: https://www.facebook.com/nhanhoacom

+ Chỉ đường: https://g.page/nhanhoacom

+ Chương trình khuyến mãi mới nhất: https://nhanhoa.com/khuyen-mai.html