3 cách thay đổi Favicon trong WordPress

3 cách thay đổi Favicon trong WordPress

Favicon là gì?

Favicon là một hình ảnh nhỏ hiển thị trên tab trình duyệt. Bạn có thể xem trong hình.

thay-doi-favicon-wordpress-1

Mặc định, nếu website không thiết lập Favicon, nó sẽ tự lấy Favicon của Hosting, hoặc biểu tượng trắng như Tab Thêm bài viết trong ảnh trên.

Vậy làm sao để thay đổi Favicon trong WordPress?

Chúng ta có 3 cách để thay đổi Favicon trong WordPress, đó là:

Cách 1. Sử dụng tính năng Tùy biến của WordPress

Bước 1. Truy cập vào Giao diện, chọn Tùy biến

giao-dien-admin-left-bar-1-min

Bước 2. Chọn Nhận dạng Site

Mỗi Theme sẽ có một giao diện khác nhau, nên có thể bạn sẽ thấy hơi khác. Tuy nhiên, Nhận dạng site thường là ở hàng đầu.

Nếu tìm không thấy, hãy tìm tiếp các mục khác nhé, nó nằm đâu đó trong phần Tùy biến thôi.

thay-doi-favicon-wordpress-2

Bước 3. Kéo xuống phần Biểu tượng Site (hoặc Favicon). Chọn ảnh để tải ảnh Favicon từ máy tính.

thay-doi-favicon-wordpress-3

Bước 4. Tải ảnh từ máy tính, hoặc chọn ảnh có sẵn, ảnh có kích thước tối thiểu 512 x 512 px

thay-doi-favicon-wordpress-4-min

Bước 5. Chọn Cắt ảnh hoặc Không

thay-doi-favicon-wordpress-5-min

Bước 6. Chọn Đăng bài viết

thay-doi-favicon-wordpress-6-min

Cách 2. Thêm Code vào Header.php

Bước 1. Đầu tiên các bạn cần tải ảnh Favicon lên WordPress.

Bước 2. Tiếp theo truy cập vào Giao diện –> Sửa

giao-dien-admin-left-bar-1-min

Bước 3. Chọn Header.php, chèn đoạn mã sau vào trên </head> rồi lưu lại.

thay-doi-favicon-wordpress-7-min

<link rel=”icon” href=”http://themevi.com/favicon.png” type=”image/x-icon” />
<link rel=”shortcut icon” href=”http://themevi.com/favicon.png” type=”image/x-icon” />

Trong đó 2 liên kết https://…..trên là liên kết tới ảnh Favicon.

Cách 3. Sử dụng Plugin

Trường hợp các bạn không tìm thấy mục Sửa trong giao diện. Bạn có thể cài đặt Plugin Insert Headers and Footers.

plugin-insert-headers-and-footers

Sau đó vào Settings –> Insert Headers and Footers

insert-header-and-footes-2

Dán đoạn code trên vào phần Scripts in Header và chọn Save.

insert-header-and-footes-3-min

Insert Headers and Footers còn được dùng nhiều để chèn code Google Analytics, Facebook Remarketing, Google Remarketing,….

Gửi một bình luận