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

  • Tuesday 31/03/2020

Widget Hình ảnh

I. Giao diện

Sau khi chọn vào widget Hình ảnh, sẽ hiển thị 1 box cấu hình.

Quý khách lựa chọn Loại dữ liệu, có 2 lựa chọn là Mặc địnhDữ liệu trang.

 

1. Dữ liệu Mặc định:

Phần này có giao diện như ảnh, Quý khách chọn vào nút Chọn hình ảnh sẽ mở cửa sổ Quản lý tập tin, Quý khách nhấp đúp vào ảnh cần chèn để chèn vào cột.

2. Dữ liệu trang:

Dùng để gắn hình ảnh là logo website.

II. Các nút cấu hình

Sau khi chèn ảnh vào thì đang có hiển thị 9 nút cấu hình cho widget này, từ trái sang phải là Trượt, Lên trên, Xuống dưới, Nhân bản (Ctrl + D), Giao diện, Dữ liệu, Xóa, Cấu hình, Tác vụ khác.

1. Trượt:

Nếu Quý khách có thiết lập nút Cấu hình > Cấu hình chung > Kích cỡ > Chiều cao co dãn theo nội dung được bật thì icon này mới hiện lên.

Quý khách sẽ chọn và giữ chuột vào icon này widget sẽ trượt lên xuống theo chiều dọc, để thay đổi thông số vị trí trên, thông số vị trí trái vẫn giữ nguyên.

2. Lên trên:

Quý khách chọn icon này thì widget sẽ di chuyển lên hiển thị ở đầu đoạn.

3. Xuống dưới:

Quý khách chọn icon này thì widget sẽ di chuyển lên hiển thị ở cuối đoạn.

4. Nhân bản (Ctrl + D):

Tạo mới 1 widget hình ảnh có cấu hình giống y như widget hình ảnh đã chọn nhân bản.

5. Giao diện:

Gồm 2 tab Thiết kế và Hiệu ứng

– Thiết kế: gồm 3 mục Nền, Đường viền và Bo góc

+ Nền: hiện tại mẫu đang có sẵn 6 nền, Quý khách có thể chọn vào Tùy chỉnh để tạo nền mới. Nền này sẽ là 1 màng màu mỏng che ảnh lại.

+ Đường viền: có 2 lựa chọn

+ Bo góc: 4 góc ảnh sẽ bo góc tròn theo số px Quý khách đang đặt, nếu kích thước ảnh đang hiển thị là hình vuông và đặt tất cả theo số 150px thì ảnh sẽ bo lại thành hiển thị tròn.

– Hiệu ứng:

Một số hiệu ứng mẫu

Quý khách có thể tạo hiệu ứng mới khi chọn vào nút Tùy chỉnh.

6. Dữ liệu:

Phần này Quý khách dùng để đổi dữ liệu khác cho widget

7. Xóa:

Khi chọn vào sẽ xóa widget.

8. Cấu hình

Quý khách tham khảo thiết lập cấu hình chung của 1 widget tại đây.

9. Tác vụ khác:

Gồm 2 cấu hình Ẳn widget và Liên kết:

– Ẩn widget: dùng để tạm tắt hiển thị widget.

– Liên kết: có 3 loại Không liên kết, Liên kết địa chỉ website, Liên kết trang.

+ Không liên kết: không gắn link cho ảnh.

+ Liên kết địa chỉ website: dùng để gắn 1 link ngoài website.

+ Liên kết trang: dùng để gắn 1 link nội bộ của website.

Hiện tại có 3 widget có thể sử dụng phần liên kết này là Widget Tiêu đề, Widget Hình ảnh và Widget Nút bấm ạ.

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 Nam – Web30s