Trang và canvas

Mọi thứ bạn dựng đều nằm trên một trang. Danh sách trang của site nằm ở mục Trang (en: Pages) trên thanh công cụ bên trái của trình chỉnh sửa.

Tạo một trang

Trang → Trang mới (en: New page). Hộp thoại hỏi ba thứ:

Tên trang — thứ bạn thấy trong danh sách. Ví dụ: "Về chúng tôi".

Đường dẫn (slug) — phần đuôi của địa chỉ, ví dụ ve-chung-toi. Chỉ dùng chữ thường, số và dấu gạch ngang. Nếu một trang khác đã dùng đường dẫn đó, hộp thoại nói ngay.

Loại trang — phần này quan trọng hơn vẻ ngoài của nó, và mục kế tiếp giải thích tại sao.

Loại trang, và vì sao nó không chỉ là một cái nhãn

Có mười loại, chia thành năm nhóm:

Nhóm	Loại
Chung	Trang thường
Cửa hàng	Sản phẩm · Danh mục · Tìm kiếm · Thanh toán · Hoàn tất đơn hàng
Blog	Blog · Bài viết
Trang lỗi	Trang lỗi
Bảo trì	Bảo trì

Trang thường là trang bạn dựng và đặt tên: trang chủ, "Về chúng tôi", một trang giới thiệu chiến dịch. Nó có một địa chỉ, và địa chỉ đó là của riêng nó.

Chín loại còn lại là trang mẫu. Bạn không dựng một trang cho từng sản phẩm — bạn dựng một trang Sản phẩm, và cửa hàng dùng nó để hiển thị mọi sản phẩm, mỗi sản phẩm ở địa chỉ riêng. Tương tự với danh mục, bài viết, kết quả tìm kiếm, trang thanh toán, trang cảm ơn sau khi đặt hàng.

Loại trang được chọn lúc tạo. Hãy chọn đúng ngay từ đầu.

Xoá một trang mẫu là chuyện lớn hơn bạn tưởng

Hộp thoại xoá nói thẳng hai trường hợp, và cả hai đều đáng đọc kỹ:

"Đây là trang {loại} mặc định. Xóa trang này sẽ tự động chuyển vai trò mặc định sang một trang {loại} khác."

Bạn có nhiều trang cùng một loại, và bạn đang xoá cái đang giữ vai trò mặc định. Một trang khác sẽ nhận vai trò đó. Cửa hàng vẫn chạy.

"Đây là trang {loại} duy nhất của website. Xóa trang này thì không còn gì để hiển thị các URL storefront tương ứng, và chúng sẽ ngừng hoạt động cho đến khi bạn tạo trang mới."

Đây mới là trường hợp nguy hiểm. Xoá trang Sản phẩm duy nhất thì mọi địa chỉ sản phẩm trên cửa hàng ngừng hoạt động — không phải một trang hỏng, mà cả một nhóm địa chỉ. Trang mẫu là thứ duy nhất dựng ra chúng.

Trang chủ

Trang đầu tiên của một site tự động trở thành trang chủ. Đổi trang chủ sang một trang khác sẽ hạ bệ trang đang giữ vai trò đó — đây là thao tác duy nhất trên một trang lại ảnh hưởng tới một trang khác.

Menu của một trang

Mỗi trang trong danh sách có menu riêng: Đổi tên, Nhân bản, SEO, Mã tùy chỉnh, Xóa.

SEO mở phần tiêu đề và mô tả mà công cụ tìm kiếm đọc — xem SEO.

Mã tùy chỉnh là CSS/JS chỉ cho trang này. Đừng nhầm với Cài đặt trên thanh công cụ, vốn áp dụng cho cả site.

Canvas

Canvas ở giữa màn hình là trang thật, không phải ảnh mô phỏng: đây chính là bộ render sẽ tạo ra HTML lúc xuất bản. Thứ bạn nhìn thấy là thứ khách sẽ nhận — điều này được canh bằng một bài test so sánh từng byte giữa hai bộ render, và nó là bất biến quan trọng nhất của cả sản phẩm.

Hệ quả thực tế cho bạn: nếu một thứ trông đúng trên canvas, nó sẽ đúng trên trang đã xuất bản. Nếu nó lệch, đó là lỗi cần báo, không phải "canvas chỉ là xem tạm".

Bạn cũng có thể kéo hai mép canvas để thử một bề rộng bất kỳ. Thanh breakpoint ở trên sẽ tự nhảy sang khổ đang thật sự phục vụ bề rộng đó — xem Sửa riêng cho điện thoại.

Tiếp theo

Phần tử và bảng thuộc tính — cách đưa một thứ gì đó lên trang trống này.