Ngày 25 / Tiết 3 / Thời lượng 10 phút. Mục lục khóa 100 ngày làm web [tháng thứ 2].
Khi bạn chưa tạo favicon cho website, thì trang của bạn sẽ có favicon mặc định hình trái đất như thế này:
Bây giờ chúng ta sẽ đi qua từng bước, để up favicon riêng cho website:
- Trước tiên, bạn vào thư mục ảnh favicon mà bạn tải xuống ở tiết trước, tìm đến ảnh có kích cỡ 512px, trong trường hợp của tôi nó là ảnh này (giao diện sẽ tự thu nhỏ ảnh 512px về ảnh nhỏ để làm favicon):
- Sau đó bạn đổi tên ảnh thành favicon-website. Chúng ta sẽ tải ảnh này lên.
Trên theme Astra, để thêm favicon cho website, bạn làm như sau:
- Tại trang quản trị, bạn vào Appearance > Customize, rồi chọn Site Identity:
- Click chọn Select site icon:
- Khung upload ảnh hiện ra, và họ khuyên bạn nên up ảnh vuông có cỡ 512px (chúng ta đã chuẩn bị sẵn ở bước trước):
- Sau đó bạn tải ảnh favicon-website lên:
- Ở chỗ Alt Text bạn điền favicon, sau đó click nút Select ở cuối để hoàn thành.
- Khi bạn thêm favicon thành công, nó sẽ như thế này:
- Cuối cùng bạn nhấn nút Publish ở trên cùng để lưu cài đặt.
Vậy là bạn đã thiết lập thành công favicon cho website, quay ra bất cứ bài nào trên website, bạn sẽ thấy biểu tượng này ở tab trình duyệt:
- PS: Nếu bạn muốn xóa favicon thì click vào Remove, còn nếu muốn thay ảnh khác thì nhấn vào Change Image.
Bài tiếp >>> Cách điều chỉnh màu sắc, cỡ chữ cho tên website.