Làm thế nào để Thêm một Favicon vào WordPress Blog của bạn

Favicon hoặc Biểu tượng Trang web là hình ảnh nhỏ xuất hiện bên cạnh tiêu đề trang web của bạn trong trình duyệt. Nó giúp người dùng của bạn xác định trang web của bạn và thường xuyên hơn khách truy cập của trang web của bạn sẽ xây dựng một sự công nhận ngay lập tức cho rằng hình ảnh nhỏ. Điều này làm tăng sự công nhận thương hiệu của bạn và giúp bạn xây dựng lòng tin giữa các đối tượng của mình. Trong bài báo của chúng tôi về những lỗi phổ biến nhất của WordPress, không thêm favicon nằm trong top 25. Trong bài này, chúng tôi sẽ chỉ cho bạn cách thêm một favicon vào blog WordPress của bạn.

Tại sao bạn nên Thêm một Favicon vào trang WordPress?

Như chúng tôi đã đề cập trước đó, nó thiết lập danh tính trang web của bạn Tuy nhiên, nó cũng cải thiện khả năng sử dụng và trải nghiệm người dùng của trang web. Hình ảnh này sẽ giúp bạn hiểu nó tốt hơn:

Favicons trong Tab Browser

Hầu hết người dùng thường có nhiều tab mở trong cửa sổ trình duyệt của họ. Điều này sẽ ẩn tiêu đề trang web của bạn khi số tab tăng lên. Favicon giúp người dùng xác định trang web của bạn và nhanh chóng chuyển sang tab họ muốn.

Bạn có thể yêu cầu người dùng thêm trang web của bạn vào màn hình chính của họ trên thiết bị di động. Biểu tượng trang web hoặc favicon của bạn cũng được sử dụng khi người dùng thêm trang web của bạn vào màn hình chính của họ trên thiết bị di động.

Biểu tượng trang web được hiển thị dưới dạng biểu tượng ứng dụng trên màn hình chính của thiết bị di động

Làm thế nào để Tạo một Favicon

Bạn có thể sử dụng biểu trưng của thương hiệu làm biểu tượng trang web hoặc favicon của bạn. Kích thước được đề xuất cho hình ảnh biểu tượng trang web của bạn tối thiểu 512 pixel ở chiều rộng và chiều rộng. Hình ảnh biểu tượng trang web phải là một hình vuông, bạn có thể sử dụng một hình chữ nhật lớn hơn và WordPress sẽ cho phép bạn cắt hình ảnh khi bạn thêm nó.

Tạo biểu tượng trang web cho blog WordPress bằng Adobe Photoshop

Chúng tôi khuyên bạn nên sử dụng một chương trình chỉnh sửa hình ảnh như Adobe Photoshop hoặc Gimp để tạo một biểu tượng trang web chính xác 512 × 512 pixel. Bằng cách này bạn có thể duy trì tỷ lệ chính xác cho hình ảnh của bạn. Bạn có thể sử dụng hình minh bạch hoặc điền vào hình ảnh với một màu nền của sự lựa chọn của bạn. Hình ảnh này có thể ở định dạng png, jpeg hoặc gif.

Thêm biểu tượng Trang web của bạn hoặc Favicon trong WordPress

Từ WordPress 4,3, bạn có thể thêm một favicon hoặc biểu tượng trang web từ khu vực quản trị WordPress. Đơn giản chỉ cần đi đến Xuất hiện »Tùy chỉnh và nhấp chuột vào ‘Nhận dạng trang web’ chuyển hướng.

Nhận diện trang web trong Customizer

Phần nhận dạng trang web trong tuỳ biến cho phép bạn thay đổi tiêu đề, mô tả và kiểm soát trang web cho dù bạn có muốn hiển thị chúng trong tiêu đề hay không. Nó cũng cho phép bạn tải lên biểu tượng trang web của bạn. Đơn giản chỉ cần nhấp vào nút chọn tệp và sau đó tải lên hình ảnh bạn muốn sử dụng làm biểu tượng trang web.

Thêm biểu tượng trang web và favicon trong WordPress

Nếu hình ảnh bạn tải lên vượt quá kích thước đề xuất, sau đó WordPress sẽ cho phép bạn cắt nó. Nếu nó phù hợp với kích thước được đề nghị chính xác, thì bạn chỉ có thể lưu các thay đổi của bạn.

Đó là tất cả những gì bạn có thể xem trước trang web của bạn và xem favicon của bạn đang hoạt động. Bạn cũng có thể truy cập trang web của bạn trên thiết bị di động và sau đó từ trình đơn trình duyệt chọn “Thêm vào màn hình chính ‘. Bạn sẽ thấy rằng biểu tượng trang web của bạn sẽ xuất hiện trên màn hình chính.

Thêm Favicon vào WordPress cũ hơn (4.2 hoặc thấp hơn)

Tải lên favicon của bạn vào thư mục gốc của trang web bằng FTP. Sau đó bạn chỉ cần dán mã này vào chủ đề của bạn header.php tập tin.

Thay thế site.com bằng URL của trang web của bạn và bạn thật tuyệt khi sử dụng. Nếu chủ đề của bạn không có tệp header.php hoặc bạn không thể tìm thấy nó, thì đừng lo lắng chúng tôi có một plugin cho bạn. Cài đặt và kích hoạt plugin Insert Headers and Footers. Sau khi kích hoạt plugin đi đến Cài đặt »Chèn đầu trang và chân trang và dán mã được cung cấp ở trên trong phần tiêu đề và lưu cài đặt của bạn.

Nếu bạn không muốn đối phó với FTP, bạn cũng có thể sử dụng plugin được gọi là All in One Favicon.

Chúng tôi hy vọng rằng bài viết này đã giúp bạn thêm favicon vào trang WordPress của bạn. Đối với các câu hỏi và phản hồi, bạn có thể để lại một bình luận dưới đây hoặc bắt chúng tôi trên Twitter.