Logo và favicon là một trong những thành phần rất quan trọng với 1 website. Một logo đẹp sẽ giúp gây được ấn tượng với khách hàng, favicon sẽ giúp phân biệt trang web của bạn với các trang web khác trên trình duyệt. Vậy làm cách nào để chỉnh sửa/thay đổi logo và favicon cho website. Các bạn hãy cùng với Thiết Kế Web Online tìm hiểu vấn đề này trong bài viết dưới đây nhé.
Nội dung chính:
Cách chỉnh sửa/thay đổi logo trong WordPress
Bước 1: Truy cập vào Customizer của theme
Trong trang quản trị của WordPress, bạn tìm đến Appearance (Giao diện) và chọn Customize (Tùy biến).
Sau đó WordPress sẽ đưa bạn đến một màn hình Live Preview, tại đây nó cho phép bạn có thể vừa chỉnh sửa vừa xem các thay đổi vừa rồi của bạn trực tiếp trên website.
Bước 2: Thực hiện chỉnh sửa/thay đổi logo
Trong giao diện Live Preview của Customizer này, bạn hãy nhấn chọn tab Header ở bên trái như ảnh ở trên nhé.
Thông thường logo sẽ ở phần đầu trang (Header), nên nếu muốn thay đổi logo bạn chỉ cần truy cập vào Header để chỉnh sửa là được. Tuy nhiên sẽ có một số mẫu web, logo lại được đặt ở phần chân trang (Footer), bạn chỉ cần truy cập vào Footer rồi chỉnh sửa là được nhé.
Tại đây, bạn sẽ thấy một mục có tên Header Logo hoặc Logo, bạn hãy click vào đó.
Lúc này, một bảng tùy chỉnh sẽ xuất hiện. Tùy vào mỗi theme mà nó sẽ cung cấp cho bạn mỗi kiểu lựa chọn khác nhau.
Bạn có thể lựa chọn thêm text hoặc hình ảnh cho logo nhé. Nếu bạn chọn logo dạng hình ảnh, thì bạn hãy chuyển sang bước tiếp theo nhé.
Bước 3: Chọn logo để thay đổi cho WordPress
Tại giao diện trên, bạn hãy nhấn vào Change Image, nếu bạn muốn thay đổi logo hoặc Select Image, nếu bạn muốn đăng logo mới. Một cửa sổ sẽ xuất hiện để bạn có thể lựa chọn ảnh để làm logo.
Bạn có thể tải ảnh từ máy tính lên hoặc chọn ảnh từ trong media trên website đều được nhé.
Sau khi đã chọn được hình ảnh thích hợp, bạn nhấn nút Choose Image
Bước 4: Lưu lại các thay đổi trên website
Tại cửa sổ preview, bạn hãy kiểm tra lại logo mà bạn đã tải lên đã đúng như những gì bạn muốn hay chưa. Nếu đã đúng rồi, bạn hãy nhấn nút Publish (Đăng) để lưu lại các thay đổi nhé.
Cách thay đổi Favicon trong WordPress
Để để chỉnh sửa/thay đổi Favicon, chúng ta có 3 cách làm:
Tùy biến trong WordPress
Bước 1: Bạn truy cập vào phần Giao diện, sau đó chọn Tùy biến
Bước 2: Chọn Nhận dạng Site
Bước 3: Bạn kéo xuống dưới phần Biểu tượng Site (hoặc Favicon).
Bước 4: Bạn tải ảnh từ máy tính, hoặc bạn có thể chọn ảnh có sẵn để làm Favicon nhé, ảnh Favicon có kích thước tối thiểu là 512px x 512px
Bước 5: Bạn có thể chọn Cắt ảnh hoặc Không
Bước 6: Chọn Đăng bài viết là Favicon của bạn sẽ được cập nhật ngay
Sử dụng Code để chèn vào file Header.php
Bước 1. Đầu tiên bạn phải tải ảnh Favicon lên kho media trong WordPress.
Bước 2: Bạn truy cập vào phần Giao diện, sau đấy chọn Sửa
Bước 3: Bạn tìm và chọn vào file Header.php, sau đấy bạn chèn đoạn code phía vào bên trên phần </head> rồi lưu lại là xong.
<link rel=”icon” href=”https://domain.com/favicon.png” type=”image/x-icon” />
<link rel=”shortcut icon” href=”https://domain.com/favicon.png” type=”image/x-icon” />
Trong đó https://domain.com chính là tên miền website của các bạn.
Sử dụng Plugin để thêm Favicon
Trường hợp nếu cả 2 cách trên vẫn không làm được, thì bạn hãy cài đặt Plugin Insert Headers and Footers.
Tiếp đó bạn truy cập vào Settings, rồi chọn Insert Headers and Footers
Sau đấy bạn dán 2 đoạn code ở bước 2 vào phần Scripts in Header và chọn Save.
Vậy là bạn đã có thể chỉnh sửa/thay đổi logo và Favicon cho website WordPress, rất đơn giản, bạn có thể tự làm được đấy. Chúc bạn thành công