Skip to main content

Giới thiệu

Elementor Pro là một plugin mạnh mẽ cho WordPress, cho phép bạn tạo và tùy chỉnh các thành phần của trang web một cách dễ dàng. Trong hướng dẫn này, chúng ta sẽ tìm hiểu cách tùy chỉnh header (đầu trang) bằng Elementor Pro.

Truy cập vào trang quản lý VBE​

Truy cập vào cài đặt header​

  1. Thanh công cụ bên trái màn hình trang quản lý > tìm kiếm công cụ Giao diện.
  2. Di chuyển con trỏ chuột vào Giao diện > và chọn công cụ Elementor Header & Footer Builder.

Tạo mới header​

  1. Tại màn hình công cụ Elementor Header & Footer Builder > bấm nút Thêm mới (ADD NEW).
  2. Điền các thông tin cần thiết.
  3. Chọn ngôn ngữ để menu sẽ xuất hiện ở website thuộc ngôn ngữ đó.
  4. Chọn vị trí menu sẽ xuất hiện.
  5. Cuối cùng bấm chọn Xuất bản

Tùy chỉnh Header​

  1. Tại màn hình công cụ Elementor Header & Footer Builder > chọn header cần tuỳ chỉnh.
  2. Chọn Sửa với Elementor để vào trình chỉnh sửa của Elementor.
  3. Chọn công cụ Cấu trúc.
  4. Chọn thẻ WordPress Menu.

Docusaurus logo

Tạo mới menu header​

  1. Thanh công cụ bên trái màn hình trang quản lý > tìm kiếm công cụ Giao diện.
  2. Di chuyển con trỏ chuột vào Giao diện > và chọn công cụ Menu.
  3. Chọn Tạo menu mới.
  4. Nhập tên menu cần tạo.
  5. Chọn vị trí hiển thị cho menu.
  6. Bấm nút Tạo trình đơn để hoàn tất thêm menu

Tuỳ chỉnh menu header​

  1. Thanh công cụ bên trái màn hình trang quản lý > tìm kiếm công cụ Giao diện.
  2. Di chuyển con trỏ chuột vào Giao diện > chọn công cụ Menu.
  3. Chọn menu cần chỉnh sửa và bấm nút Chọn.
  4. Tích các ô có trang hoặc bài viết cần thêm từ cột Thêm các mục menu > bấm nút Thêm vào menu.
  5. Thay đổi vị trí của các thẻ bằng cách nhấn giữ thẻ và kéo đến vị trí cần thay đổi.
  6. Xoá thẻ bằng cách bấm vào biểu tượng tam giác trên thẻ cần xoá > bấm Xoá bỏ

Quản lý vị trí menu​

  1. Thanh công cụ bên trái màn hình trang quản lý > tìm kiếm công cụ Giao diện.
  2. Di chuyển con trỏ chuột vào Giao diện > chọn công cụ Menu.
  3. Chọn thẻ Quản lý vị trí menu .
  4. Bấm vào menu cần sửa và chọn menu.
  5. Bấm nút Lưu thay đổi để hoàn tất sửa menu.

Kết Luận​

Với Elementor Pro, việc tùy chỉnh header của trang web WordPress trở nên dễ dàng và linh hoạt hơn bao giờ hết. Chỉ cần kéo thả bạn có thể tạo ra các thiết kế độc đáo và chuyên nghiệp mà không cần phải viết mã.

Hy vọng hướng dẫn này sẽ giúp bạn tạo ra một header ấn tượng cho trang web của mình!