Tạo menu điều hướng một trang trong WordPress Elementor

Cấu hình đơn giản, không yêu cầu kỹ năng mã hóa

Tiện ích Điều hướng một trang PowerPack siêu dễ cài đặt, định cấu hình và sử dụng

Sử dụng Biểu tượng, Chú giải công cụ & Màu tùy chỉnh

Thêm các biểu tượng thời trang bằng chú giải công cụ và tạo kiểu cho chúng bằng các tùy chọn màu tùy chỉnh. Tiện ích điều hướng một trang của Elementor cho phép bạn linh hoạt chèn bất kỳ biểu tượng nào có liên quan đến các phần của trang web một trang của bạn

Tiện ích này cũng cho phép bạn kiểm soát các thuộc tính màu của các phần tử;

Kiểm soát hành vi điều hướng

Tiện ích điều hướng một trang bao gồm điều khiển điều hướng giúp bạn dễ dàng chuyển đổi giữa các phần một cách dễ dàng. Các điều khiển điều hướng này giúp khách truy cập của bạn dễ dàng điều hướng qua nội dung của trang web WordPress một trang một cách dễ dàng. Cài đặt điều hướng này bao gồm

• bánh xe cuộn. Cho phép bạn sử dụng con lăn chuột để điều hướng và cuộn trang web một trang của mình

• Phím di chuyển. Cho phép bạn sử dụng các phím mũi tên LÊN và XUỐNG để điều hướng từ hàng này sang hàng khác
• Tốc độ cuộn. Cung cấp cho bạn toàn quyền kiểm soát tốc độ cuộn của các yếu tố

Đáp ứng đầy đủ và có khả năng tùy biến cao

Tiện ích Điều hướng một trang cung cấp các điều khiển và cài đặt bổ sung cho thiết kế đáp ứng. Bạn hoàn toàn có thể ẩn các điều khiển điều hướng trên thiết bị di động, từ đó cung cấp khả năng hiển thị nhiều hơn cho nội dung. Với màn hình nhỏ hơn, bạn luôn nên giữ cho bố cục không bị lộn xộn

Một trang, các trang web tối thiểu đang là xu hướng và đã trở nên phổ biến do tính đơn giản của chúng. Các trang web điều hướng một trang tập trung vào việc chia sẻ thông tin quan trọng mà không có bất kỳ sự lộn xộn nào. Thật dễ dàng để tạo luồng nội dung tốt, thu hút người dùng và dẫn họ đến lời kêu gọi hành động. Với tiện ích điều hướng một trang dành cho Elementor, bạn có thể tạo trang web một trang xuất sắc hoặc thêm hiệu ứng điều hướng trên trang trên bất kỳ trang nào

Chức năng của nó cho phép bạn thêm hiệu ứng cuộn tuyệt vời vào trang đích hoặc bất kỳ trang nào khác trên trang web của bạn. Hệ thống định vị này có cấu hình đơn giản và đi kèm với nhiều tùy chọn kiểu dáng mà bạn có thể làm việc với

Trong hướng dẫn này, chúng ta sẽ xem cách bạn có thể dễ dàng tạo trang web một trang ấn tượng với Elementor và PowerPack Elementor Addons

Làm cách nào để xây dựng trang web một trang bằng Elementor?

Trang web một trang có thể rất phù hợp cho các trang web danh mục đầu tư cá nhân dành cho các nhà thiết kế web, nhiếp ảnh gia và dịch giả tự do. Bạn cũng có thể sử dụng điều hướng một trang trên trang mô tả các tính năng của sản phẩm, ưu đãi đặc biệt, v.v. Các trang web One Page cũng có thể tốt cho việc xây dựng sơ yếu lý lịch nếu bạn mới bắt đầu hoặc nếu bạn muốn chia sẻ thông tin tối thiểu về bản thân

Hãy xem cách bạn có thể dễ dàng tạo trang web một trang với Elementor và tiện ích điều hướng một trang cho phần tử. Đối với hướng dẫn này, bạn cần cài đặt addon Elementor và PowerPack Elementor trên trang web WordPress của mình

Bước 1. Xây dựng cấu trúc trang

Để tạo trang web một trang, trước tiên bạn cần thêm tất cả các phần và khối nội dung vào trang chủ
Bạn có thể thêm các phần mới bằng cách nhấp vào biểu tượng “+” trong trình chỉnh sửa Elementor

Sau khi thêm các phần, bạn sẽ tìm thấy ba tab trong phần chỉnh sửa. Bố cục, Phong cách và Nâng cao

Điều hướng đến tab nâng cao và thêm ID CSS duy nhất. Mình sẽ ưu tiên đặt tên theo thứ tự cho dễ nhớ

Ghi chú. Mỗi phần trên trang cần có một CSS ID duy nhất. Sau đó, chúng tôi đã sử dụng ID CSS này để liên kết tiện ích Điều hướng một trang với phần

Bước 2. Kích hoạt tiện ích điều hướng một trang

Bây giờ, bạn đã hoàn tất việc thêm các phần và đặt tên CSS ID. Vì vậy, đã đến lúc kích hoạt tiện ích Điều hướng một trang từ Bảng điều khiển Elementor

Để làm được điều đó, chúng ta phải kéo và thả tiện ích vào phần “Kéo tiện ích vào đây”. Ảnh chụp màn hình bên dưới hiển thị giao diện trang của bạn sau khi thêm tiện ích Điều hướng một trang

Bước 3. Tùy chỉnh điều hướng một trang của Elementor trong tab nội dung

Tại đây bạn thấy tab Nội dung có hai phần. Dấu chấm điều hướng và cài đặt

Dấu chấm điều hướng. Phần này cho phép bạn thêm Tiêu đề phần, ID phần và Dấu chấm điều hướng
Đặt cho mỗi dấu chấm một tiêu đề thích hợp để nó giống với từng phần trên trang của bạn

Làm cách nào để thêm ID PHẦN cho mỗi phần?

Để thêm ID PHẦN, Nhấp vào phần đó và chọn tùy chọn “Chỉnh sửa Phần”

Bây giờ, điều hướng đến nút Nâng cao của phần cụ thể đó, sao chép ID CSS từ đó và dán nó vào ID PHẦN

Thực hiện theo quy trình cho các phần còn lại

Phần này cũng cho phép bạn chọn các dấu chấm điều hướng tùy chỉnh cho các phần trên trang của bạn

Cài đặt. Tại đây, bạn có thể bật hoặc tắt chú giải công cụ, mũi tên công cụ, bánh xe cuộn và phím cuộn
Phần này cũng cho phép bạn kiểm soát tốc độ điều hướng của mình. Bạn có thể tăng hoặc giảm tốc độ cuộn theo nhu cầu trang web của bạn

Bạn có thể thêm nhiều dấu chấm bằng cách bấm vào nút Thêm hàng, và tương tự như vậy, bạn có thể bỏ dấu chấm ở nút Đóng bên trên

Bước 4. Các tùy chỉnh điều hướng một trang của Elementor trong tab Kiểu

Từ tab Kiểu, bạn có thể thay đổi căn chỉnh, màu sắc, kích thước, chú giải công cụ và nhiều tính năng khác của điều hướng một trang

hộp điều hướng. Phần này cho phép bạn thay đổi căn chỉnh và nền của hộp điều hướng
Bạn cũng có thể thêm bóng hộp và kiểu dáng vào đường viền

Dấu chấm điều hướng. Tại đây, bạn có thể thay đổi kích thước và khoảng cách của các dấu chấm điều hướng. Ngoài ra, bạn có thể chọn màu và màu nền của các dấu chấm điều hướng

Hơn nữa, bạn có thể thêm đường viền cho các dấu chấm và điều chỉnh bán kính đường viền

Chú giải công cụ. Phần này cho phép bạn thiết kế chú giải công cụ cho hộp điều hướng của mình;

Bạn cũng có thể thay đổi kiểu chữ của nội dung chú giải công cụ của mình

Dưới đây là một ví dụ về cách xây dựng trang web một trang tuyệt vời với tiện ích điều hướng một trang của Elementor

Nhận tiện ích điều hướng một trang cho Elementor

Bạn có thể nâng cao trải nghiệm người dùng của mình và tạo một số trang web một trang tuyệt vời với tiện ích điều hướng một trang cho Elementor. Để có thêm cảm hứng, bạn có thể xem trang demo của tiện ích Điều hướng một trang

Nhận tiện ích điều hướng một trang cho Elementor với PowerPack, tiện ích bổ sung Elementor tốt nhất. PowerPack cung cấp hơn 50 tiện ích được thiết kế sáng tạo mà bạn có thể sử dụng để đưa thiết kế WordPress của mình lên một tầm cao mới

Priyanka

Tôi là Priyanka, Quản lý cộng đồng tại IdeaBox Creations. Tôi là một người cuồng truyền thông xã hội, thích viết và đọc

Bạn có thể tạo một trang duy nhất bằng plugin Elementor không?

Điều hướng một trang là gì?