Page Builder Sandwich không giống như trình tạo trang thông thường của bạn, nó không phức tạp và rất dễ sử dụng.

Bạn có thể xem video dưới đây để có một cái nhìn tổng quan nhanh chóng.

Trình chỉnh sửa ở đâu?

Đầu tiên, hãy tạo một trang, bài viết hoặc CPT mới. Sau đó truy cập bài viết mới hoặc bất kỳ bài viết hiện có nào ở frontend. PBS hoạt động 100% ở frontend, bạn sẽ không phải loay hoay trong backend.

Sẽ có một nút “Page Builder Sandwich” ở đầu trang của bạn (trên thanh quản trị), hãy nhấp vào đó để bắt đầu chỉnh sửa. Bạn sẽ thấy vùng định dạng văn bản bật lên từ phía trên cùng và bảng thêm phần tử bật lên từ bên cạnh. Vùng nội dung của giao diện giờ đây chính là trình chỉnh sửa của bạn!

Bạn chỉ có thể chỉnh sửa từng trang đơn lẻ với PBS. Bạn không thể chỉnh sửa danh sách bài viết blog hoặc trang 404 vì những trang đó do giao diện của bạn tạo ra. Các bài viết, trang và loại bài viết tùy chỉnh đều được hỗ trợ.

Chỉnh sửa nội dung của bạn

Bây giờ là phần tuyệt vời nhất.. khi bạn đã ở frontend và bên trong trình chỉnh sửa, hãy nhấp vào bất kỳ văn bản nào trong nội dung của bạn hoặc nhấp vào bên trong vùng nội dung và bắt đầu gõ! Không giống như các trình tạo trang khác, PBS cho phép bạn chỉnh sửa nội dung trực tiếp mà không cần phải thông qua các hộp thoại popup.

Định dạng nội dung / Làm cho mọi thứ trông đẹp mắt

Trong khi chỉnh sửa, khu vực ở trên cùng được gọi là Thanh định dạng văn bản. Thanh này chứa tất cả các công cụ định dạng mà bạn sẽ sử dụng để tạo kiểu cho văn bản như: màu sắc, in đậm, in nghiêng, căn chỉnh, thêm liên kết, dấu đầu dòng và nhiều tính năng khác. Di chuột qua từng nút để biết chức năng của công cụ đó.

Thêm phần tử

Di chuột qua nút Thêm phần tử ở phía trên bên trái màn hình để hiển thị Bảng thêm phần tử. Bạn cũng có thể chỉ cần di chuyển chuột sang phía bên trái màn hình để bảng xuất hiện.

Để chèn bất kỳ phần tử nào, hãy nhấn giữ chuột vào phần tử đó, rồi kéo vào vùng nội dung của bạn. Khu vực mà phần tử sẽ được đặt vào sẽ được đánh dấu nổi bật. Thả nút chuột để đặt phần tử.

Tạo kiểu và sửa đổi phần tử

Di chuột qua bất kỳ phần tử nào trong nội dung của bạn và đường viền cùng các thanh công cụ sẽ xuất hiện phía trên chúng.

Bạn có thể di chuột qua các cạnh của đường viền để tăng/giảm lề giữa các phần tử.

Bạn cũng có thể nhấp vào một nút trên thanh công cụ để thực hiện các thao tác nhanh trên phần tử. Nhấp vào biểu tượng bánh răng trên thanh công cụ sẽ mở ra Trình kiểm tra thuộc tính chứa nhiều tùy chọn hơn.

Trình kiểm tra thuộc tính

Trình kiểm tra thuộc tính cung cấp cho bạn nhiều quyền kiểm soát hơn đối với giao diện của các phần tử. Bạn có thể thêm nhiều thứ như đổ bóng, hiệu ứng hoạt họa, thay đổi màu bản đồ, bán kính bo góc và nhiều tính năng khác.

Bạn cũng có thể truy cập các thuộc tính của các phần tử cha. Ví dụ: nếu bạn đặt một hình ảnh bên trong một cột và mở trình kiểm tra thuộc tính, bạn có thể truy cập các thuộc tính của hình ảnh, của cột chứa nó và của hàng chứa cột đó.

Trình kiểm tra thuộc tính chứa rất nhiều cài đặt khác nhau cho các phần tử khác nhau, vì vậy hãy nhớ khám phá tất cả chúng.

Sử dụng Shortcode

Page Builder Sandwich hiển thị cho bạn các shortcode thực tế ở frontend và bạn cũng có thể chỉnh sửa chúng một cách dễ dàng!

Nếu bạn đã ghi nhớ các shortcode của mình, bạn có thể chèn shortcode bằng cách gõ trực tiếp vào nội dung. Nhưng nếu bạn không nhớ hết (ai mà nhớ nổi chứ?), trình kiểm tra sẽ liệt kê tất cả các shortcode hiện có trên trang web của bạn. Kéo nút Shortcode từ trình kiểm tra vào vùng nội dung của bạn và tìm shortcode bạn muốn chèn, nhấp vào đó để chèn.

Shortcode được hiển thị thành nội dung thực tế ở frontend; để chỉnh sửa, bạn có thể chọn nó và kiểm tra các thuộc tính của chúng trong trình kiểm tra. Hoặc để kiểm soát nhiều hơn, bạn có thể nhấp đúp vào shortcode để chỉnh sửa ở dạng thô. Sau khi thực hiện các chỉnh sửa, shortcode của bạn sẽ cập nhật để phản ánh các thay đổi.

Sắp xếp lại nội dung của bạn

Bạn có thể nhấp và kéo bất kỳ thứ gì rồi di chuyển chúng đến bất cứ đâu với PBS. Khi kéo một mục, hãy di chuyển mục đó lên trên một phần tử khác trong trang, bạn có thể chuyển chúng lên trên hoặc xuống dưới bất kỳ nội dung nào khác.

Lưu công việc của bạn

Khi bạn đã hài lòng với thiết kế của mình, chỉ cần nhấp vào nút lưu ở phía trên bên trái trang của bạn. Thế là xong!