Tìm hiểu về favicon trong Wordpress

WordPress là nền tảng mã nguồn mở tuyệt vời, và luôn có trong nó rất nhiều tính năng ẩn mà không phải ai cũng biết. Trong bài viết ngày hôm nay, chúng ta cùng nhau đi tìm hiểu về Favicon trong WordPress. Vậy Favicon là gì? Đó là một biểu tượng của Website được hiển thị trên thẻ tab của trình duyệt (hay ở bookmark) khi người dùng truy cập vào website (hoặc website được bookmark lại). Favicon là một file ảnh nhỏ với kích thước 16×16 pixels, và là cách gọi tắt của Favorites Icon.

Có thể nhiều người không để ý tới điều này, nhưng Favicon thực sự mang lại lợi ích to lớn cho blog/website của chúng ta. Chúng ta hãy cùng tìm hiểu những lợi ích của Favicon, cách tạo một favicon và thiết lập để nó hiển thị tốt trên blog/website WordPress của bạn nhé.

Lợi ích của Favicon

Favicon tuy nhỏ nhưng có võ, mang lại rất nhiều lợi ích cho website của chúng ta, có thể kể đến một vài ích lợi tiêu biểu như:

• Favicon cũng tương tự như Logo của Website, biểu trưng cho website đó, làm cho website nổi bật, khác biệt giữa muôn vàn site khác, giúp cho mọi người có ấn tượng và dễ dàng nhớ tới site của bạn.


• Favicon là công cụ xây dựng thương hiệu mạnh, nó có thể giúp xếp hạng website của bạn tốt hơn trong các công cụ tìm kiếm. Cũng giống như một logo và hay tên miền, Favicon thường là các hình ảnh biểu trưng cho website của bạn, giúp khách hàng biết tới bạn chính là bạn chứ không phải một ai khác.


• Trên các trình duyệt hỗ trợ thẻ Tab, như Firefox, Google Chrome, và đa số các trình duyệt thông dụng khác, Favicon giúp người sử dụng xác định nhanh tab nào đang mở website nào.

Chung quy lại, Favicon giúp tạo ấn tượng về website của bạn trong mắt người đọc, giúp họ dễ dàng nhớ tới, và cũng chính là biểu tượng thương hiệu của bạn. Trên bookmark trình duyệt của bạn chắc hẳn có không ít websites nhỉ? Và hãy để ý, mỗi website đều có những biểu tưởng nhỏ được hiển thị trên đó, ví dụ facebook với chữ f trên nền xanh quen thuộc, hay biểu tượng Gmail cũng rất rõ ràng, google Translate cũng có một biểu tượng để giúp chúng ta nhìn vào là biết ngay. Còn blog/website của bạn đã có Favicon đặc trưng riêng chưa? Nếu chưa hãy cùng mình tìm hiểu cách tạo Favicon ngay nhé.

Cách tạo Favicon

Có nhiều cách khác nhau để tạo một Favicon. Bạn có thể dùng bất kỳ chương trình đồ họa nào như Photoshop, Corel Draw, Gimp,…, thậm chí là MS Paint. Không quan trọng là sử dụng công cụ nào, quan trọng là ý tưởng để tạo ra Favicon cho website của bạn. Nếu bạn đã có logo, hãy thử thu nhỏ nó về kích thước 16×16 xem có vừa mắt hay không? Nếu không, hãy thiết kế một Favicon riêng biệt, càng đơn giản càng tốt nhưng phải nêu bật được chủ đề trên website của bạn, tạo ấn tượng mạnh cho người dùng để họ có thể dễ dàng nhớ tới, cũng như phải hài hòa với màu sắc trong website.

Nếu bạn không thành thạo thiết kế, có thể nhờ bạn bè, người thân, thậm chí bỏ tiền ra thuê một ai đó chuyên nghiệp giúp bạn tạo Favicon cho website. Thông thường, khi tạo Favicon, ta tạo ra những ảnh lớn và sau đó giảm kích thước xuống mức 16×16 pixel. Và bạn hãy chắc rằng, hình ảnh sẽ không bị mờ, nhòe đi khi giảm kích thước .

Một tùy chọn khác bạn có thể tao ra một Favicon là sử dụng một dịch vụ trực tuyến miễn phí, chẳng hạn như Convertico.org giúp chuyển các định dạng file ảnh thông thường như .jpg, .png, .gif… thành định dạng .ico,  hay favicon.cc giúp bạn tạo favicon trực tuyến. Các thao tác trên này cũng rất đơn giản, bạn có thể tạo riêng cho mình một Fivicon ưng ý rất nhanh chóng. Sau khi bạn hoàn tất quá trình này, bạn chỉ việc download các hình ảnh về máy của bạn, từ đó bạn tải lên Website WordPress của bạn.

Hai tùy chọn được trình bày ở trên mô tả việc tao ra một Favicon với định dạng .ico. Tuy nhiên, bạn cũng có thể sử dụng hình ảnh có định dạng .gif hoặc .png, miễn là nó có kích thước tiêu chuẩn 16×16 pixel. Tuy nhiên, định dạng .ico thường được sử dụng hơn bởi .ico được hỗ trợ tốt trên tất cả các trình duyệt, và thường ít bị lỗi hơn khi tạo ra một file .ICO.

Việc tạo Favicon đã xong, nhưng làm thế nào để chèn Favicon vào blog/website WordPress của bạn?

Thiết lập Favicon trong WordPress

Chúng ta đã có file favicon.ico, việc bạn cần làm bây giờ là sử dụng FTP Client, ví dụ FileZilla hoặc CuteFTP, kết nối tới Host và:

• Tải file favicon.icon lên thư mục theme bạn đang dùng, ví dụ, bạn dùng theme mặc định là twenty fourteen, thì sẽ up file đó lên wp-content/themes/twentyfourteen


• Up tiếp một bản favicon.ico lên thư mục gốc của website, ví dụ: http://www.ngockhuong.com/favicon.ico. Favicon này sẽ hiển thị cho người theo dõi đọc feeds trên website của bạn.

Nếu trong hai thư mục trên đã có sẵn favicon.ico, bạn hãy xóa trước khi up lên, hoặc upload ghi đè lên là được.

Đối với các trình duyệt cũ, bạn cần phải làm nhiều hơn thế nữa thông qua thêm thẻ link như sau vào trước thẻ đóng </head> của file header.php trong theme đang dùng.

<link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.ico" />

Lưu file lại và tải lại website xem Favicon đã hiển thị hay chưa. Ngoài cách này ra, các bạn có thể sử dụng plugin như All In One Favicon để chèn Favicon cho WordPress, hay nhiều Theme hỗ trợ tùy biến Favicon thay cho Favicon mặc định của theme rất dễ dàng từ Panel thiết lập.

Lời kết

Favicon chỉ là một trong rất nhiều cách để quảng bá hình ảnh website của bạn tới khách hàng và độc giả. Và đôi khi, chúng ta không nhận thức rõ được tầm quan trọng của nó. Nếu bạn muốn thành công, xin đừng bỏ qua bất kỳ chi tiết nào giúp hoàn thiện website, quảng bá và tiếp thị sâu rộng tới người dùng. Hi vọng một vài thủ thuật nhỏ này sẽ giúp bạn dễ dàng tạo và thiết lập Favicon cho website thành công. Nếu không, đừng quên comment bên dưới, mình luôn sẵn lòng giúp đỡ các bạn.

Tìm hiểu về favicon trong Wordpress