Hướng dẫn thay đổi logo, favicon trong Magento 2

Trong bài viết này mình sẽ hướng dẫn các bạn cách thay đổi logo và favicon trong Magento 2, giúp các bạn có thể thay đổi bộ mặt trang web và trang web được cá nhân hóa hơn.

1. Cách thay đổi favicon.

Favicon là 1 biêu tượng nhỏ nằm trên tab trình duyệt, nó có kích thước tiêu chuẩn 16 × 16 hoặc 32 x 32.

vị trí của favicon

Để thay đổi favicon chúng ta đăng nhập admin chọn CONTENT -> Configuration.

Tiếp theo chọn nơi bạn muốn thay đổi favicon rồi chọn Edit.

Design Configuration Magento 2

Sau đó kéo xuống phần Other Settings chọn HTML Head sẽ thấy mục Favicon Icon tại đây các bạn có thể upload ảnh hoặc chọn từ bộ sưu tập. Dung lượng tối đa của ảnh không được quá 2MB, các định dạng được hỗ trợ JPG, GIF, PNG, ICO, APNG nhưng khuyến khích dùng ảnh ở định dạng ICO cho favicon.

thay đổi favicon trong Magento 2

Chọn ảnh xong các bạn chọn Save Configuration ở góc phải trên cùng màn hình để lưu lại.

2. Cách thay đổi logo.

Đầu tiên chúng ta sẽ cùng xem kích thước và vị trí của logo trên trang web.

vị trí logo trong Magento 2

Logo có vị trí ở góc trái màn hình và có kích thước vào khoảng 148×43, bạn sẽ cần chọn ảnh phù hợp với kích thước đó.

Để thay đổi logo thì cũng tương tự favicon đăng nhập admin chọn CONTENT -> Configuration rồi chọn Edit ở nơi muốn sửa, kéo xuống Other Settings chọn mục Header. Định dạng ảnh được hỗ trợ JPG, GIF, PNG, dung lượng ảnh tối đa là 2MB.

thay logo trong Magento 2

Chọn ảnh xong các bạn chọn Save Configuration để lưu lại.

Vậy là mình đã hướng dẫn xong cách thay đổi logo, favicon trong Magento 2.

Cảm ơn các bạn đã đọc bài viết.

5 1 vote
Article Rating

Callula Huy

Callula is the Marketing Executive at Magetop. With more than 5 years of copywriting under her belt, Callula is into creating valuable content that is straight to the point. Life student. Workaholic. Foreign languages and traveling aficionado.

Leave a Reply or put your Question here

0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x