Bài viết này sẽ cung cấp cái nhìn tổng quan ngắn gọn về cách Page Builder Sandwich hoạt động, và nhằm mục đích làm tài liệu nhập môn cho những ai quan tâm đến cách trình tạo trang của chúng tôi tích hợp vào các khía cạnh khác nhau trong WordPress. Tôi sẽ không đi sâu vào từng tính năng riêng lẻ của Page Builder Sandwich, nếu muốn tìm hiểu các tính năng này, hãy truy cập trang video của chúng tôi, nơi chúng tôi giới thiệu từng tính năng thông qua các video quay màn hình ngắn.
Nếu bạn muốn biết Page Builder Sandwich khác biệt như thế nào so với các trình tạo trang khác trên thị trường, hãy xem bài viết How Page Builder Sandwich Is Different from the Rest.
Nó ở đâu? Và tôi có thể chỉnh sửa những gì với nó?
Không giống như nhiều trình tạo trang khác, Page Builder Sandwich hoạt động ngay ở giao diện người dùng (front end) của trang web. Nếu bạn đang ở phần quản trị (back end), chúng tôi đã cung cấp nút “Frontend” bên cạnh các nút chỉnh sửa nội dung để đưa bạn đến giao diện ngoài của trang.
Page Builder Sandwich cho phép bạn chỉnh sửa nội dung bài viết, trang và các loại bài đăng tùy chỉnh (custom post type). Tuy nhiên, nó không cho phép bạn chỉnh sửa trực tiếp danh sách bài viết blog tổng hợp trên trang chủ cũng như các khu vực không phải trang đơn lẻ khác trên trang web của bạn. Hãy nghĩ đơn giản thế này: nếu nội dung bạn muốn chỉnh sửa có trình soạn thảo nội dung ở phần quản trị (chẳng hạn như “Bài viết mới” và “Trang mới”), thì bạn có thể sử dụng Page Builder Sandwich. Bạn có thể chỉnh sửa từng trang và bài viết blog riêng lẻ, và ví dụ nếu bạn có một plugin cung cấp thực đơn nhà hàng hay các mục hồ sơ năng lực (portfolio), bạn cũng có thể chỉnh sửa chúng.
Khi ở giao diện ngoài, chúng tôi đã đặt một nút màu xanh lam “Edit with Page Builder Sandwich” trên thanh quản trị của bạn. Chỉ cần nhấp vào đó để bắt đầu chỉnh sửa trang của bạn.
Chỉnh sửa nội dung trực tiếp
Với Page Builder Sandwich, chúng tôi đã làm cho việc chỉnh sửa nội dung trở nên dễ dàng và thuận tiện nhất có thể. Chỉnh sửa nội dung rất trực quan và đơn giản, chỉ cần nhấp chuột và nhập văn bản. Đơn giản vậy thôi.
Giới thiệu bảng Inspector
Chúng tôi nhận thấy rằng nhiều trình tạo trang có rất nhiều cửa sổ bật lên (popup). Cá nhân tôi không thích popup vì chúng gây mất tập trung và về cơ bản chúng như bảo bạn rằng “này, hãy dừng việc đang làm lại cho đến khi bạn điền xong các trường này”. Chúng phá vỡ sự liền mạch của một trải nghiệm chỉnh sửa vốn mượt mà. Vì lý do này, chúng tôi đã giảm thiểu tối đa việc sử dụng popup trên toàn hệ thống và thay vào đó, chúng tôi tạo ra inspector.
Inspector là một khu vực dạng thanh bên chứa tất cả các công cụ định dạng và bố cục mà bạn cần. Inspector có thể được neo vào bên trái hoặc bên phải màn hình để bạn có thể dễ dàng thấy những gì mình đang chỉnh sửa.
Từ inspector, bạn có thể điều chỉnh các thuộc tính văn bản khác nhau như tiêu đề, cỡ chữ, in đậm, in nghiêng, màu chữ và nhiều thuộc tính khác. Ngoài ra, nó còn cho phép bạn thêm hình ảnh và tạo các hàng hoặc nội dung chia cột. Nó cũng có khả năng chỉnh sửa nâng cao hơn như điều chỉnh hàng thành hàng có chiều rộng toàn trang, màu nền của hàng và cột, căn chỉnh nội dung theo chiều dọc, cũng như lề và nền. Nó khá mạnh mẽ và bạn sẽ thấy mình sử dụng nó phần lớn thời gian.
Tích hợp với các theme WordPress
Bản thân Page Builder Sandwich hầu như không đi kèm bất kỳ kiểu định dạng sẵn nào. Khi bạn chỉnh sửa nội dung, các kiểu dáng hiển thị mà bạn thấy hầu hết dựa trên theme của bạn.
Tích hợp với Shortcode
Shortcode là một khía cạnh quan trọng trong WordPress và rất có thể bạn sẽ sử dụng một vài shortcode trên trang web của mình. Page Builder Sandwich xử lý các shortcode này rất tốt, theo đó shortcode của bạn sẽ xuất hiện dưới dạng đã kết xuất ở giao diện ngoài. Shortcode cũng vẫn có thể chỉnh sửa được, và điều tuyệt vời nhất là sau khi bạn chỉnh sửa shortcode, chúng sẽ được kết xuất lại cùng với các thay đổi của bạn.
Để thuận tiện, bạn sẽ có thể chỉnh sửa shortcode của mình bằng cách sử dụng inspector. Nếu muốn kiểm soát nhiều hơn, bạn cũng có thể nhấp đúp vào shortcode để chỉnh sửa chúng ở dạng thô ban đầu. Ngoài ra, tất cả các shortcode hiện có trên trang web của bạn đều được liệt kê trong inspector để dễ dàng thêm vào nội dung.
Trang web có bị cồng kềnh, nặng nề không?
Ai mà thích các trang web tải chậm chứ? Chúng tôi không thích, và chắc chắn bạn cũng vậy. Chúng tôi đã đảm bảo rằng Page Builder Sandwich hầu như không ảnh hưởng đến hiệu suất trang web của bạn. Khi không đăng nhập, ở mức tối thiểu, chỉ các kiểu CSS hàng và cột được tải, cùng với các tập lệnh JS và CSS cần thiết cho các shortcode bạn đã sử dụng mới được tải vào.
Dành cho các nhà phát triển
Nếu bạn là một nhà phát triển và có các shortcode trong plugin WordPress của mình, Page Builder Sandwich cung cấp một Shortcode API để bạn có thể dễ dàng cung cấp cho khách hàng các trường nhằm thuận tiện tạo và chỉnh sửa shortcode của bạn.
Nếu bạn muốn mở rộng thêm các tính năng hoặc tích hợp với một số phần của Page Builder Sandwich, chúng tôi cũng có một loạt các action hook và filter hook hữu ích mà bạn có thể sử dụng.