Làm thế nào để Sắp xếp lại các khối với LayoutEngine trên Squarespace - núm vú

LayoutEngine của Squarespace cho phép bạn đặt các khối theo một số cách. Quá trình gần như là huyền diệu. Nền tảng của phép thuật của LayoutEngine là một cột lưới điều chỉnh cách các khối được định vị trên trang. Bạn sử dụng lưới để sắp xếp các khối một cách hoàn hảo để tạo các trang được sắp xếp gọn gàng và trực quan.

Để di chuyển và sắp xếp lại các khối trên trang, hãy thực hiện theo các bước sau:

1. Di chuột qua một khối cho đến khi con trỏ thay đổi thành một mũi tên nhiều hướng.

   

2. Nhấp và giữ nút chuột trên khối mà bạn muốn di chuyển.

   Tất cả các khối trên trang của bạn được vạch ra trong ánh sáng mờ nhạt, xanh nhạt để bạn có thể thấy cạnh của chúng và chính xác vị trí khối bạn đang di chuyển.

   Biểu tượng mũi tên nhiều hướng sẽ xuất hiện ở góc trên bên phải của các khối nhất định khi bạn di chuột qua chúng. Nếu bạn thấy biểu tượng này, bạn phải nhấp vào nó để kéo khối đó.

3. Kéo khối sang vị trí khác trên trang.

   Khi bạn kéo khối gần cạnh của khối khác, cạnh được tô đậm bằng một đường màu xanh lam, và một trong bốn tùy chọn neo xuất hiện. Bạn có thể kiểm soát tùy chọn xuất hiện bởi vị trí con trỏ gần cạnh:

   • Hàng: Thêm khối vào một hàng mới. Vị trí con trỏ gần cạnh dưới cùng hoặc trên cùng của một khối khác.

   • Chèn: Đính kèm khối vào đầu hoặc cuối của một khối khác. Vị trí con trỏ của bạn xa hơn về phía trong từ cạnh trên cùng hoặc dưới cùng của khối mà bạn muốn gắn khối bạn đang di chuyển.

   • Cột: Thêm khối bên cạnh khối hoặc tập hợp khối khác. Vị trí con trỏ gần cạnh trái hoặc phải của một khối khác.

   • Phao: Cho phép bạn đặt khối hình hoặc khối bản đồ trong một khối văn bản để các từ bao quanh các mặt của khối nổi. Vị trí con trỏ của bạn sang trái hoặc phải của đoạn mà bạn muốn hình ảnh hoặc bản đồ để nổi bên cạnh.

4. Thả khối tại chỗ bằng cách nhả chuột.

Làm cách nào để tách các khối thành các hàng

Khi bạn thêm một khối vào một trang, khối được thêm vào một hàng mới và kéo dài từ phía bên trái sang bên phải của trang. Chiều cao của khối là chất lỏng, mở rộng để chứa nội dung bạn thêm vào nó. Bạn có thể sắp xếp lại khối lên và xuống trang.

Nếu bạn đang thêm một khối vào một trang đã chứa các khối, khối mới sẽ được thêm vào bên dưới các cột hiện có.

Khi bạn tạo một trang mới hoặc một bài đăng blog mới, khối văn bản sẽ được thêm tự động.

Cách tạo các cột của khối

Khi bạn sắp xếp lại các khối, bạn có thể đặt chúng ở bên trái hoặc bên phải của nhau, tạo các cột trong một hàng. Các cột này chỉ ảnh hưởng đến hàng chứa các khối. Ví dụ: bạn có thể sắp xếp ba khối trên một hàng nhưng năm khối trên một hàng khác.

LayoutEngine sử dụng cấu trúc lưới 12 cột. Nếu bạn sắp xếp các khối liên tiếp và muốn chúng có cùng chiều rộng, bạn phải sử dụng các khối 1, 2, 3, 4 hoặc 6. (Những con số này có thể phân chia thành 12).

Để điều chỉnh chiều rộng của hai khối liền kề, hãy định vị con trỏ giữa hai khối. Một đường thẳng mỏng và dọc xuất hiện và con trỏ thay đổi để con trỏ chỉnh lại. Nhấp và kéo để điều chỉnh chiều rộng của khối. Thay đổi kích thước một khối ảnh hưởng đến kích thước của khối liền kề.

Cách chèn khối

Khi bạn chèn một khối ở trên hoặc dưới một khối khác, bạn kết nối những khối đó trong cùng một cột. Các khối sẽ được hiển thị với nhau, có thể hữu ích khi bạn tạo bố cục trang phức tạp.

Ngoài ra, khi trang web của bạn thay đổi kích cỡ để phù hợp với chiều rộng của thiết bị di động, các khối sẽ được sắp xếp lại để xếp chồng lên nhau.

Thông thường, bạn chèn các khối ở trên hoặc dưới một khối khác. Tuy nhiên, bạn cũng có thể chia các khối văn bản với một khối khác bằng cách chèn một khối giữa các đoạn văn trong khối văn bản.

Cách phao khối trong nội dung

Khi bạn có khối nổi , văn bản trên trang sẽ bao quanh các cạnh của khối. Các khối duy nhất có thể trôi nổi trong khối văn bản là khối hình ảnh và khối bản đồ.

Bạn có thể thả một khối bên cạnh bất kỳ đoạn văn bản nào trong khối văn bản. Để định vị khối của bạn, bạn sử dụng các biểu tượng xuất hiện ở phía trên cùng của hình ảnh hoặc khối bản đồ. Các tùy chọn nổi của bạn là

• Còn lại: Phóng khối sang bên trái của văn bản.

• Không có quấn: Phóng cụm từ trong văn bản nhưng không hiển thị văn bản ở bên trái hoặc bên phải khối. Khối bản đồ sẽ kéo dài để điền đầy toàn bộ chiều rộng của khối văn bản.

  khối hình ảnh sẽ làm như vậy trừ khi hình ảnh không đủ lớn, trong trường hợp đó hình ảnh sẽ được hiển thị ở kích thước lớn nhất của nó, trung tâm trong chiều rộng đầy đủ của khối văn bản.

• Phải: Phóng cụm từ sang phải của văn bản.

Bây giờ bạn đã xem xét cách thêm, xóa và sắp xếp lại các khối trong các trang của bạn, đây là lúc bạn chuyển sang Phần IV, nơi bạn xem tất cả các loại khối khác nhau bạn có thể thêm vào trang web của mình.