Việc hiển thị một favicon trên website WordPress ngày càng trở nên phổ biến và lý do là rất chính đáng. Một favicon dễ nhớ giúp khán giả của bạn nhận diện ngay lập tức trang web của bạn và dễ dàng chọn nó từ một hàng tab đầy trong trình duyệt bận rộn. Nhưng làm thế nào để dễ dàng add favicon vào website WordPress của bạn?
Trong bài viết này, chúng ta sẽ tìm hiểu favicon là gì và tại sao trang web của bạn nên sử dụng nó. Sau đó, chúng ta sẽ học cách nhanh chóng tạo một hình ảnh và tải lên trang web của bạn bằng cách sử dụng WordPress Customizer.
Contents
Favicon là gì?
Kể từ phiên bản WordPress 4.3, khi việc thêm một biểu tượng trang web (site icon) trở nên cực kỳ đơn giản, đa số các website WordPress hiện nay đều hiển thị favicon. Favicon là viết tắt của “favorite icon”, nhưng nó cũng có thể được nhìn thấy trong WordPress Customizer dưới tên gọi “site icon”.
Favicon là hình ảnh hiển thị trên tab trình duyệt và như là biểu tượng ứng dụng, giúp người dùng nhận diện một website. Nếu bạn nhìn lên phần trên của trang hiện tại, vào các tab đang mở trong trình duyệt, bạn sẽ thấy một hàng các favicon. Những biểu tượng này được đặt cạnh tiêu đề trang của mỗi website.
Một site icon thường phản ánh thương hiệu của website. Thông thường, chúng sẽ giống như hình ảnh của logo trang web.
Tuy nhiên, chúng cũng có thể là hình ảnh đại diện cho doanh nghiệp của bạn theo một cách nào đó. Một cách tiềm thức, người dùng sẽ trở nên quen thuộc với nhiều loại favicon, và họ sẽ có thể chọn một trang web từ nhiều tab đang mở chỉ bằng cách nhận diện biểu tượng.
Tại sao bạn nên sử dụng Favicon?
Sử dụng favicon là một chiến lược marketing thông minh. Mục đích chính của nó là giúp người dùng nhận diện trang web của bạn giữa các đối thủ cạnh tranh.
Favicon thu hút sự chú ý của khán giả của bạn, nhắc nhở họ về trang web của bạn và đảm bảo rằng họ có thể tìm thấy nó một cách nhanh chóng.
Nó cũng giúp quảng bá thương hiệu của bạn và khẳng định trang web của bạn như một nguồn tài nguyên đáng tin cậy. Việc thiết lập favicon rất dễ dàng và lợi ích marketing mang lại cũng giúp đảm bảo rằng tất cả các trang web nên thêm favicon.
Cách tạo Favicon
Favicon có thể là bất kỳ hình ảnh nào, nhưng như đã đề cập, tốt hơn hết nó nên là logo của trang web hoặc có liên quan đến thương hiệu của bạn theo một cách nào đó. Một biểu tượng đơn giản nhưng mạnh mẽ và nổi bật sẽ giúp trang web của bạn nổi bật và dễ nhớ.
Khi bạn đã tạo hoặc quyết định hình ảnh, bạn sẽ cần phải chỉnh sửa nó. Favicon của WordPress phải có dạng vuông và có kích thước ít nhất là 512 x 512 pixel.
Mặc dù nó có thể được cắt trong WordPress, nhưng cách tốt nhất là tạo favicon trong một phần mềm chỉnh sửa hình ảnh. GIMP là một chương trình chỉnh sửa hình ảnh dễ sử dụng giúp bạn chỉnh sửa hình ảnh nhanh chóng với kích thước phù hợp trong thời gian ngắn nhất.
Bạn cũng cần quyết định xem liệu favicon của bạn có nền màu hay không, hay bạn muốn sử dụng nền trong suốt. Một lần nữa, hãy luôn cố gắng đại diện cho phong cách và giao diện của trang web của bạn, đồng thời nhớ rằng biểu tượng của bạn cần nổi bật giữa hàng nghìn favicon trong tab trình duyệt.
Khi bạn đã hài lòng với giao diện, hãy lưu nó dưới định dạng jpeg, png hoặc gif. Bây giờ bạn đã sẵn sàng tải lên WordPress.
Cách dễ dàng add Favicon cho Website WordPress của bạn
Khi bạn đã tạo và chỉnh sửa hình ảnh, việc thêm nó làm favicon là một quá trình rất dễ dàng. Trước đây, việc này không hề đơn giản, nhưng nhờ vào sự phát triển của WordPress Customizer, việc hiển thị một biểu tượng trang web hiện nay trở nên rất nhanh chóng và dễ dàng.
Đầu tiên, trong bảng điều khiển WordPress, chọn ‘Appearance > Customize’. Điều này sẽ mở giao diện tùy biến ở phía cuối của trang web.
Trong phần tùy biến, chọn ‘Site Identity’. Tại đây bạn sẽ thấy tùy chọn thêm biểu tượng trang web.
Dưới mục ‘Site Icon’, nhấn vào ‘Select Image’.
Bây giờ thư viện media của bạn sẽ mở ra. Điều này cho phép bạn chọn một hình ảnh đã lưu sẵn, hoặc tải lên một hình ảnh mới. Khi bạn đã chọn hình ảnh, nếu cần phải cắt hình ảnh để làm đúng kích thước, bạn có thể thực hiện ở đây.
Favicon của bạn giờ sẽ xuất hiện dưới mục ‘Site Icon’ trong giao diện tùy biến. Nhớ nhấn vào ‘Save and Publish’ ở phía trên của phần tùy biến để nó được lưu lại và hiển thị.
Trình duyệt của trang web bạn giờ sẽ hiển thị favicon của trang web.
Sử dụng Plugin để hiển thị Favicon trên Website WordPress
Tất nhiên, như thường lệ với WordPress, có nhiều cách khác nhau để hiển thị favicon trên trang web của bạn. Ngoài việc sử dụng giao diện tùy biến, còn có nhiều plugin có sẵn để giúp bạn thêm biểu tượng trang web.
Nếu vì lý do nào đó mà theme của bạn không cung cấp tùy chọn tải lên biểu tượng trang web qua giao diện tùy biến, hoặc nếu bạn đang có kế hoạch thay đổi theme trong tương lai gần, thì việc sử dụng plugin WordPress có thể là lựa chọn tốt nhất cho bạn. Hãy cùng tìm hiểu về các plugin có sẵn.
Favicon by RealFaviconGenerator
Favicon by RealFaviconGenerator là một plugin tiên tiến đảm bảo favicon của bạn sẽ hiển thị trên tất cả các trình duyệt và thiết bị.
RealFaviconGenerator cho phép bạn kiểm tra favicon hiện tại của mình, để xem nó hiển thị như thế nào đối với người dùng khi họ xem trên Android, iOS Safari, Windows hoặc Mac OS, chỉ để kể một vài ví dụ. Điều này sẽ giúp bạn biết được biểu tượng của mình trông như thế nào và nếu nó hoạt động trên tất cả các nền tảng.
Favicon by RealFaviconGenerator tạo ra tất cả các biểu tượng bạn cần cho trình duyệt máy tính, điện thoại, máy tính bảng và nhiều hơn nữa. Sau khi bạn đã cài đặt plugin và chọn một hình ảnh từ Thư viện Media WordPress, bạn sẽ được chuyển hướng đến RealFaviconGenerator.
Tại đây bạn có quyền truy cập vào Trình chỉnh sửa, nơi bạn có thể thay đổi thiết kế và thêm nền nếu bạn muốn.
Plugin sẽ tự động tải lên favicon đã hoàn thành của bạn và tạo ra tất cả các biểu tượng cần thiết. Bạn có thể xem chúng sẽ xuất hiện như thế nào trên các nền tảng khác nhau, tất cả từ trong bảng điều khiển WordPress của bạn.
Favicon by RealFaviconGenerator là một lựa chọn tuyệt vời nếu bạn cần sử dụng plugin để thêm favicon và đảm bảo tính nhất quán về hình ảnh trên tất cả các thiết bị.
All In One Favicon
All In One Favicon là một plugin miễn phí phổ biến cho WordPress. Nó sẽ nhanh chóng và dễ dàng thêm favicon vào trang web của bạn, cũng như vào các trang quản trị.
Plugin này hỗ trợ các hình ảnh định dạng ico, png và gif, cũng như các biểu tượng Apple Touch. Nó có chức năng tải lên tích hợp. Do đó, bạn có thể sử dụng favicon đã có trong Thư viện Media WordPress của mình. Ngoài ra, bạn cũng có thể tải lên một biểu tượng mới qua giao diện plugin.
All In One Favicon có khả năng giúp bạn tiết kiệm thời gian và giảm bớt căng thẳng, là một lựa chọn tốt cho những ai đang tìm kiếm một plugin favicon đơn giản và dễ sử dụng.
Sử dụng mã lệnh
Trước phiên bản WordPress 4.3, favicon thường được thêm vào bằng cách tải lên một hình ảnh vào thư mục gốc của trang web và sau đó chèn mã vào tệp header.php. Thông tin về quá trình này có thể được tìm thấy trên WordPress.org trong phần Hỗ trợ.
Kết luận
Tạo và add favicon vào website WordPress của bạn không cần phải là một quá trình dài dòng và phức tạp. Chỉnh sửa và cắt trong GIMP, hoặc một phần mềm chỉnh sửa hình ảnh khác, rồi đơn giản tải lên qua WordPress Customizer.
Nếu bạn cần sử dụng plugin WordPress, Favicon by RealFaviconGenerator là một lựa chọn tiên tiến. Nó có các tính năng mạnh mẽ và dễ sử dụng ấn tượng.
