Trang Chủ Xã hội Truyền thông Làm thế nào để Sắp xếp lại các khối với LayoutEngine trên Squarespace - núm vú

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

Mục lục:

Video: Minecraft: Những phím tắt mà bạn có thể làm để đỡ tốn thời gian 2025

Video: Minecraft: Những phím tắt mà bạn có thể làm để đỡ tốn thời gian 2025
Anonim

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.

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

Lựa chọn của người biên tập

Mang quà Hostess - núm vú

Mang quà Hostess - núm vú

Khi bạn được mời đến nhà của người khác, cho chủ nhà một món quà nhỏ được gọi là quà tặng chủ nhà) luôn là một cử chỉ tốt đẹp, ngay cả khi lời mời không hướng dẫn bạn. Với một chai rượu vang, một cây có hoa, hoặc một món ăn ngon thì đây là một cách đáng để bạn thể hiện sự đánh giá cao của bạn và thể hiện sự xuất sắc của khách mời ...

Trao quyền cho bản thân bằng cách tốt - những con voi

Trao quyền cho bản thân bằng cách tốt - những con voi

Dù bạn gọi nó là gì - cách cư xử, lịch thiệp, nghi thức, bạn có thể kết hợp nó với sự lãnh đạo. Khi bạn dẫn đầu trong việc làm cho mọi người dễ dàng và làm cho mọi tình huống dễ chịu, bạn thể hiện sự cân bằng. Sự trầm cảm đến từ sự tự tin. Trong khí hậu ngày nay, nghi thức và tục tĩu đôi khi được coi là hổ thẹn. Những người khác xem ...

Nhận ra nỗ lực của Người cao tuổi để giấu cảm xúc khó chịu - những con voi

Nhận ra nỗ lực của Người cao tuổi để giấu cảm xúc khó chịu - những con voi

Con người thường tự bảo vệ bản thân mình khỏi nỗi đau của riêng mình cảm xúc (bao gồm lo lắng, oán giận, thất vọng và trầm cảm) bằng cách che giấu những cảm xúc này - từ bản thân và từ người khác. Họ thường làm như vậy mà không hề biết rằng họ đang làm việc đó. Người cao niên cũng không ngoại lệ. Ẩn cảm xúc không phải lúc nào cũng là điều xấu - có thể là ...

Lựa chọn của người biên tập

Mạng Cisco: Mô hình OSI Lớp 5 - Lớp Session - Dummies

Mạng Cisco: Mô hình OSI Lớp 5 - Lớp Session - Dummies

Lớp phiên của Kết nối Hệ thống Mở (Open System Interconnection) (OSI) mô tả cách thức dữ liệu được định dạng giữa các thiết bị ở hai bên của liên kết. Đây là cách thức hiệu quả trong việc duy trì kênh mở giữa hai thiết bị. Tuy nhiên, ở các mức thấp của mô hình OSI, không có kết nối vĩnh viễn, nhưng ...

Cisco Các mạng: Gói - núm vú

Cisco Các mạng: Gói - núm vú

Các bộ chứa dữ liệu được gọi là các khung trong lớp liên kết dữ liệu (Lớp 2) và các gói trong lớp mạng (lớp 3). Trong lớp mạng, bạn chỉ nhìn vào phần của khung được gọi là dữ liệu trong khung Ethernet. Khi khung Ethernet di chuyển lên từ lớp liên kết dữ liệu tới ...

Cisco Mạng: Mô hình Mô hình Mạng OSI - núm vú

Cisco Mạng: Mô hình Mô hình Mạng OSI - núm vú

Tổ chức Tiêu chuẩn hoá Quốc tế (ISO) thiết bị phải được thiết kế để giao tiếp với nhau. ISO đã đề xuất mô hình mạng cho phép truyền thông này diễn ra, và mặc dù điều này là tốt từ một mức độ lý thuyết, nó không phải luôn luôn theo sau, đặc biệt là kể từ khi nó được xuất bản sau nhiều mạng ...

Lựa chọn của người biên tập

Lập trình Java cho Android: Cài đặt Công cụ Phần mềm để Bắt đầu - những người có đầu

Lập trình Java cho Android: Cài đặt Công cụ Phần mềm để Bắt đầu - những người có đầu

Trước khi bạn có thể viết Các chương trình Java cho các thiết bị Android, bạn cần một số công cụ phần mềm. Nếu bạn là một tay cũ để cài đặt phần mềm, và nếu máy tính của bạn không phải là quirky, các bước này có lẽ sẽ phục vụ bạn tốt. Truy cập trang web Lập trình Java dành cho Nhà phát triển Android for Dummies và tải xuống tệp có chứa các ví dụ về chương trình. Truy cập Java ...

Java Lập trình Thách thức: Thực hiện lại Tháp Hà Nội - đầu

Java Lập trình Thách thức: Thực hiện lại Tháp Hà Nội - đầu

Thách thức này giúp bạn sử dụng tài năng lập trình của mình để viết một chương trình Java sẽ in các bước cần thiết để giải quyết một tháp Towers của Hà Nội puzzle cho số lượng đĩa. Tháp Hà Nội là một câu đố logic cổ điển bao gồm ba chốt đứng và một số đĩa có đường kính khác nhau. Mỗi

Java: lặp lại và For Vòng lặp - núm vú

Java: lặp lại và For Vòng lặp - núm vú

Trong Java, giống như trong thế giới thực, có rất nhiều lần khi bạn lặp lại một cái gì đó. Tương tự như vậy, các ứng dụng có nhu cầu lặp lại nhiệm vụ. Thực hiện chúng một lần là không đủ, trong một số trường hợp. Chương này giúp bạn hiểu cách thực hiện cùng một nhiệm vụ nhiều lần. Một vòng lặp lặp đi lặp lại bao gồm một cấu trúc đặc biệt theo dõi khi nào ...