Bạn có muốn tạo menu toàn màn hình trong Elementor ? Nếu vậy, bài viết này sẽ cho bạn thấy làm thế nào. Không cần tiện ích bổ sung để tạo menu toàn màn hình trong Elementor. Tất cả bạn cần là Elementor Pro.
Phiên bản chuyên nghiệp củaElementor đi kèm với một trình tạo cửa sổ bật lên cho phép bạn tạo các cửa sổ bật lên đẹp mắt. Bạn có thể sử dụng tính năng này để tạo menu toàn màn hình trong Elementor.
Nếu bạn không hiểu những gì chúng tôi muốn nói hôm nay, hãy xem video này.
Làm cách nào để tạo menu toàn màn hình trong Elementor?
Trước khi bạn bắt đầu, hãy chắc chắn rằng bạn có đã nâng cấp Elementor của bạn lên phiên bản chuyên nghiệp. Khi bạn đã sẵn sàng, hãy chuyển đến Mẫu -> Cửa sổ bật lên. Tạo mẫu cửa sổ bật lên mới bằng cách nhấp vào nút Thêm mới.
Đặt tên cho mẫu cửa sổ bật lên của bạn và nhấp vào nút TẠO MÔ HÌNH.
Elementor cung cấp hàng chục mẫu cửa sổ bật lên để bạn lựa chọn. Trong hướng dẫn này, chúng tôi sẽ tạo mô hình từ đầu. Vì vậy, chỉ cần đóng thư viện mẫu để mở trình chỉnh sửa Elementor.
Trước khi bạn bắt đầu tạo mẫu cửa sổ bật lên, trước tiên hãy xác định bố cục. Để thực hiện việc này, hãy mở cài đặt cửa sổ bật lên bằng cách nhấp vào biểu tượng bánh răng ở góc dưới bên trái.
Trong khối Giao diện, dưới tab Tham số, đặt chiều rộng thành 100 chiếc VW và chiều cao trên Phù hợp với màn hình. Bạn cũng có thể đặt các hiệu ứng hoạt hình vào và thoát.
Sau khi xác định bố cục, hãy bắt đầu tạo mẫu bằng cách thêm phần mới. Bạn có thể thêm bất kỳ yếu tố nào bạn muốn vào mẫu. Để thêm các mục menu, bạn có thể sử dụng tiện ích Menu điều hướng hoặc tiện ích Danh sách biểu tượng.
Xem thêm: Cách đặt vị trí tùy chỉnh cho menu di động trong Elementor
Trong hướng dẫn này, chúng tôi sẽ sử dụng tiện ích Danh sách biểu tượng.
Chỉnh sửa từng mục trong danh sách. Bạn có thể thêm nhãn mục menu trong trường Văn bản và thêm liên kết vào trường Liên.
Đi tới tab Phong cách để phong cách danh sách. Bạn có thể đặt khoảng cách giữa các mục danh sách và căn chỉnh trong Khối danh sách. Để đặt kích thước và màu sắc của biểu tượng (nếu bạn sử dụng các biểu tượng), bạn có thể mở khối Biểu tượng. Để đặt kiểu chữ (cỡ chữ, họ phông chữ, kiểu phông chữ) và màu văn bản của các mục trong danh sách, bạn có thể mở khối Văn bản.
Nếu muốn, bạn có thể thay đổi nền của phần này. Để tùy chỉnh nút đóng cửa sổ bật lên, hãy mở lại cài đặt cửa sổ bật lên và chuyển đến tab Phong cách. Mở khối nút đóng và bạn sẽ thấy một số tùy chọn để tùy chỉnh nút đóng như màu nền, kích thước và vị trí.
Khi bạn đã tạo xong mẫu cửa sổ bật lên, hãy nhấp vào biểu tượng mũi tên bên cạnh nút PUBLISH và chọn Điều khoản hiển thị.
Đặt nơi bạn muốn cửa sổ bật lên xuất hiện bằng cách nhấp vào nút THÊM ĐIỀU KIỆN và nhấp vào nút TIẾP THEO để đặt trình kích hoạt.
Kích hoạt tùy chọn Nhấp chuột và nhấp vào LƯU & ĐÓNG.
Cuộc gọi mẫu bật lên
Khi mẫu bật lên đã sẵn sàng, bạn có thể gọi nó. Khi muốn tạo menu toàn màn hình, bạn có thể tạo tiêu đề bằng Elementor hoặc sửa đổi tiêu đề hiện có.
Đọc bài đăng này để biết thêm về cách tạo tiêu đề tùy chỉnh với Elementor.
Bạn có thể gọi mẫu cửa sổ bật lên mà bạn vừa tạo bằng bất kỳ tiện ích Elementor nào có tùy chọn để thêm liên kết, chẳng hạn như nút, biểu tượng, hộp biểu tượng, văn bản, hình ảnh, v.v.
Trong hướng dẫn này, chúng tôi sử dụng tiện ích Hộp Biểu tượng. Chọn tiện ích để vào chế độ chỉnh sửa. Dưới tab Nội dung Từ bảng điều khiển bên trái, tìm trường để thêm liên kết.
Đặt liên kết là động và chọn Popup.
Chọn mẫu cửa sổ bật lên bạn vừa tạo bằng cách nhấp vào biểu tượng cờ lê.
Xuất bản/Cập nhật mẫu tiêu đề của bạn.
Tải xuống Elementor Pro ngay bây giờ !!!
Kết luận
Đây ! Đó là nó cho bài viết này chỉ cho bạn cách tạo menu toàn màn hình trong Elementor. Nếu bạn có bất kỳ mối quan tâm nào về cách đến đó, hãy cho chúng tôi biết trong vòng ý kiến.
Tuy nhiên, bạn cũng có thể tham khảo ý kiến tài nguyên của chúng tôi, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress hoặc một ngày Divi: chủ đề WordPress tốt nhất mọi thời đại.
Nhưng trong lúc này, chia sẻ bài viết này trên các mạng xã hội khác nhau của bạn.
...
