cách thêm logo website

Làm thế nào chèn logo trong WordPress đầy đủ nhất?

Mình vừa nhận được một câu hỏi của đọc giả như sau: Làm thể nào chèn logo trong WordPress? 

Mình thấy rằng đây là vấn đề mà khá nhiều bạn quan tâm khi bước đầu làm web. Trong bài viết này, mình sẽ hướng dẫn bạn cách làm thế nào để chèn logo trong wordpress logo và cách chỉnh sửa header để phần đầu trang web trở nên độc đáo hơn, chuyên nghiệp hơn nhé.

Mình có hướng dẫn chi tiết ở video bên dưới hoặc bạn có thể xem nhanh bài hướng dẫn ở dưới video

Thông thường, giao diện nào cũng có phần để bạn thêm logo của bạn vào. Nhưng không phải giao diện nào cũng giống giao diện nào.

Mỗi giao diện sẽ có quy định về kích thước logo riêng, vị trí hiển thị logo riêng. Vị trí, kích thước logo do người lập trình giao diện quyết đinh. Bạn nào biết code có thể tùy chỉnh giao diện theo ý muốn.

>>Có thể bạn cần: 2 cách đơn giản chèn link vào bài viết trong WordPress

Mình sẽ lấy một ví dụ để bạn hình dung rõ hơn. Đây là logo khi mình thêm vào giao diện trang Hocvoiphp.com. 

thêm logo

Đây là logo khi mình thêm vào giao diện một trang web thichdesign.com.

cách thêm logo

Cùng một logo nhưng khi thêm vào 2 theme khác nhau, vị trí hiển thị sẽ khác nhau. Bạn có thể thấy ở hình số 2, logo gần như chiếm toàn bộ trang website, ảnh hưởng tới tính thẩm mỹ của trang web.

Vậy làm thế nào chèn logo trong wordpress chuẩn nhất?

Thông thường, bạn sẽ có 2 cách để chèn logo.

Một là bạn sẽ chèn một đoạn code vào giao diện. Mình thì không biết code nên mình không dùng cách này. Mình hay dùng tính năng tùy biến giao diện trong WordPress để thêm logo mà mình thích.

Bạn đăng nhập vào trang quảng trị WordPress, tại mục “Giao diện” chọn “Tùy biến“.

tùy biến giao diện

Mỗi giao diện sẽ hiển thị phần tùy biến khác nhau. Vì vậy, nhiệm vụ của bạn là tìm vị trí để thêm logo vào.

Đây là phần Tùy biến ở giao diện trang Thichdesign.com.

hướng dẫn thêm logo

Đối với theme này, phần thêm logo nằm trong thư mục General.

chèn logo

Bạn chọn logo của bạn và upload lên thôi. Thao tác này đơn giản nên mình sẽ không hướng dẫn nhé.

Mình chắc chắc rằng nhiều bạn sẽ không biết tạo logo mang thương hiệu của riêng mình như thế nào. Bạn đừng lo, mình sẽ chỉ cho bạn 2 cách cực đơn giản để tạo logo.

Cách 1: Nếu bạn biết sử dụng phần mềm Photoshop thì việc tạo logo vô cùng đơn giản.

Cách 2: Dùng dịch vụ tạo logo online, cách này dùng cho dân không biết gì về Photoshop đây.

Đầu tiên, bạn vào trang web Hatchful.shopify.com . Bạn nhấp vào “Get Start

tạo logo

Chọn một lĩnh vực liên quan tới chủ để trang web của bạn để tạo logo. Hatchful tạo rất nhiều chủ đề cho bạn chọn như Fasion, Health and Beauty, Home anh Garden, Food and Drink….Bạn chọn xong nhấn “Next” nhé

cách tạo logo trên hatchful

Tiếp theo, bạn chọn kiểu để tạo logo như Bold, Calm, Classic…..Chọn xong nhấn “Next” nhé.

cách tạo logo

Bạn nhập tên website và slogan trang web của bạn vào.

Tiếp theo, bạn chọn mục đích sử dụng logo trong lĩnh vực gì nhé. Mục đích bước này để thêm logo có kích thước và độ phân giải phù hợp cho bạn.

chèn logo wordpress

Hatchful sẽ tạo cho bạn rất nhiều kiểu logo. Bạn chọn kiểu phù hợp và nhấn “Next” để download file về nhé. Ở bước này, Hatchful sẽ bắt bạn nhập email. Ảnh sẽ được Hatchful gởi thẳng vào email của bạn.

cách chèn logo vào trang web

Oke, vậy là mình đã hướng dẫn xong cách tạo logo đơn giản bằng Hatchful rồi đấy. Hy vọng bạn không gặp khó khăn gì trong quá trình thực hiện. Nếu có khó khăn thì comment bên dưới để nhận hỗ trợ nhé.

Cách chỉnh sửa header trong WordPress

Tiếp theo, mình sẽ hướng dẫn bạn cách chỉnh sửa header trong WordPress để phần đầu trang web trở nên đẹp hơn.

Đầu tiên, bạn vào Giao diện chọn “Tùy biến” cho mình. 

hướng dẫn thêm logo

Tại mục General, bạn sẽ thêm logo như mình hướng dẫn bên trên.

Bạn có thể thay đổi Font chữ cho tiêu đề trang web bằng cách chọn “Font“. Bạn nhấp vào mũi tên để chọn font chữ phù hợp.(mình dùng google tranlate nên dịch chưa chuẩn lắm)

tùy biến giao diên

Để thay đổi tiêu để trang web và câu Slogan, bạn vào phần “Nhận dạng Site” nhé. 

thay đổi tiêu đề website

Riêng phần biểu tượng Site, bạn nên chọn một biểu tượng site cho bạn. Biểu tượng Site chính là phần hình ảnh hiện trên tab trình duyệt. Bạn có thể xem hình bên dưới để hiểu rõ hơn.

biểu tượng site

Bạn lên Google ảnh chọn hình ảnh có kích thước 512×512 pixel làm biểu tượng site. Cách chọn rất đơn giản.

Bạn vào Google hình ảnh. Bạn chọn “Công cụ” cho mình.

cách chèn logo vào wordpress

Sau đó, bạn chọn ” Kích thước” và chọn tiếp ” Chính xác” để nhập kích thước theo yêu cầu.

chọn ảnh

Cuối cùng, bạn nhập kích thước chính xác ảnh mà bạn cần tìm, nhập xong ấn “Tìm kiếm” là xong.

chỉnh sửa logo website

Tiếp theo, bạn vào phần “Màu Sắc” để thay đổi màu chữ, màu tiêu đề… cho header cho website.

thay đổi màu tiêu đề

Để cài đặt hiển thị trang web, bạn vào phần “Cài đặt trang chủ” nhé. Tại đậy, bạn chọn 1 trong 2 tính năng “Bài viết mới nhất” và “Trang tĩnh“.

Khi bạn chọn bài viết mới nhất có nghĩ là trang web của bạn sẽ hiện những bài biết mới nhất, không hiện các bài cũ.

Nếu bạn chọn trang tĩnh thì trang web của bạn sẽ chỉ hiển thị nội dung trên trang đó, dù nội dung trang đã cũ.

Mình thường chọn bài biết mới nhất để đọc giả có thể thấy những bài viết mới nhất của mình.

cài đặt trang chủ

Vậy là mình đã hướng dẫn xong cách làm thế nào chèn logo trong wordpresscách chỉnh sửa header để trang web trở nên chuyên nghiệp hơn rồi đấy.

Trong quá trình làm có khó khăn thì hãy commnet bên dưới để mình hỗ trợ nhé. Hãy like và share nếu nội dung mình chia sẽ hữu ích với bạn!

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *