Nhìn vào tab trình duyệt ngay bây giờ.
Bạn có thấy hình ảnh bên trái của tiêu đề trang không?
Điều đó được gọi là "favicon".
Favicon của bạn xuất hiện trong:
- Tab trình duyệt
- Thanh đánh dấu
- Ứng dụng di động
Và gần đây, nó thậm chí đã bắt đầu hiển thị trong kết quả tìm kiếm của Google!
Không cần phải nói rằng favicon của bạn là một phần rất quan trọng của trang web của bạn. Vì vậy, trong hướng dẫn này, bạn sẽ tìm hiểu ba bước dễ dàng để thêm favicon của riêng bạn vào WordPress.
Xem video
Bạn có thể xem video hướng dẫn nếu bạn thích bài viết trên blog được viết dưới đây:
Đăng ký kênh YouTube Chủ đề cạnh tranh
Cách thêm Favicon với WordPress
Bước đầu tiên là truy cập Trình tùy chỉnh trực tiếp (Giao diện> Cá nhân hóa).
Trong Customizer, bấm vào phần ở trên cùng.
Trong phần Nhận dạng Trang web, bạn sẽ thấy một tùy chọn ở dưới cùng được gọi là "Biểu tượng Trang web".
Đây là nơi bạn sẽ thêm hình đại diện của mình, nhưng trước khi tiếp tục, bạn sẽ cần một hình ảnh để tải.
Tạo hình ảnh favicon của bạn
WordPress đề xuất một hình ảnh vuông 512 px x 512 px. Nếu bạn biết cách sử dụng trình chỉnh sửa đồ họa như GIMP, Photoshop hoặc Phác thảo, bạn có thể tự tạo hình ảnh này.
Nếu bạn không chắc chắn cách tự tạo hình ảnh, hãy xem favicon.io. Đây là một trang web miễn phí sẽ cho phép bạn nhanh chóng tạo một hình ảnh favicon tùy chỉnh.
Nhấp vào nút "Tạo từ văn bản" và bạn sẽ được đưa đến màn hình chỉnh sửa đơn giản.
Bạn có thể thay đổi văn bản, màu sắc, phông chữ và kích thước phông chữ chỉ trong một phút để tạo hình ảnh của riêng bạn.
Nó sẽ không phải là hình ảnh chuyên nghiệp nhất, nhưng nó sẽ trông tốt. Chưa kể, có một hình ảnh favicon đơn giản tốt hơn nhiều so với việc không có favicon.
Khi bạn tải xuống favicon của bạn, bạn sẽ nhận được một tệp zip. Có một hình ảnh bên trong là 512 pixel; hãy chắc chắn để sử dụng nó trên trang web của bạn.
Khi bạn đã có hình ảnh của mình, bạn đã sẵn sàng để tải nó lên trang web của mình.
Tải lên hình đại diện của bạn
Bây giờ bạn đã có hình ảnh của mình, quay lại phần Nhận dạng Trang web trong Tùy biến và nhấp vào nút.
Nhấn vào tab ở góc trên bên trái và kéo và thả hình ảnh favicon của bạn vào cửa sổ bật lên. Khi hình ảnh tải, nhấn nút ở góc dưới bên phải.
Nếu bạn tải một hình ảnh không vuông hoàn hảo, bạn sẽ được yêu cầu cắt hình ảnh trước khi bạn có thể chọn nó.
Khi bạn nhấp vào nút favicon của bạn sẽ được thêm vào.
Chiêm ngưỡng favicon mới tuyệt đẹp của bạn
Biểu tượng trang web của bạn sẽ ngay lập tức xuất hiện trong các tab trình duyệt trên máy tính portátiles, máy tính bảng và thiết bị di động một khi được xuất bản.
Mặc dù đã có một số plugin hữu ích để thêm favicon trong những năm qua, nhóm WP đã làm rất tốt khi tích hợp tính năng này vào Customizer. Nó không thể dễ dàng hơn những ngày này.
Nếu bạn muốn tiếp tục cải thiện thiết kế trang web của mình, hãy xem bài viết của tôi về các mẹo thiết kế để làm cho trang web của bạn trông đẹp hơn:
9 quy tắc thiết kế đơn giản để làm cho trang web của bạn đẹp hơn
Bạn đã thích bài đăng này phải không? Sử dụng các nút bên dưới để chia sẻ nó với người khác.