Cách thay đổi favicon cho website WordPress

Sau khi cài đặt WordPress lên website, điều kế tiếp trong danh sách những thứ bạn cần làm đó chính là thay đổi favicon cho website WordPress để giúp bạn trang trí website trông bắt mắt hơn với người đọc.

Bạn có thể xem lại hướng dẫn cài đặt WordPress lên website sử dụng cPanel ngay tại đây: Cách cài WordPress nhanh chóng và an toàn với cPanel

Cách thay đổi favicon cho website thủ công

Đối với cách này, kể cả những website không sử dụng mã nguồn WordPress đều có thể làm được mà không cần phải chỉnh sửa mã nguồn của website.

Đầu tiên, bạn cần chuẩn bị cho mình một file favicon có tên là favicon.ico (cỡ 256×256 hoặc nhỏ hơn). Bạn có thể chuyển file ảnh thành file ico thông qua công cụ này: ICO Converter. Sau khi chuyển xong nhớ đổi tên lại cho đúng nhé!

Sau đó, bạn cần phải có quyền truy cập vào trang quản lý máy chủ của website (ở đây mình sẽ sử dụng cPanel, các panel khác bạn làm tương tự nhé).

Tiếp tục, bạn tìm kiếm từ khoá “file” trên thanh tìm kiếm và chọn File Manager.

Sau đó, bạn truy cập theo đường dẫn public_html (thường thì website chính sẽ được lưu trữ ở đây, nếu bạn tạo WordPress ở tên miền con thì tìm tên của thư mục trùng với tên miền con và vào đó để tải ảnh lên nhé).

Ở đây, mình cài đặt WordPress ở tên miền con vn.tienminhvy.com và lưu trữ trong thư mục wp, do đó mình sẽ thực hiện tiến trình tại đây nhé.

Tiếp tục, bạn nhấn vào menu Upload, ở đây, bạn nhấn vào nút Select file, sau đó chọn file ICO cần tải lên rồi nhấn Open (Mở)

Sau khi quá trình tải lên hoàn tất, bạn có thể đóng cửa sổ hoặc nhấn vào nơi mũi tên trỏ đến để trở về thư mục bạn đã tải file lên.

Cuối cùng, bạn vào website và tải lại trang. Nếu vẫn không có gì thay đổi, bạn nhấn tổ hợp phím Ctrl+F5, thao tác một lúc sẽ có icon hiện lên ngay thanh tác vụ của trình duyệt là ok.

Nếu vẫn không thấy icon (trường hợp cài WordPress ở trong thư mục con chứ không phải Root), bạn cần thêm dòng sau vào header của website (trước thẻ đóng </head>)

<link rel="shortcut icon" href="duong-dan-den-noi-ban-luu-file-icon/favicon.ico" type="image/x-icon" />

Đây là kết quả sau khi mình đã thực hiện các bước trên:

Cách thay đổi favicon cho website WordPress

Đối với WordPress, ngoài cách trên ra, bạn hoàn toàn có thể thay đổi favicon một cách dễ dàng ngay trên trang quản trị của website. Để làm được điều đó, đầu tiên bạn cần đăng nhập vào trang quảng trị WordPress (đường dẫn thường là example.com/wp-admin).

Sau đó, bạn truy cập tuần tự các mục Giao diện (Appearance) -> Tuỳ biến (Customize).

Tiếp đó, bạn truy cập theo mục Nhận dạng trang (Site Identity), kéo xuống mục biểu tượng site (Site icon) và tải file lên (ở đây bạn tải file bình thường lên, không bắt buộc phải tải file ico) bằng cách nhấn vô Chọn biểu tượng site (Select site icon).

Chọn và tải ảnh lên…

Tải file ảnh lên

Sau khi tải lên xong, bạn chọn ảnh và nhấn vào nút Chọn (Select) -> Cắt ảnh (Crop image) hoặc bỏ qua việc cắt (Skip cropping). Xong rồi bạn nhấn vào nút Đăng (Publish) là xong rồi đó!

Chúc các bạn độc giả thay đổi favicon cho website thành công nha!