Hướng dẫn thêm favicon cho site wordpress

10/15/2017

Chia Sẻ :

Tweet

Bài viết liên quan

Favicon là biểu tượng của trang web xuất hiện trên thanh địa chỉ hoặc tab trình duyệt của bạn khi truy cập hoặc bên cạnh tên trang web trong danh sách dấu trang của bạn. Nó sẽ giúp người dùng nhận diện ra trang của bạn và đồng thời giúp bạn tạo dựng sự tin tưởng, củng cố thương hiệu của bạn. Do đó, cũng giống như những trang web khác, bạn nên có favicon cho riêng mình. Và thật may mắn, để làm được điều này thật quá dễ dàng.

Trước tiên bạn cần có một file ảnh với đuôi .ico đã nhé (chỉ cần 32 x 32 pixel hoặc 16 x 16 pixel thôi). Bạn có thể sử dụng photoshop hay bất kì phần mềm chỉnh sửa ảnh để tạo, hoặc dùng công cụ trực tuyến favicon.cc cũng sẽ giúp bạn làm được điều này. Nếu favicon của bạn đang ở định dạng khác thì chuyển sang .ico tại đậy. Đừng quên tải lên favicon của bạn vào web của bạn nhé.

Xong công đoạn chuẩn bị, chúng ta tiến hành thêm favicon cho WordPress.

Cách thứ nhất: Các bạn mở file functions.php của theme đang sử dụng ra và thêm đoạn code sau vào.

function cswp_add_favicon() { ?><link href="link tới favicon" rel="shortcut icon" type="image/x-icon"><?php }add_action('wp_head', 'cswp_add_favicon');

1

2

3

4

5

6

function cswp_add_favicon() {

?>

<link href="link tới favicon" rel="shortcut icon" type="image/x-icon">

<?php

}

add_action('wp_head', 'cswp_add_favicon');

Cách thứ hai: Thêm đoạn code sau vào file head.php của theme đang sử dụng.

<link href="link tới favicon" rel="shortcut icon" type="image/x-icon">

1

<link href="link tới favicon" rel="shortcut icon" type="image/x-icon">

Cách thứ ba: Sử dụng plugin Favicon Rotator. Giao diện của Favicon Rotator rất dễ sử dụng.

Sử dụng Gravatar của bạn như một favicon

Nếu bạn chưa có ý tưởng cho favicon của mình, thì có thể sử dụng luôn Gavatar của mình để làm Favicon cho WordPress. Các bạn chỉ cần thêm đoạn code này vào file functions.php của theme.

function use_gravatar_favicon() { $GetEmailHash = md5(strtolower(trim('nhập email sử dụng gavatar của bạn')));?><link rel="shortcut icon" href="<?php echo 'http://www.gravatar.com/avatar/' . $GetEmailHash . '?s=16;'; ?>" type="image/x-icon" /><?php}add_action('wp_head', 'use_gravatar_favicon');

1

2

3

4

5

6

7

function use_gravatar_favicon() {

    $GetEmailHash = md5(strtolower(trim('nhập email sử dụng gavatar của bạn')));

?>

<link rel="shortcut icon" href="<?php echo 'http://www.gravatar.com/avatar/' . $GetEmailHash . '?s=16;'; ?>" type="image/x-icon" />

<?php

}

add_action('wp_head', 'use_gravatar_favicon');

Lưu ý: Email của bạn phải đang sử dụng Gavatar nhé.

Nguồn: Việt Hùng admin https://chiasewp.com/

Thẻ : Wordpress