Thêm, di chuyển và thay đổi kích thước khối
Thêm khối vào trang bằng cách kéo hoặc nhấn, rồi di chuyển, thay đổi kích thước, nhân bản và xóa chúng trên lưới 12 cột.
Khối là các thành phần xây dựng của một trang: tiêu đề, văn bản, nút, hình ảnh, lưới sản phẩm và nhiều thứ khác. Bạn thêm chúng từ bảng Khối, thả chúng vào vị trí mong muốn và kéo các cạnh để thay đổi kích thước.
Cách các khối được bố trí
Mỗi phần của trang là một lưới gồm 12 cột. Một khối chiếm một hoặc nhiều cột và một hoặc nhiều hàng của lưới đó. Khi bạn thả hoặc thay đổi kích thước một khối, nó sẽ tự căn vào lưới, nhờ vậy mọi thứ thẳng hàng và trang sắp xếp lại gọn gàng trên điện thoại. Bạn không bao giờ đặt khối theo số pixel chính xác.
Khối nằm bên trong phần. Một trang cần có ít nhất một phần trước khi bạn có thể thêm khối.
Thêm khối
Bạn có hai cách để thêm khối.
Kéo khối vào trang
- Trong bảng Khối bên trái, tìm khối bạn muốn. Các nhóm là Cơ bản, Phương tiện, Bố cục, Cửa hàng, Tiếp thị và Menu & biểu mẫu.
- Nhấn giữ khối, rồi kéo nó vào trang.
- Di chuyển con trỏ qua một phần. Các cột nhạt màu sẽ xuất hiện, và một hộp màu xanh dương cho biết chính xác khối sẽ nằm ở đâu và có kích thước bao nhiêu.
- Nhả nút chuột. Khối xuất hiện trong hộp và được chọn, nên cài đặt của nó mở ra ở bên phải.
Lưu ý: Hãy thả khối vào khoảng trống. Nếu bạn thả vào vị trí mà một khối khác đã chiếm, hai khối sẽ chồng lên nhau. Nhấn Ctrl + Z để hoàn tác, hoặc kéo khối mới đến chỗ khác.
Nhấn vào khối
Nhấn một khối trong bảng Khối để thêm nó vào cuối phần bạn đang chọn. Nếu không có gì được chọn, khối sẽ vào phần cuối cùng của trang. Đây là cách nhanh nhất để xây dựng trang từ trên xuống dưới.
Chọn một khối
Nhấn một khối trên trang. Khối sẽ có viền màu xanh dương, hai tay cầm thay đổi kích thước màu xanh dương và một thanh công cụ nhỏ bên cạnh với ba nút: Nhân bản, Xoay và Xóa. Bảng cài đặt bên phải thay đổi để hiển thị cài đặt của khối đó.
Di chuyển một khối
- Nhấn giữ khối, rồi kéo nó. Một bản sao nhỏ của khối sẽ đi theo con trỏ.
- Quan sát hộp màu xanh dương để biết khối sẽ nằm ở đâu.
- Nhả nút chuột.
Bạn có thể kéo một khối vào phần khác, hoặc vào một vùng chứa hoặc lưới. Việc chuyển khối sang phần khác chỉ có thể thực hiện ở chế độ xem Máy tính, vì thao tác này thay đổi khối trên mọi kích thước màn hình.
Thay đổi kích thước khối
- Nhấn vào khối để chọn nó.
- Kéo tay cầm ở cạnh phải để thay đổi số cột mà khối chiếm. Kéo tay cầm ở cạnh dưới để thay đổi số hàng mà khối chiếm.
- Nhả nút chuột.
Đặt kích thước và vị trí bằng số
Để kiểm soát chính xác, hãy dùng bảng cài đặt thay vì kéo.
- Chọn khối.
- Trong bảng cài đặt, nhấn Kích thước và vị trí để mở.
- Dùng nút trừ và nút cộng để thay đổi Bắt đầu từ cột, Rộng bao nhiêu cột, Bắt đầu từ hàng và Cao bao nhiêu hàng.
Cùng nhóm này có thêm các tùy chọn sau:
- Lấp đầy toàn bộ chiều rộng kéo khối trải dài qua mọi cột của vùng chứa nó.
- Ẩn khối này ẩn khối. Ở chế độ xem Máy tính bảng và Điện thoại, công tắc này chỉ ẩn khối trên kích thước màn hình đó. Xem Làm cho trang web hiển thị đúng trên điện thoại và máy tính bảng.
- Giống nhau trên mọi màn hình giữ một bố cục duy nhất cho khối trên máy tính, máy tính bảng và điện thoại.
- Tinh chỉnh có các thanh trượt Xoay, Dịch ngang và Dịch xuống. Các thanh này nghiêng hoặc dịch chuyển khối về mặt hình ảnh mà không thay đổi vị trí của nó trong lưới, nên không có gì xung quanh bị xê dịch. Chữ x nhỏ bên cạnh một thanh trượt đặt nó về không. Bạn cũng có thể xoay bằng cách kéo nút Xoay trong thanh công cụ của khối quanh khối đó. Khối sẽ tự căn thẳng, và giữ Shift để xoay theo bước 15 độ.
Mẹo: Bạn cũng có thể di chuyển khối đã chọn bằng bàn phím. Ctrl + một phím mũi tên sẽ dịch khối đi một ô lưới, còn Ctrl + Shift + một phím mũi tên sẽ làm khối rộng hơn hoặc cao hơn một ô. Xem Tổng quan về trình chỉnh sửa để biết mọi phím tắt.
Nhân bản hoặc xóa khối
- Để nhân bản, chọn khối rồi nhấn Nhân bản trên thanh công cụ của nó, hoặc nhấn Ctrl + D. Bản sao sẽ xuất hiện ngay bên dưới bản gốc.
- Để xóa, chọn khối rồi nhấn Xóa trên thanh công cụ của nó, hoặc nhấn Delete. Bạn cũng có thể mở Quản lý trong bảng cài đặt rồi nhấn Nhân bản hoặc Xóa ở đó.
Việc xóa khối không yêu cầu bạn xác nhận. Nếu bạn xóa nhầm, hãy nhấn Hoàn tác trên thanh đầu trang.