Có hàng tá trình tạo trang (page builder) ngoài kia, và hẳn bạn đang tự hỏi: Page Builder Sandwich có gì đặc biệt? Tại sao bạn phải bận tâm sử dụng nó nếu bạn đã có sẵn một công cụ trong tay?
Trong bài viết này, tôi sẽ liệt kê một số tính năng chính có trong Page Builder Sandwich khiến nó trở nên độc đáo và là một công cụ thực sự phải có cho cả người sáng tạo nội dung lẫn các nhà thiết kế. Nếu bạn chưa biết trình tạo trang là gì và tại sao bạn lại cần nó, đừng lo lắng, chúng tôi có một số tài liệu có thể giúp ích cho bạn.
1. Bạn không chỉ nhìn thấy hình ảnh đại diện trực quan của nội dung, bạn thấy và chỉnh sửa nội dung thực tế của mình
Trong các trình tạo trang khác, bạn chỉ thấy các khu vực đại diện cho nội dung của mình. Bạn chủ yếu bố cục nội dung bằng các khối và hình chữ nhật, và kết quả trông giống một khung sườn mô phỏng nội dung của bạn cuối cùng sẽ hiển thị như thế nào trên trang hơn. Điều này dẫn đến việc phải liên tục nhấp vào nút xem trước chỉ để xem kết quả trông ra sao.
Với Page Builder Sandwich, mọi thao tác chỉnh sửa đều được thực hiện ở giao diện người dùng (front-end) của trang web và bạn chỉnh sửa trực tiếp nội dung của mình để có trải nghiệm thấy-sao-được-vậy (WYSIWYG) chân thực.
2. Chỉnh sửa trực tiếp nhanh chóng và dễ dàng mà không có những hộp thoại bật lên (popup) phiền toái
Popup vốn là yếu tố quen thuộc của các trình tạo trang. Ở hầu hết các trình tạo trang, nếu bạn muốn chỉnh sửa bất kỳ thứ gì trong bố cục của mình, cho dù đó là tiêu đề, nhãn nút hay một đoạn văn bản khẩu hiệu nhỏ, trước tiên bạn sẽ phải đợi một hộp thoại popup mở ra và thực hiện các thay đổi bên trong đó.
Chúng tôi đã đặt mục tiêu giảm thiểu tối đa việc sử dụng popup trên toàn bộ Page Builder Sandwich. Bằng cách loại bỏ popup, việc chỉnh sửa bất kỳ nội dung nào cũng trở nên dễ dàng và mượt mà hơn bao giờ hết.
Việc chỉnh sửa được thực hiện một cách trực quan và đơn giản – nhấp vào văn bản để đặt con trỏ ở đó và bắt đầu gõ. Bạn không còn phải đợi hộp thoại popup chứa trình soạn thảo TinyMCE để bắt đầu chỉnh sửa nữa. Điều tuyệt vời nhất là bạn vẫn có thể kéo và thả nội dung của mình xung quanh.
Một cải tiến khác giúp việc chỉnh sửa không còn rắc rối là thanh kiểm tra (inspector) luôn hiện diện. Inspector đóng vai trò là hộp công cụ và trình chỉnh sửa thuộc tính của bạn. Các công cụ để định dạng nội dung của bạn: màu văn bản, tiêu đề, điều chỉnh kích thước phông chữ, margin, padding, viền, trích dẫn khối và nhiều tính năng khác chỉ cách một cú nhấp chuột dễ dàng.
3. Tái sử dụng các chức năng có sẵn của WordPress
Một điều khác chúng tôi nhận thấy ở các trình tạo trang khác là họ thường chế tạo lại bánh xe (reinvent the wheel). Một số triển khai bộ chọn màu, trình tải lên hình ảnh, trình tạo thư viện ảnh riêng và nhiều công cụ khác. Về bản chất thì điều này không có gì sai, nhưng WordPress là một kho tàng các đoạn mã sẵn có, vậy tại sao không sử dụng chúng?
WordPress là một nền tảng khổng lồ và tuyệt vời, chứa đựng rất nhiều công cụ thú vị được xây dựng bởi vô số người đóng góp xuất sắc. Page Builder Sandwich tận dụng tối đa các chức năng đã được tích hợp sẵn trong WordPress.
Thay vì sử dụng bộ chọn màu riêng, chúng tôi sử dụng bộ chọn màu Iris. Thay vì trình tải lên hình ảnh riêng, chúng tôi sử dụng trình quản lý đa phương tiện (media manager). Ngoài ra còn có backbonejs, underscorejs, wp.hooks và wp.shortcode cùng một vài script tiện lợi khác. Chúng tôi sử dụng tất cả những thứ đó, và điều này đã giúp công việc của chúng tôi dễ dàng hơn cũng như mang lại một cơ sở mã (codebase) ổn định hơn.
Việc tái sử dụng chức năng của WordPress cũng mang lại một số bất ngờ tuyệt vời. Ví dụ, vì chúng tôi sử dụng media manager để chèn hình ảnh, nên thật bất ngờ và thú vị khi giờ đây chúng tôi cũng có thể xử lý ngay lập tức các thư viện ảnh WordPress, danh sách phát video, âm thanh và các URL từ xa. Chúng tôi cũng có thể chỉ cần dùng media manager để chỉnh sửa hình ảnh, giúp loại bỏ hàng giờ đau đầu phát triển không cần thiết.
4. Điều hướng bằng bàn phím và phím tắt
Trong các trình tạo trang khác, chuột là người bạn đồng hành của bạn. Bạn kéo và thả mọi thứ bằng chuột và nhấp đúp vào các mục để chỉnh sửa. Nhưng bàn phím thường bị bỏ quên.
Ví dụ, ở một số trình tạo trang, bạn không thể dễ dàng chỉnh sửa văn bản ở đoạn/phần ngay phía trên nơi bạn đang chỉnh sửa vì bạn sẽ phải nhấp chuột để thoát khỏi một hộp thoại popup rồi nhấp vào một hộp thoại mới. Trong Page Builder Sandwich, bạn có thể điều hướng bằng bàn phím của mình. Nhấn các phím mũi tên để điều hướng giữa các nội dung, thao tác này vẫn hoạt động ngay cả khi nội dung khác của bạn nằm gọn bên trong một hàng hoặc cột khác.
Một tính năng quan trọng khác là các phím tắt hoàn tác (undo) và làm lại (redo). Ban đầu chúng có vẻ không có gì to tát, nhưng hãy nghĩ về điều này: điều gì sẽ xảy ra nếu bạn vô tình kéo và thả nội dung của mình vào sai vị trí. Trong một số trình tạo trang, bạn sẽ phải kéo nó trở lại vị trí ban đầu. Trong Page Builder Sandwich, cả hoàn tác và làm lại đều hoạt động. Vì vậy, cho dù bạn muốn làm lại nội dung đã nhập hay muốn khôi phục lại nội dung đã kéo thả (hoặc nhiều nội dung đã kéo thả), bạn chỉ cần nhấn undo hoặc redo. Undo và redo hoạt động đối với nội dung được kéo và thả, thậm chí đối với các thay đổi thuộc tính như kích cỡ phông chữ và padding hàng. Điều này biến chúng thành những công cụ đắc lực trong kho vũ khí chỉnh sửa của bạn.
5. Trình tạo trang front-end thực thụ – Trải nghiệm chỉnh sửa thư thái và dễ dàng hơn
Tư duy của chúng tôi trong quá trình phát triển là việc chỉnh sửa ở front-end không nên mang lại cảm giác như bạn vẫn đang chỉnh sửa bằng các công cụ back-end. Không nên tạo cảm giác như trình tạo trang ban đầu được tạo cho back-end rồi sau đó mới được chuyển đổi sang front-end.
Tóm lại, đối với tôi, điểm khác biệt chính của Page Builder Sandwich là chúng tôi đã xây dựng nó với mục tiêu trở thành một trình tạo trang front-end “thực thụ” – tái định hình cách thức chỉnh sửa front-end vốn nên có.