Cách thay đổi Favicon của trang Joomla của bạn

Bạn hẳn đã quen thuộc với favicon, đúng không? Vâng, favicon là một biểu tượng nhỏ đại diện cho trang web của bạn. Biểu tượng này được biết đến nhiều nhất như là hình ảnh trên thanh địa chỉ của trình duyệt web.

Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách thay đổi favicon của trang Joomla của bạn, để trang web của bạn trông chuyên nghiệp hơn và dễ dàng được nhận ra bởi nhiều người. Hãy cùng kiểm tra nhé!

Joomla là gì & Tại sao nó lại quan trọng?

Favicon đã xuất hiện từ năm 1999 với sự ra mắt của Internet Explorer 5 và có nhiều công dụng khác, từ dấu trang trình duyệt web đến trình tổng hợp nguồn cấp dữ liệu, từ phím tắt trên màn hình nền đến chia sẻ trên mạng xã hội. Nó là một biểu tượng nhỏ trong thanh địa chỉ của trình duyệt web để đại diện cho websitecủa bạn. Ví dụ:

Vì vai trò chính của nó là đại diện cho websitecủa bạn, hình ảnh được chọn cho favicon thường là phiên bản thu nhỏ của logo website . Khi bạn lần đầu cài đặt Joomla, có lẽ bạn đã quen thuộc với favicon Joomla tiêu chuẩn:

Đó là một biểu tượng đủ đẹp, đúng không? Nhiều màu sắc và dễ nhận ra. Nhưng vấn đề là, nó không đại diện cho bạn, công ty của bạn, hoặc trang web của bạn, vì vậy nó cần được thay đổi!

Vâng, chính những điều nhỏ nhặt đó mới quan trọng nhất. Chính sự chú ý đến từng chi tiết giúp biến một trang web tốt trở thành một trang web tuyệt vời.

Bước 1: Tạo Favicon của bạn

Điều đầu tiên bạn cần làm là tạo một favicon mới. Nếu bạn đã có một cái, bạn có thể bỏ qua bước này, nhưng nếu không, bạn có thể tự tạo một cái bằng cách sử dụng bất kỳ công cụ nào như Photoshop, Gimp, hoặc MS Paint.

Có nhiều công cụ tạo favicon trực tuyến tiện dụng, cho phép bạn vẽ favicon của mình từng pixel, hoặc tải lên một hình ảnh để biến nó thành favicon.

Dưới đây là một số công cụ trực tuyến miễn phí bạn có thể sử dụng:

• https://www.favicon.cc/
• https://www.favicongenerator.com/
• https://converticon.com/
• https://favicomatic.com/
• https://tools.dynamicdrive.com/favicon/

Ngoài ra, hãy đảm bảo kích thước của hình ảnh là 16×16 pixel hoặc 32×32 pixel. Tên tệp có thể là bất kỳ thứ gì, nhưng chúng tôi khuyên bạn nên tuân theo tiêu chuẩn thực tế, ví dụ: favicon.png, và định dạng hình ảnh nên là PNG (tiêu chuẩn W3C), GIF, hoặc ICO.

Bước 2: Kiểm tra các Mẫu Hoạt động

Sau khi hoàn tất việc tạo favicon, bạn cần kiểm tra các mẫu hiện đang hoạt động trên website Joomla của bạn. Truy cập trang Quản trị viên Joomla, sau đó chọn Extensions > Mẫu.

• Trang web: Mẫu đã đặt cho trang web của bạn.
• Mặc định

Bước 3: Tải lên & Thay đổi Favicon của bạn

Bước tiếp theo là tải favicon mới lên qua thư mục Joomla (Hosting). Trước tiên, bạn cần đăng nhập vào cPanel > Trình Quản Lý Tệp > public_html/joomla/templates/protostar.

Sau khi vào thư mục mẫu hoạt động, có một tệp favicon, favicon.ico. Nếu bạn muốn thay đổi favicon, bạn có thể xóa cái cũ và thay thế bằng một cái mới.

Sau khi xong, bạn có thể nhấp vào nút Tải lên, sau đó trang sẽ xuất hiện như bên dưới để tải tệp favicon mới lên.

Sau khi tệp được tải lên thành công, bạn có thể quay lại trang trước. và kiểm tra xem tệp đã xuất hiện hay chưa. Chỉ cần làm mới website trong trình duyệt của bạn và voilà! Bạn sẽ thấy biểu tượng cá nhân hóa của riêng bạn trong tab trình duyệt.

Favicon mới không thay đổi?

Điều này là bình thường nếu bạn không thể thấy favicon mới sau khi hoàn thành các bước trên. Bạn có thể làm theo một số mẹo dưới đây:

1. Hãy thử xóa bộ nhớ đệm của trình duyệt. Các trình duyệt web lưu trữ một bản sao cục bộ của tệp favicon và không phải lúc nào cũng sẵn sàng ghi đè lên tệp cục bộ này. Bạn có thể giữ phím "Ctrl" và nhấn phím "F5" để xóa bộ nhớ cache và favicon được cập nhật của bạn sẽ xuất hiện.
2. Đảm bảo favicon của bạn tuân theo quy ước đặt tên tiêu chuẩn. Tệp nên được đặt tên là favicon.png hoặc favicon.ico hoặc favicon.gif.
3. Thử thay thế favicon.ico trong thư mục gốc của website. Thông thường, cũng có một favicon được lưu trữ ở đó – website
4. Một số mẫu Joomla cung cấp tùy chọn để chọn thủ công tệp favicon. Nếu tất cả các cách khác thất bại, hãy thử kiểm tra trong cài đặt mẫu của bạn cho tùy chọn này.

Vậy là đây là hướng dẫn về cách thay đổi favicon của trang Joomla của bạn. Bạn nghĩ sao? Hy vọng bài viết này sẽ hướng dẫn bạn thay đổi favicon của website.

Nếu bạn thích biểu tượng mới và muốn tiến thêm một bước nữa, bạn cũng có thể làm tương tự cho phần backend của Joomla. Chỉ cần làm theo các bước tương tự và thay thế favicon.ico tại đây của bạnwebsite.com/administrator/templates/

Ngoài ra, nếu bạn có bất kỳ câu hỏi nào, đừng ngần ngại để lại bình luận của bạn dưới đây!