Chuyển tới nội dung

Cách Tạo Header Với Elementor Pro

Cách Tạo Header Với Elementor Pro

Bây giờ Nam sẽ hướng dẫn các bạn cách tạo header với Elementor Pro nhé! Chúng ta hãy cùng bắt đầu thôi!

Lưu ý là để có thể tạo header thì bắt buộc các bạn phải dùng Elementor bản Pro nhé các bạn!

Cách Tạo Header Với Elementor Pro

Đầu tiên là chúng ta vào Template -> Theme Builder.

Cách Tạo Header Với Elementor Pro

Rồi chúng ta bấm vào dấu cộng chỗ Header.

Cách Tạo Header Với Elementor Pro

Giờ thì các bạn có thể design phần header của mình như bạn design 1 cái page bình thường bằng Elementor.

Nam sẽ tiến hành design header cơ bản theo cách của Nam bao gồm 1 logo và 1 menu. Các bạn có thể design theo cách riêng của các bạn.

Để có thể thêm menu thì các bạn dùng widget Nav Menu nhé! Nav Menu sẽ dùng 1 cái menu mà các bạn đã tạo trong phần Giao diện của WordPress.

Okay, Nam sẽ tiến hành style 1 chút cho nó hoàn chỉnh hơn.

Cách Tạo Header Với Elementor Pro

Khi bạn đã xong rồi thì các bạn bấm Xuất Bản.

Cách Tạo Header Với Elementor Pro

Ở đây nó sẽ hiện ra 1 cái bảng để setup điều kiện để thể hiện header trên website. Các bạn click vào Add Condition.

Cách Tạo Header Với Elementor Pro

Khi bấm vào Add Condition thì mặc định có sẵn IncludeEntire Site, tức là header bạn mới design sẽ hiện trên toàn bộ website. Rồi các bạn bấm Save & Close. Vậy là xong.

Cách Tạo Header Với Elementor Pro

Chúc các bạn ứng dụng thành công hướng dẫn này và hãy thường xuyên ghé thăm blog của Nam để tham khảo thêm những hướng dẫn về Elementor các bạn nhé!

Chia Sẻ Bài Viết
Follow Nam Trên LinkedIn
Follow on LinkedIn

BÀI VIẾT KHÁC

Tham Khảo Các Dịch Vụ Của Web Designer Lê Thành Nam

Thiết Kế WebsiteTrọn Gói
Thiết Kế Website
Trọn Gói
Nâng Tầm Thương Hiệu, Tối Ưu Hiệu Suất
SEO Website Tổng Thể
SEO
Website Tổng Thể
Tăng Thứ Hạng, Thu Hút Khách Hàng
Nâng Cấp Website
Nâng Cấp
Website
Đổi Mới Hiệu Suất, Nâng Cao Trải Nghiệm
Quản Trị Website
Quản Trị
Website
Đảm Bảo Hoạt Động, Tối Ưu Hiệu Suất