Search by category:
Hướng dẫn tạo Favicon cho website và chèn Favicon vào web
WORDPRESS

Hướng dẫn tạo Favicon cho website và chèn Favicon vào web

Favicon là gì và làm thế nào để tạo favicon cho website của bạn. Chèn favicon vào web như thế nào? Mời các bạn cùng theo dõi nhé!

FAVICON LÀ GÌ

Favicon là viết tắt của từ favorite icon có nghĩa là “biểu tượng yêu thích”. Là một hình ảnh thu nhỏ trước tiêu đề của website. Favicon còn được gọi là bookmark icon vì nó cũng hiển thị khi người dùng bookmark (đánh dấu) website của bạn.

Tạo favicon cho website WordPress
Favicon là gì

TẦM QUAN TRỌNG CỦA VIỆC TẠO FAVICON CHO WEBSITE

Có thể nói favicon cũng giống như một logo thu nhỏ. Giúp người dùng nhận ra thương hiệu của bạn giữa một rừng website khác và trong thanh bookmark.

Ngoài ra tạo favicon cho website và chèn favicon vào web còn hỗ trợ rất tốt cho SEO. Là một yếu tố đánh giá SEO của SEOquake.

CÁCH TẠO FAVICON CHO WEBSITE

Thực ra có rất nhiều cách tạo favicon cho website. Mình xin đi qua như sau:

TẠO FAVICON BẰNG PHOTOSHOP

Bạn chỉ cần mở photoshop lên và tạo một file theo ý thích. Sau đó lưu lại với tên bất kỳ với kích thước tối thiểu là 512x512px.

Nếu muốn trong suốt thì lưu với định dạng gif hoặc png.

TẠO FAVICON CHO WEBSITE BẰNG PHẦN MỀM

Có rất nhiều phần mềm giúp bạn làm việc này. Bạn có tải về tại đây.

TẠO FAVICON TRỰC TUYẾN HAY ONLINE

Cũng có rất nhiều website để bạn làm. Mình hay sử dụng website này để tạo favicon trực tuyến: http://tools.dynamicdrive.com/favicon/

Chọn Choose File để tải file lên, hỗ trợ định dạng gif, jpg, png, và bmp. Sử dụng file gif hoặc png nếu muốn tạo nền trong suốt. Kích thước tối đa 150Kb.

Tạo favicon cho website WordPress
Tạo favicon trực tuyến

Có thể thêm các kích thước khác ở ô Optional nếu muốn.

Một khung hiện tra kèm theo Preview để bạn xem trước.

Nếu hài lòng thì nhấn Download Favicon để tải về máy.

Tạo favicon cho website WordPress
Tạo favicon online nhanh chóng

CÁCH CHÈN FAVICON VÀO WEB

CHÈN FAVICON TRỰC TIẾP TRONG THEME

Để kiểm tra xem theme bạn đang sử dụng có hỗ trợ không chỉ cần vào Appearance » Customize » Header » Site Title

Chọn Select Image để up ảnh lên. Tuy nhiên, cách này yêu cầu favicon size bằng nhau và tối thiểu là 512px.

Tạo favicon cho website WordPress
Chèn favicon vào web

CHÈN FAVICON BẰNG FTP

Bạn upload file favicon.ico vừa tạo ở trên lên thư mục gốc của website trên host.

Sau đó gõ vào trình duyệt yourdomain/favicon.ico để kiếm tra. Nếu chưa thấy, xóa cache trình duyệt và tải lại.

Đối với WordPress phiên bản 4.2 trở về trước, bạn cần thêm code sau vào file header.php

<link rel="icon" type="image/x-icon" href="/favicon.ico">

Xem thêm: cách hiển thị code trong WordPress như trên

Cách thứ ba là sử dụng plugin ví dụ như All In One Favicon.

KẾT LUẬN

Như vậy là mình vừa hướng dẫn các bạn cách tạo favicon cho WordPress và chèn favicon vào web như thế nào. Favicon tuy là nhỏ nhưng có võ, giúp nhận diện thương hiệu của bạn trong hàng trăm ngàn website khác.

Chúc các bạn thành công!

Post Comment