Hướng dẫn cách sửa header trong WordPress chi tiết nhất năm 2023

Làm thế nào để sửa header trong wordpress ?

Sau khi cài đặt WordPress, việc thay đổi giao diện và nội dung trang web là bước đầu tiên và cũng là quan trọng. Giao diện mặc định của WordPress có thể sẽ không phù hợp hoặc bạn mong muốn tạo sự độc đáo và nổi bật cho trang web của mình. Khi đề cập đến giao diện, đa số mọi người sẽ nghĩ ngay đến header vì nó hiển thị ngay đầu trang.

Hãy theo chân mình tìm hiểu ngay bài viết Hướng dẫn cách sửa header trong WordPress chi tiết nhất năm 2023 dưới đây nhé!

Header trong WordPress là gì?

Header là khu vực hiển thị phần đầu tiên của trang web. Tại đây nó sẽ hiển Logo, banner, Menu hoặc các mạng xã hội được tích hợp.

Nếu bạn không vừa lòng với những giao diện có sẵn, bạn có thể tự mình sửa header trong wordpress. Hãy cùng mình tìm hiểu ngay bên dưới để biết được cách sửa header trong wordpress nhé!

Hướng dẫn cách sửa header trong WordPress chi tiết nhất năm 2023

Để sửa header trong WordPress, bạn cần thực hiện các thao tác:

Kéo chuột vào chữ Apperance => Nhấp vào Tùy chỉnh ( Customize )

WordPress sẽ mở ra một giao diện quản trị, nơi bạn có thể chỉnh sửa nhiều phần của trang web như Header, Footer, Archive, Single…

Tuy nhiên, điều này sẽ phụ thuộc vào từng Theme cụ thể mà bạn đang sử dụng, bởi vì cách bạn có thể tùy chỉnh các phần này sẽ khác nhau dựa trên mã nguồn mà lập trình viên đã viết cho theme đó.

• Chỉnh sửa Logo

Bạn nhấp vào chữ Nhận dạng Site (Site Identity)

Ấn vào Change Logo 

Cuối cùng đừng quên ấn Publish để lưu lại

• Chỉnh sửa màu Background

Ấn chuột phải vào khoảng trắng tại phần Header => Nhấp vào kiểm tra

Bạn sẽ nhìn thấy được Class của phần Header là gì.

Copy vào file style.css ấn Ctrl + F để tìm kiếm

Để thay đổi màu nền bạn thêm vào dòng background: #000000; vào trong khối lệnh

.header {

background: #000000;

}

Để sửa phần đầu trang web WordPress chủ yếu sử dụng Customize. Nếu bạn am hiểu về code có thể thay đổi hiển thị theo ý muốn của mình bằng chỉnh sửa code.

Cách thêm hình ảnh vào header

Ở trong phần Current Header, bạn nhấp vào nút Add new image.

Bạn có hai lựa chọn là chọn ảnh từ thư viện có sẵn của WordPress (1) hoặc tải ảnh trực tiếp từ máy tính (2).

Sau đó bạn nhấp nút Select and Crop.

Bạn có thể chọn bỏ qua crop (skip cropping) hoặc crop image tức là cắt ảnh sao cho vừa vặn với size của header.

Khi đã ưng ý, bạn nhấp vào nút Publish.

Cách ẩn hình ảnh trên Header

Nếu bạn không muốn header để hình nào thì chỉ việc nhấp vào nút Hide Image trong phần Current Header.

Đừng quên nhấp nút Publish sau khi đã hoàn tất chỉnh sửa.

*Lưu ý: Việc chỉnh sửa, thêm hình ảnh ở Header sẽ phụ thuộc vào kiểu theme bạn chọn.

Có những theme có nhiều lựa chọn chỉnh sửa phần hình ảnh hơn, ví dụ chuyển đổi kích thước, màu sắc, đường viền…

Vì vậy, có thể theme bạn chọn khác với theme Khánh làm ví dụ trong bài nên phần giao diện sẽ khác một chút nhưng về cơ bản cách đổi hình ảnh cũng không có gì khác biệt giữa các theme.

Cách thêm video vào header

Những ảnh động hoặc video sẽ thu hút sự chú ý của khách truy cập mạnh hơn là hình ảnh.

Trong WordPress có hai cách để thêm video vào header.

Cách đầu tiên là bạn vào phần Header Video, nhấp vào nút Select Video để tải video trực tiếp từ máy tính hoặc thư viện có sẵn trên WordPress.

Nhưng cách này chỉ sử dụng cho những video nhỏ hơn 8MB, và kích thước là 2000×1200 pixel đối với theme Twenty Seventeen (kích thước khác nhau cho mỗi theme).

Cách thứ hai là thêm video từ Youtube.

Nếu video bạn muốn thêm vào header có kích thước trên 8MB thì bạn nên tải video lên Youtube, sau đó sao chép URL rồi dán vào box Enter a Youtube URL cũng nằm trong tab Header Video.

Ngay lập tức ở trang demo bên cạnh sẽ hiển thị video được chèn trên header như thế nào.

Điểm đặc biệt ở chỗ video được phát trên header WordPres có nút tạm dừng, và khi bạn nhấp nút này, nó sẽ đề xuất các video tương tự trên Youtube.

Cuối cùng đừng quên nhấp nút Publish để lưu lại toàn bộ chỉnh sửa.

Trên đây là tất cả kiến thức về cách sửa header trong wordpress mà Meweb muốn gửi đến bạn. Cảm ơn các bạn đã dành thời gian theo dõi bài viết của mình. Hy vọng thông qua bài viết này, bạn có thể tự sửa header trong wordpress một cách nhanh chóng.

Xem thêm:

• Bật mí 4+ plugin tăng tốc độ website wordpress tốt nhất hiện nay mà bạn cần biết
• Tổng hợp 5+ Plugin Audio Player WordPress tốt nhất hiện nay
• 10 plugin WordPress miễn phí tốt nhất mà mọi trang web cần