[Web30s – v.3] [Page-Editor] Làm việc với Widget Hình hộp

  • Tuesday 31/03/2020

Giao diện Widget Hình Hộp

Tác dụng

– Widget hình hộp hỗ trợ Quý Khách tạo ra những mẫu hình hộp giúp trang trí cho giao diện website của Quý Khách trở nên đẹp, bắt mắt qua đó thu hút người xem khi ghé thăm website. Trang trí hoặc tạo khung viền các dữ liệu quan trọng Quý Khách muốn làm nổi bật lên trên trang website.

Thêm Widget

Trong “Đoạn” cần thêm Widget, Quý Khách chọn biểu tượng “Thêm Widget” rồi chọn biểu tượng Widget Nhóm trong nhóm các Widget.

Chọn giao diện mẫu cho Widget Hình Hộp

Sau khi chọn, Quý Khách sẽ có sẵn giao diện hình hộp mẫu

Với giao diện Widget hình hộp này, Quý Khách thoải mái trong việc trang trí cho website Quý Khách như:

+ Khung cho hình ảnh:

+ Khung cho các đoạn text hoặc nội dung quan trọng:

+ Thậm chí khung cho video khi Quý Khách có nhu cầu chèn Video thêm vào website:

Cấu hình chung  – Tùy chỉnh hiện thị Widget hình hộp

– Widget hình hộp cũng có cáu hình chung cùng với các tùy chỉnh widget tương tự với các dạng widget khác. Quý Khách có thể tham khảo tại :

[Web30s – v.3] [Page-Editor] Làm việc với Thiết lập giao diện Widget

Cấu hình Widget hình hộp

– Widget hình hộp có các cấu hình cơ bản sau:

 Nền

Quý Khách cài đặt màu nền cho widget hình hộp trên website với:

+ Màu nền:

– Mặc định:  sẽ hiện thị màu trắng

– 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 Widget hình hộp. 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.

+ Màu nền:

– Khi Quý Khách lựa chọn thiết lập “Màu cơ bản” trong phần màu nền Quý Khách thêm vào mã màu muốn có cho giao diện widget hình hộp.

+ Overlay: Quý Khách có thể tùy chỉnh màu cho widget cho hình hộp và đè lên màu đang có. Giúp Quý Khách xem trước các màu chỉnh sửa và khôi phục lại màu khi muốn phục hồi mà quên mã màu trước đó.

Đổ bóng

– Thiết lập đổ bóng cho khung widget hình hộp.

+ Màu sắc: Thiết lập màu sắc của bóng hình hộp.

+ Kiểu đổ bóng: hiện tại có thể chọn 2 dạng là:

 Đổ bóng trong: đổ bóng ở bên trong widget hình hộp.

 Đổ bóng ngoài: đổ bóng ở bên ngoài widget hình hộp.

+ Độ phủ ngang: tăng giảm độ rộng ngang qua của bóng đổ về phía trái.

+ Độ phủ dọc: tăng- giảm độ rộng dọc của bóng đổ về phía dưới.

+ Độ mờ: tăng – giảm độ mờ cho bóng đổ.

+ Độ phủ rộng: tăng- giảm độ phủ ngang- dọc cho bóng đổ.

 

Đường viền

– Chỉnh đường viền cho khung bao ngoài của widget hình hộp.

+ Đường viền: lựa chọn “Không” hoặc “Sử dụng” để xuất hiện dường viền cho widget hình hộp.

+ Kiểu: Kiểu dáng của đường viền ngoài như: nét đậm, nét đứt,…

+ Màu: Màu sắc của đường viền ngoài.

+ Độ rộng :

Tất cả: kích thước cả đường viền khung nút bấm.

Bên phải: kích thước đường viền khung bên phải.

Bên trái: kích thước đường viền khung bên trái.

Bên trên: kích thước đường viền khung bên trên.

Bên dưới: kích thước đường viền khung bên dưới.

Căn lề

+ Căn lề các đoạn nội dung chữ viết trong widget hình hộp.

+ Căn lề :

Tất cả: căn lề  đoạn nội dung với khung nút bấm.

Căn phải: căn kích thước cách khung bên phải.

Căn trái: căn kích thước cách khung bên trái.

Căn trên: căn kích thước cách khung bên trên.

Căn dưới: căn kích thước cách khung bên dưới.

Bo góc

– Thiết lập bo tròn góc cho khung widget.

+ Bo góc:

Tất cả: bo tròn tất cả các góc

Bo góc phải trên: Bo tròn cạnh góc phải phía trên khung widget.

Bo góc phải dưới: Bo tròn cạnh góc phải phía dưới khung widget.

Bo góc trái trên: Bo tròn cạnh góc trái phía trên khung widget.

Bo góc trái dưới: Bo tròn cạnh góc trái phía dưới khung widget.

 

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

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

P.A Việt NamWeb30s