Bạn muốn tạo bố cục trang tùy chỉnh của riêng mình trong WordPress? Elementor là trình tạo trang WordPress kéo và thả cho phép bạn dễ dàng tạo các bố cục WordPress tùy chỉnh mà không cần bất kỳ kiến thức mã hóa nào. Trong bài này, chúng tôi sẽ giới thiệu cho các bạn cách dễ dàng tạo bố cục WordPress tùy biến với Elementor chỉ với một vài cú nhấp chuột.
Tại sao và khi nào bạn cần Tuỳ chỉnh WordPress Layouts?
Nhiều chủ đề WordPress miễn phí và cao cấp đi kèm với nhiều lựa chọn bố cục cho các loại trang khác nhau. Tuy nhiên, đôi khi không có bố cục nào đáp ứng được yêu cầu của bạn.
Nếu bạn biết làm thế nào để mã trong PHP, HTML, và CSS, sau đó bạn có thể tạo mẫu trang của riêng bạn hoặc thậm chí xây dựng một chủ đề trẻ em cho trang web của bạn. Tuy nhiên, đa số người dùng WordPress không phải là nhà phát triển, vì vậy tùy chọn này không hoạt động cho họ.
Nó sẽ không tuyệt vời nếu bạn chỉ có thể tạo bố cục trang bằng giao diện kéo và thả?
Đây chính xác là những gì Elementor làm. Nó là một trình tạo trang WordPress plugin kéo thả cho phép bạn dễ dàng tạo các bố cục WordPress tuỳ chỉnh mà không có bất kỳ kỹ năng mã hóa nào.
Nó có một giao diện người dùng trực quan cho phép bạn xây dựng bố cục tùy chỉnh với một bản xem trước trực tiếp. Nó đi kèm với nhiều mô đun đã sẵn sàng để sử dụng cho tất cả các yếu tố thiết kế web.
Có một số mẫu thiết kế chuyên nghiệp mà bạn có thể ngay lập tức tải và sử dụng như một điểm khởi đầu. Nó hoạt động với tất cả các tiêu chuẩn phù hợp WordPress chủ đề và tương thích với tất cả các plugin WordPress phổ biến.
Có nói rằng, chúng ta hãy xem làm thế nào để tạo bố cục WordPress tùy chỉnh với Elementor.
Bắt đầu với Elementor
Đầu tiên, bạn sẽ cần mua plugin Elementor Pro. Đây là phiên bản trả tiền của plugin Elementor miễn phí và cho phép bạn truy cập vào các tính năng bổ sung và hỗ trợ 1 năm.
Kế tiếp
Khi kích hoạt, bạn cần truy cập Elementor »Cài đặt để cấu hình cài đặt plugin.
Ở đây bạn có thể bật Elementor cho các loại bài đăng khác nhau. Theo mặc định, nó được kích hoạt cho các bài viết và trang WordPress của bạn. Nếu bạn có các loại bài đăng tùy chỉnh trên trang web của mình, những trang đó cũng sẽ xuất hiện ở đây và bạn cũng có thể bật chúng.
Bạn có thể loại trừ hoặc bao gồm các vai trò người dùng có thể sử dụng Elementor khi viết bài hoặc trang. Theo mặc định, nó chỉ được kích hoạt cho quản trị viên.
Đừng quên nhấp vào nút lưu thay đổi để lưu cài đặt của bạn.
Tạo Tuỳ chỉnh Giao diện WordPress với Elementor
Đầu tiên bạn cần tạo một trang mới (hoặc bài viết) trên trang web WordPress của bạn. Trên màn hình chỉnh sửa bài đăng, bạn sẽ thấy nút ‘Chỉnh sửa với Elementor’ mới.
Nhấp vào nó sẽ khởi chạy giao diện người dùng Elementor nơi bạn có thể chỉnh sửa trang của bạn bằng cách sử dụng trình tạo trang kéo và thả của Elementor.
Bây giờ bạn có thể thêm các phần và xây dựng trang của bạn từ đầu, hoặc bạn có thể thêm một mẫu.
Mẫu là một cách nhanh hơn để nhanh chóng bắt đầu. Elementor đi kèm với một số mẫu thiết kế chuyên nghiệp mà bạn có thể tùy chỉnh nhiều như bạn muốn.
Hãy bắt đầu với một mẫu bằng cách nhấp vào nút ‘Thêm Tiêu bản’.
Thao tác này sẽ hiển thị cửa sổ bật lên nơi bạn có thể xem các mẫu khác nhau có sẵn. Bạn nên tìm kiếm mẫu tương tự với những gì bạn có trong đầu để bố cục trang.
Bây giờ hãy nhấp để chọn mẫu mà bạn thích và sau đó nhấp vào nút ‘Chèn’ để thêm nó vào trang của bạn.
Elementor bây giờ sẽ tải mẫu cho bạn.
Bây giờ bạn có thể bắt đầu chỉnh sửa mẫu để phù hợp với nhu cầu của bạn. Đơn giản chỉ cần trỏ chuột và nhấp vào bất kỳ phần tử nào để chọn nó, và Elementor sẽ hiển thị các cài đặt của nó ở cột bên trái.
Bây giờ chúng ta hãy nói về bố trí Elementor như thế nào.
Các bố cục phần tử được xây dựng bằng các phần, cột và các vật dụng. Phần giống như hàng hoặc khối mà bạn đặt trên trang của bạn.
Mỗi phần có thể có nhiều cột và mỗi phần và cột có thể có phong cách riêng, màu sắc, nội dung, v.v.
Bạn có thể thêm bất cứ thứ gì trong các cột và các phần của mình sử dụng các vật dụng Elementor.
Những vật dụng này là các khối nội dung khác nhau mà bạn có thể đặt trong phần Elementor của bạn.
Đơn giản chỉ cần chọn một tiện ích và thả nó vào phần hoặc cột của bạn. Có một bộ rộng lớn các vật dụng sẵn có bao gồm tất cả các yếu tố thiết kế web phổ biến mà bạn có thể nghĩ đến.
Bạn có thể thêm hình ảnh, văn bản, tiêu đề, phòng trưng bày hình ảnh, video, bản đồ, biểu tượng, lời chứng thực, thanh trượt, carousels, và nhiều hơn nữa.
Bạn cũng có thể thêm các widget mặc định của WordPress và thậm chí những vật dụng được tạo ra bởi các plugin WordPress khác trên trang của bạn.
Khi bạn đã hoàn tất chỉnh sửa, bạn có thể nhấp vào nút Lưu để lưu thay đổi của bạn.
Chú thích: Lưu bố cục sẽ không xuất bản trang trên trang WordPress của bạn. Nó sẽ chỉ tiết kiệm bố cục trang của bạn.
Bây giờ bạn có thể xem trước trang của bạn hoặc vào bảng điều khiển WordPress.
Thao tác này sẽ đưa bạn trở lại trình soạn thảo bài đăng WordPress. Bây giờ bạn có thể lưu trang WordPress của bạn hoặc xuất bản nó trên trang web của bạn.
Tạo các mẫu của riêng bạn trong Elementor
Elementor cho phép bạn lưu bố cục tùy chỉnh của riêng bạn làm mẫu. Bằng cách này, bạn có thể sử dụng lại các mẫu của riêng mình để tạo các trang mới thậm chí nhanh hơn trong tương lai.
Đơn giản chỉ cần chỉnh sửa trang bạn muốn lưu dưới dạng một mẫu với Elementor.
Trong giao diện trình xây dựng Elementor, nhấp vào biểu tượng thư mục bên cạnh nút lưu và sau đó chọn ‘Lưu mẫu’.
Thao tác này sẽ hiển thị cửa sổ bật lên nơi bạn cần cung cấp tên cho mẫu của mình và nhấp vào nút lưu.
Lần tiếp theo bạn tạo bố cục trang tùy chỉnh, bạn sẽ có thể chọn nó từ tab ‘Mẫu của tôi’.
Bạn cũng có thể xuất khẩu mẫu này và sử dụng nó trên các trang web WordPress khác bằng cách sử dụng Elementor.
Bạn sẽ cần phải truy cập Elementor »Thư viện để xem các mẫu đã lưu của bạn. Hãy di chuột qua tên mẫu của bạn và sau đó nhấp vào liên kết ‘Xuất mẫu’.
Sau khi tải tệp mẫu của bạn, bạn có thể vào trang thư viện trên một trang WordPress khác bằng cách sử dụng Elementor và sau đó nhập mẫu của bạn.
Đó là tất cả cho bây giờ.