Hướng dẫn thay đổi Favicon trong WordPress

Thảo luận trong 'Thiết kế web Hosting VPS, Dedicated Server, Domain' bắt đầu bởi rs_lyly2009, 20/6/18.

  1. rs_lyly2009

    rs_lyly2009 Home Sweet Home Thành viên BQT

    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.

    [​IMG]

    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

    [​IMG]

    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.

    [​IMG]

    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.

    [​IMG]

    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

    [​IMG]

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

    [​IMG]

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

    [​IMG]

    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

    [​IMG]

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

    [​IMG]

    <link rel="icon" href="

    Link tải đã ẩn Để tránh Google nghía, bạn cần đặng nhập để thấy link. Đăng ký or đăng nhập tại đây

    " type="image/x-icon" />
    <link rel="shortcut icon" href="

    Link tải đã ẩn Để tránh Google nghía, bạn cần đặng nhập để thấy link. Đăng ký or đăng nhập tại đây

    " 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

    Link tải đã ẩn Để tránh Google nghía, bạn cần đặng nhập để thấy link. Đăng ký or đăng nhập tại đây

    .

    [​IMG]

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

    [​IMG]

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

    [​IMG]

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

    Nguồn: Themevi.com
     

    Phụ kiện công nghệ tại Shoppe từ 49k Xem ngay

    Administrator thích bài này.

Chia sẻ trang này