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 tên và loại; với loại Trang thường nó hỏi thêm đường dẫn.

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

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

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

Các loại còn lại không hỏi đường dẫn, vì địa chỉ của chúng không do bạn đặt: hộp thoại hiện thẳng địa chỉ thật, ví dụ /products/{slug} hay /checkout.

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

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

Nhóm	Loại	Địa chỉ trên cửa hàng
Chung	Trang thường	đường dẫn bạn đặt
	Tìm kiếm	/search
	Trang tài khoản	/account
Cửa hàng	Sản phẩm	/products/{sản phẩm}
	Danh mục	/collections/{danh mục}
	Khoá học	/courses/{khoá học}
	Thanh toán	/checkout
	Hoàn tất đơn hàng	/checkout/complete
Blog	Blog	/blog-categories/{chuyên mục}
	Bài viết	/blog/{bài viết}
Trang lỗi	Trang lỗi	hiện khi không tìm thấy trang
Bảo trì	Bảo trì	hiện khi site bật 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 chiến dịch. Nó có một địa chỉ, và địa chỉ đó là của riêng nó.

Các 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.

Hai loại cuối không có địa chỉ: Trang lỗi là thân của một trang 404, Bảo trì là thứ khách thấy khi bạn bật chế độ bảo trì. Trong danh sách, trang đang giữ vai trò đó mang nhãn "Đang hiển thị …"; trang mẫu đang được dùng mang nhãn Trang mặc định.

Loại trang chọn lúc tạo và không đổi được. 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:

"Đâ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 loại và đang xoá cái giữ vai trò mặc định. Một trang khác 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 site tự động là trang chủ và được phục vụ tại /. Hộp thoại tạo trang nói đúng câu đó khi site còn trống.

Menu của một trang

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

SEO mở 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, và một bài test so từng byte giữa hai bộ render giữ cho hai bên luôn giống nhau.

Hệ quả cho bạn: một thứ trông đúng trên canvas 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".

Kéo hai mép canvas để thử một bề rộng bất kỳ. Thanh breakpoint ở trên 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.