Hướng dẫn tùy chỉnh Header trên website WordPress Flatsome

Ưu điểm của theme WordPress Flatsome là mọi người đều có thể tùy chỉnh rất dễ dàng, dù không hề biết một chút gì về code. Trong Series Hướng dẫn kỹ thuật Thiết kế web Online sẽ gửi đến bạn ít nhất 3 bài hướng dẫn cơ bản tùy chỉnh giao diện theo ý thích của bạn. Và Mở đầu Series sẽ là bài tùy chỉnh Header của website. Các bạn hãy cùng theo dõi trong bài viết dưới đây nhé.

Thông thường phần Header sẽ được chia ra ít nhất là 3 phần: Top Header, menu chính (main menu) và banner. Hãy nhớ là đăng nhập vào website nhé

Tùy chỉnh Top Header trên website WordPress Flatsome

Trong Top Header thường được chia làm 3 phần đó là: Logo, khung tìm kiếm, và số điện thoại liên hệ. Để tùy chỉnh được Top Header các bạn các bạn hãy nhấn vào Tùy biến trên thanh task (thanh màu đen) ở ngoài trang chủ

tùy chỉnh header wordpress flatsome

Sau khi nhấn vào Tùy biến, bạn sẽ được đưa đến 1 trang thiết lập

tùy chỉnh header wordpress flatsome

Bạn nhấn vào Header

tùy chỉnh header wordpress flatsome

Ở hình trên bạn có thể nhìn thấy các thông số hiện có tính từ Top Header đến phần menu chính (main menu)

Phần màu đen phía trên bên trái của Top Header chính là HTML 1, các bạn hãy click chuột vào HTML 1, lập tức phía bên trái sẽ đưa bạn đến chỗ tùy chỉnh của phần trên đó

tùy chỉnh header wordpress flatsome

Cùng trên 1 hàng với HTML 1 chính là Account và Cart, dùng để chỉnh sửa phần tài khoản và giỏ hàng cho website, cách thực hiện cũng tương tự như HTML 1

tùy chỉnh header wordpress flatsome

Để thay đổi Logo thì các bạn hãy click chuột vào LOGO, lập tức khung bên trái sẽ đưa các bạn đến các tùy chỉnh logo như: Thay đổi tên website, khẩu hiệu website, logo….

tùy chỉnh header wordpress flatsome

Để thay đổi khung Search thì các bạn hãy click vào Search Form, rồi tùy chỉnh theo ý thích nhé

tùy chỉnh header wordpress flatsome

HTML 3 chính là phần để các bạn tùy chỉnh số điện thoại liên hệ, đơn giản là bạn chỉ cần click vào HTML 3, sau đấy đổi điện thoại mặc định thành số của bạn là xong ngay

tùy chỉnh header wordpress flatsome

Menu chính (main menu) trên website WordPress Flatsome

Tùy chỉnh menu chính khác là phức tạp, vì bạn sẽ chỉnh nó trong trang quản trị (dashboard) wordpress

Bạn truy cập vào dashboard

tùy chỉnh header wordpress flatsome

Sau khi đã truy cập vào dashboard, bạn chọn Giao diện -> Menu

tùy chỉnh header wordpress flatsome

Như bạn đã thấy hình trên có rất nhiều menu để bạn có thể tùy chỉnh. Các bạn chỉ việc chọn menu mà mình muốn chỉnh sửa sau đấy click vào nút Chọn

tùy chỉnh header wordpress flatsome

Ở phần Thêm liên kết, bạn có thể chọn Trang, Bài viết, Chuyện mục, Liên kế tự tạo…. để thêm vào menu

Bạn chỉ cần tích chọn, sau đấy nhấn Thêm vào menu, và nhấn Lưu menu.

tùy chỉnh header wordpress flatsome

Hãy nhớ là chọn đúng menu cần sửa nhé, kẻo sửa xong mà lại không thay đổi thì bạn cứ nghĩ là theme lỗi đấy. Một số tên menu ở phần Top Header

  • Menu danh mục (Vertical Menu)
  • Menu phải (Main Menu, Main Menu – Mobile, Top Bar Menu)

Tùy chỉnh Banner trên website WordPress Flatsome

Bạn chọn Sửa trang -> Edit with UX Builder

tùy chỉnh header wordpress flatsome

Cách bạn hãy chú ý đến Section tên Silder.

tùy chỉnh header wordpress flatsome

Trong silder có 3 Column:

Column đầu tiên là nơi đặt Vertical Menu các bạn không cần phải quan tâm nó.

Column ở giữa chính là nợi đặt banner chính. Bạn chỉ cần chỉ thẳng chuột vào tấm ảnh sau đấy click chuột trái 1 lần, khung bên trái sẽ thay đổi để bạn có thể tùy chỉnh, thay đổi banner. Và các tấm ảnh tiếp theo tương tự như thế nhé

tùy chỉnh header wordpress flatsome

Column cuối cùng cũng tương tự như Colomn ở giữa nhé

Vậy là xong bạn đã biết cách tùy chỉnh Header trong website WordPress Flatsome theo ý của mình rồi đấy. Cũng không quá phức tạp đúng không? Chúc các bạn thành công


LIÊN HỆ VỚI CHÚNG TÔI ĐỂ ĐƯỢC TƯ VẤN HỖ TRỢ

    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 *