[Web30s – v.3] [Page-Editor] Bài 4: Làm việc với Cột

  • Tuesday 28/04/2020

Để thao tác được với Cột, Quý khách có 3 cách:

– Chọn thẻ Cột 1 trong Đoạn đang thao tác;

– Chọn vào vùng chọn phía trong đoạn cho đến khi khung viền liền nét màu cam xuát hiện.

– Mở Danh sách Đoạn, Cột trên Menu giao diện để thao tác trên đoạn chứa cột cần sử dụng (cách nào phù hợp khi giao diện đã có nhiều thành phần đoạn, cột)

Ảnh minh họa:

Menu ngữ cảnh của Cột có 4 loại là: Giao diện, Thêm Widget, Nút chuyển vị trí Cột.

Ảnh minh họa:

I. Giao diện

Chọn thẻ Cột >> Chọn nút Giao diện để mở menu Giao diện của Cột.

Ảnh minh họa:

Vào giao diện Cột ta có các chức năng sau:

+ Nền:

Mặc định sẽ ở chọn không có nền cho Cột. Quý khách có thể chọn nền cài đặt cho Cột với:

– Màu cơ bản: Quý khách sẽ có bản màu chuẩn phổ thông để chọn lựa hoặc tự điều chỉnh tham số màu chuẩn RGB hoặc HEXA. Ngoài ra, còn có các thiết lập overlay để phủ lớp màu khác lên màu chính (dạng transparent – trong suốt).

– Hình ảnh: Quý khách sử dụng hình ảnh làm nền cho Cột. Ngoài ra, còn có các thiết lập nâng cao cho hình nền hiển thị; Nền cho ảnh; Các kiểu thể hiện ảnh như vừa khung, nằm trong khung, v.v…

– Màu gradient: là dạng màu chuyển sắc, Quý khách có thể thiết lập nhiều lớp chuyển màu tùy nhu cầu.

+ Căn lề:

Căn lề trên, dưới: Quý khách có thể thiết lập các thông số căn lề trên và dưới cho Cột (đường liền nét màu cam). Khi thiết lập các tham số này, các thành phần Widget trong cột sẽ ảnh hưởng theo lề trên, dưới.

Căn lề trái, phải: giúp Quý khách căn lề trái, phải cho Cột. Các Widget nằm trong cột sẽ ảnh hưởng lề trái, phải.

+ Đổ bóng:

Quý khách có thể thêm lớp (đổ bóng) cho đoạn với màu sắc, độ đổ bóng, hay nhiều lớp cho đoạn.

Ảnh minh họa cho Căn lề và đổ bóng Cột:

+ Kích thước:

Giúp Quý khách có thể tăng giảm độ rộng của cột.

Ảnh minh họa:

Ảnh minh họa:

 

II. Thêm Widget

Sau khi đã có cột, việc còn lại Quý khách sẽ đi trình bày thành phần trong cột mà mình mong muốn. Quý khách vào Đoạn sử dụng >> thao tác chọn thẻ Cột >> Chọn menu ngữ cảnh >> Chọn nút Thêm Widget.

Ảnh minh họa:

Quý khách sẽ có menu Quản lý các Widget như ảnh:

Quý khách tham khảo Chi tiết các Widget tại đây.

III. Di chuyển cột

Quý khách có nhu cầu sử dụng nhiều cột, tuy nhiên việc thêm Cột trước và sau hay đổi vị trí các Cột trong 1 Đoạn sẽ cần đến nút di chuyển Cột.

Để có thể thao tác được nút di chuyển vị trí Cột thì Quý khách chọn Thẻ Cột trên Đoạn đang thao tác >> menu ngữ cảnh sẽ xuất hiện 2 nút di chuyển trái và phải. 2 nút này giúp Quý khách di chuyển các cột thay đổi vị trí cho nhau khi đoạn của Quý khách có từ 2 cột trở lên.

Ảnh minh họa thay đổi vị trí cột cho nhau:

– Vị trí các côt trước khi thay đổi:

– Vị trí các cột sau khi thay đổi:

Trên đây là hướng dẫn Quý khách làm quen với các thao tác Cột.

Cảm ơn Quý khách đã sử dụng dịch vụ của PA Việt Nam!

P.A Việt Nam – Web30s