Cách thay đổi favicon cho website WordPress

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.

Cách thay đổi favicon cho website

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é).

20211112225956 fb7380c8 la

 

Ở đâ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ở)

20211112225955 0ab1fbc2 la

20211112225947 8aa7db8e la

20211112225947 14ff761a la

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.

20211112225946 6a7fe5f4 la

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:

favicon tutorial

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).

20211112225954 74d3aa16 la

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).

20211112225953 e42b20b1 la

20211112225953 02fd3df1 la

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

20211112225952 6569dc6b la
Tải file ảnh lên

20211112225951 b912cd4a la

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 đó!20211112225950 ce9a54a8 la
20211112225949 a6091693 la
20211112225948 368d69dd la

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

0 0 bình chọn
Đánh giá bài viết

Tiền Minh Vy

Xin chào! Tôi là Tiền Minh Vy, là một lập trình viên có nhiều kinh nghiệm với Wordpress, tập trung nhiều với PHP.
Đăng ký
Thông báo cho tôi về
guest
2 Bình luận
Cũ nhất
Mới nhất Bình chọn nhiều nhất
Phản hồi nội tuyến
Xem tất cả bình luận
Hoàng Gia Yến Việt
26/11/2021 8:01 sáng

bài viết hữu ích, tks admin