Page Builder Sandwich không giống như trình tạo trang thông thường của bạn, nó không hề phức tạp và rất đơn giản để sử dụng.
Bạn có thể xem video bên dưới để xem giới thiệu nhanh.
Trình chỉnh sửa ở đâu?
Đầu tiên, hãy tạo một trang (page), bài viết (post) hoặc CPT mới. Sau đó truy cập bài viết mới của bạn hoặc bất kỳ bài viết hiện có nào ở giao diện người dùng (frontend). PBS hoạt động 100% ở frontend, bạn sẽ không cần phải loay hoay trong trang quản trị (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 khu vực định dạng văn bản xuất hiện từ phía trên cùng và bảng thêm phần tử xuất hiện từ bên cạnh. Khu vực nội dung trong giao diện (theme) của bạn giờ đây chính là trình chỉnh sửa!
Bạn chỉ có thể chỉnh sửa các trang đơn 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ì chúng do giao diện (theme) của bạn tạo ra. Các bài viết, trang và custom post type đề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 khu vực nội dung và bắt đầu nhập văn bản! 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 bật lên (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 (Text Formatting Bar). 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, danh sách dấu đầu dòng và nhiều hơn nữa. Di chuột qua từng nút để biết chức năng của công cụ đó.
Thêm các phần tử
Di chuột qua nút Add Elements ở góc trên bên trái màn hình để hiển thị Bảng thêm phần tử (Add Element Panel). 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 để làm cho bảng này hiển thị.
Để chèn bất kỳ phần tử nào, hãy giữ chuột vào phần tử đó, rồi kéo vào khu vực nội dung của bạn. Khu vực mà phần tử sẽ được đặt vào sẽ được làm nổi bật. Thả chuột để đặt phần tử vào vị trí.
Tạo kiểu và sửa đổi các phần tử
Di chuột qua bất kỳ phần tử nào bạn có trong nội dung và các đường viền cùng 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ề (margin) 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 (Properties Inspector) 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 mang lại 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 rất nhiều thứ như đổ bóng, hiệu ứng động, thay đổi màu bản đồ, bo góc viền và nhiều tính năng khác nữa.
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 hình ảnh đó 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ả các cài đặt này.
Sử dụng Shortcode
Page Builder Sandwich hiển thị cho bạn các shortcode thực tế ngay ở giao diện người dùng, 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 nhập trực tiếp vào nội dung. Nhưng nếu bạn chưa nhớ hết chúng (ai mà làm vậy chứ?), trình kiểm tra sẽ liệt kê tất cả các shortcode có sẵn trên trang web của bạn. Kéo nút Shortcode từ trình kiểm tra vào khu vực nội dung của bạn và tìm shortcode bạn muốn chèn, nhấp vào đó để chèn.
Các shortcode sẽ được hiển thị thành nội dung thực tế ở frontend, để chỉnh sửa chúng, bạn có thể chọn shortcode và xem qua 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 kỳ đâu với PBS. Khi bạn kéo một phần tử, hãy di chuyển nó lên trên một phần tử khác trên trang, bạn có thể đặt chúng ở phía trên hoặc phía 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 ở trên cùng bên trái trang của bạn. Vậy là xong!