Bạn cần tìm hiểu cách thêm một WordPress Favicon một cách dễ dàng? Tìm hiểu bằng cách làm theo hướng dẫn này

Biểu tượng yêu thích là một biểu tượng hình vuông nhỏ đại diện cho trang web của bạn. Nó thường xuất hiện bên cạnh tiêu đề trang web trong tab trình duyệt. Biểu tượng yêu thích cũng xuất hiện trong lịch sử trình duyệt, dấu trang và bất kỳ nơi nào mà trang web của bạn cần có danh tính trực quan.

thêm một WordPress Favicon

Chi tiết nhỏ này rất cần thiết cho danh tính trực tuyến của bạn. Chúng ta sẽ thảo luận về favicon WordPress và cách thêm một favicon vào trang web WordPress của bạn.

Nhưng trước khi bắt đầu, nếu bạn chưa bao giờ cài đặt WordPress, hãy tìm hiểu Làm thế nào để cài đặt một bước 7 blog WordPress et Làm thế nào để tìm kiếm, cài đặt và kích hoạt một chủ đề WordPress trên blog của bạn 

Sau đó trở lại lý do tại sao chúng ta ở đây.

Tại sao việc thêm Favicon vào trang web của bạn lại quan trọng

Một Favicon về cơ bản là ID trang web của bạn; do đó, logo của bạn sẽ có nhiều khả năng xuất hiện ở đó hơn. Bỏ qua sự hiện diện của nó trên trang web của bạn quả thực là một sai lầm.

Dưới đây là một vài lý do tại sao biểu tượng yêu thích lại quan trọng đối với trang web của bạn.

  • Nổi bật như sự công nhận của Tôi đã gọi
    Hầu hết người dùng có xu hướng mở nhiều tab trong trình duyệt của họ. Nếu không có biểu tượng yêu thích, bạn chỉ có thể xem trang hoặc tên bài đăng trong tab trình duyệt. Ngoài ra, nếu bạn mở nhiều hơn 20 tab, chúng trở nên ngắn hơn và rất khó để xác định tab nào đại diện cho trang web nào.
    Có biểu tượng yêu thích giúp người dùng phát hiện từng tab dễ dàng hơn. Nếu biểu tượng yêu thích của bạn nổi bật, nó sẽ không chỉ cải thiện khả năng hiển thị của bạn mà còn trải nghiệm người dùng.
  • Xây dựng lòng tin
    Bạn sẽ tạo cho người dùng ấn tượng xấu ban đầu nếu bạn không có biểu tượng yêu thích. Một trang web không có biểu tượng yêu thích trông sẽ không chuyên nghiệp.
    Nếu bạn đang xây dựng một trang web chỉ để viết blog hàng ngày, thì việc không có biểu tượng yêu thích có thể không liên quan. Tuy nhiên, nó trở nên cần thiết khi bạn đang quản lý một trang web kinh doanh hoặc một cửa hàng trực tuyến.
    của bạn khách sẽ không tin tưởng bất kỳ giao dịch nào trên một trang web trông không chuyên nghiệp.
  • Cải thiện trải nghiệm di động
    Đây là kỷ nguyên của trải nghiệm di động. Có một trang web đáp ứng có thể không đủ để làm hài lòng người dùng di động, chủ yếu là do các ứng dụng web đang gia tăng ngay bây giờ.
    Người dùng có thể chỉ cần đánh dấu một trang web trên màn hình chính của điện thoại. Không cần nhập URL nữa!
    Trong tình huống này, có một biểu tượng yêu thích tốt sẽ phục vụ bạn theo hai cách khác nhau. Đầu tiên, biểu tượng yêu thích sẽ được sử dụng làm biểu tượng ứng dụng và thứ hai, những người sử dụng ứng dụng web của bạn sẽ nhớ biểu tượng của bạn. Do đó, biểu tượng yêu thích của bạn sẽ được liên kết với trang web của bạn.

Tạo Favicon cho WordPress

Thông thường biểu tượng yêu thích của bạn là biểu tượng thương hiệu của bạn. Đối với hình ảnh, WordPress khuyên bạn nên sử dụng hình vuông, 512px x 512px.

Bạn có thể sử dụng hình ảnh lớn hơn, nhưng WordPress rất có thể sẽ yêu cầu bạn cắt nó để phù hợp với kích thước.

Để tạo một hình ảnh, kích thước chính xác của Pixel 512 x pixel pixel, bạn có thể sử dụng bất kỳ phần mềm chỉnh sửa hình ảnh nào như hơn Adobe Photoshop (trả tiền) và dây câu cá (miễn phí) hoặc máy tạo favicon

Mặc dù bạn có thể chọn màu nền cho biểu tượng yêu thích WordPress của mình, nhưng độ trong suốt được ưu tiên hơn. Bạn có thể sử dụng các định dạng . Jpeg.ico. Gif ou . Png (chỉ cần đảm bảo sử dụng định dạng . Png nếu bạn đang sử dụng nền trong suốt).

Khi hình ảnh đã sẵn sàng, bạn có thể thêm nó vào trang web WordPress của mình bằng một trong ba phương pháp sau:

1. Thêm một WordPress Favicon thông qua WordPress Customizer

Từ phiên bản WordPress 4.3, bạn có thể chỉ cần thêm một biểu tượng yêu thích WordPress từ khu vực quản trị của mình. Để thực hiện việc này, hãy làm theo các bước bên dưới:

  1. Truy cập vào Votre bảng điều khiển quản trị
  2. Di chuột qua Xuất hiện -> Tùy chỉnh
  3. chọn danh tính trang web
  4. Bấm vào nút Chọn một hình dưới phần Biểu tượng của trang web
  5. Tải lên biểu tượng yêu thích của bạn đã được chuẩn bị
  6. Bấm vào nút Xuất bản để lưu thay đổi.

Nếu bạn thực hiện đúng quy trình, biểu tượng yêu thích của bạn sẽ xuất hiện bên cạnh tiêu đề trang web của bạn. Để thiết lập tính năng này trên thiết bị di động, hãy truy cập trang web của bạn từ điện thoại và chọn Thêm vào màn hình chính.

Biểu tượng yêu thích của bạn bây giờ sẽ xuất hiện trên màn hình chính của bạn.

thêm một WordPress Favicon

2. Thêm Favicon vào trang web bằng plugin WordPress

Bạn cũng có thể thêm biểu tượng yêu thích vào WordPress bằng cách sử dụng một plugin có tên Favicon bởi RealFaviconGenerator. Nó rất dễ sử dụng và cung cấp nhiều tính năng hơn. Dưới đây là các bước bắt buộc:

  1. Truy cập của bạn bảng điều khiển quản trị
  2. Chọn Tiện ích mở rộng -> Thêm
  3. kiểu Favicon bởi RealFaviconGenerator trong hộp tìm kiếm
  4. Cài đặt và kích hoạt Plugin WordPress
  5. Sau khi kích hoạt, hãy chuyển đến Xuất hiện -> Favicon
  6. Tải lên hình ảnh bạn muốn đặt làm biểu tượng yêu thích. Bạn không cần phải chỉnh sửa hình ảnh của mình bằng phần mềm chỉnh sửa hình ảnh. Plugin sẽ làm điều đó cho bạn. Chỉ cần đảm bảo hình ảnh của bạn có kích thước ít nhất 70 x 70px. Nó thậm chí còn tốt hơn nếu nó lớn hơn 260 x 260 px.
  7. Khi bạn đã tải lên hình ảnh, hãy nhấn nút Tạo biểu tượng yêu thích.
  8. Sau khi nhấp vào nút, plugin sẽ đưa bạn đến trang web RealFaviconGenerator.
  9. Trên trang web, tìm và nhấp vào Tạo Biểu tượng yêu thích và mã HTML của bạn.
  10. Plugin sẽ đưa bạn trở lại trang web của bạn. Bạn sẽ nhận được thông báo rằng biểu tượng yêu thích của bạn đã được định cấu hình.
  11. Kiểm tra biểu tượng yêu thích của bạn trông như thế nào trong trình duyệt và thiết bị di động của bạn.
thêm một WordPress Favicon

3. Thêm một WordPress Favicon vào một trang web theo cách thủ công

Chúng tôi khuyên bạn nên thử nghiệm điều này trong trang web phát triển địa phương của bạn trước khi nó hoạt động.

  1. Truy cập các tệp chủ đề của bạn thông qua một ứng dụng khách FTP hoặc một người quản lý tệp
  2. Tìm thư mục /wp-content/themes/votre-theme
  3. Tải biểu tượng yêu thích của bạn lên thư mục chủ đề của bạn. Bạn nên tải xuống nó trong một thư mục con như Tài sản
  4. Nhớ đường dẫn tệp này
  5. Tìm một tệp có tên functions.php và thêm mã sau:
function add_favicon() {
  echo '<link rel="shortcut icon" type="image/png" href="'.get_template_directory_uri().'/assets/favicon.png" />';
}
 
add_action('wp_head', 'add_favicon');
  1. Dòng sau href="'.get_template_directory_uri() phải là đường dẫn đến biểu tượng yêu thích của bạn. Đồng thời đảm bảo rằng bạn có tên tệp chính xác. Nếu bạn đang sử dụng một định dạng tệp .ico, nó sẽ là thế này:
function add_favicon() {
  echo '<link rel="shortcut icon" type="image/png" href="'.get_template_directory_uri().'/assets/favicon.ico" />';
}
 
add_action('wp_head', 'add_favicon');

Có một biểu tượng yêu thích là phải! Đặc biệt là khi nó rất dễ tạo. Biểu tượng yêu thích đại diện cho danh tính của trang web của bạn. Nó có thể chỉ chiếm một không gian nhỏ trên trang web của bạn, nhưng chi tiết nhỏ này có vai trò đặc biệt trong việc cải thiện sự nhận diện thương hiệu và trải nghiệm người dùng của bạn.

Các tài nguyên được đề xuất khác

Chúng tôi cũng mời bạn tham khảo ressources bên dưới để có nhiều quyền sở hữu và kiểm soát hơn đối với trang web và blog của bạn.

Kết luận

Đó là tất cả cho hướng dẫn này giải thích cách thêm Favicon trên WordPress. Nếu bạn có bất kỳ mối quan tâm hoặc đề xuất nào, vui lòng cho chúng tôi biết trong vòng ý kiến.

Tuy nhiên, bạn cũng sẽ có thể tham khảo ý kiến ​​của chúng tôi ressources, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress hoặc một ngày Divi: chủ đề WordPress tốt nhất mọi thời đại.

Trong khi chờ đợi, chia sẻ bài viết này trên các mạng xã hội khác nhau của bạn.   

...