Phần tử nội dung

Phần tử nội dung là cấu trúc nội dung cuối giúp bạn đưa nội dung vào website sau khi đã bố cục Section, Hàng và Cột. Mỗi một phần tử nội dung đều có phần tuỳ chỉnh nội dung và tuỳ chỉnh hiển thị

Tuỳ chỉnh nội dung

Các phần tử nội dung khác nhau sẽ có các trường nội dung khác nhau để giúp bạn đưa nội dung vào website như mong muốn. Bạn cần lựa chọn phần tử nội dung phù hợp với cấu trúc nội dung bạn muốn hiển thị để đưa lên website

Tuỳ chỉnh thiết kế (hiển thị)

Các phần tử nội dung cũng sẽ bao gồm các tuỳ chỉnh về thiết kế như màu sắc, nền, khoảng cách,... giúp bạn thiết kế nội dung nổi bật theo ý thích

Cách sử dụng phần tử nội dung

Trước khi sử dụng phần tử nội dung bạn cần tạo ra khung bố cục chứa nó bao gồm Section, Hàng, Cột theo các hướng dẫn ở phần tử bố cục

Chọn phần tử (Component) tại thanh công cụ bên trái (Biểu tượng 4 khối vuông) -> Sau đó tại khu vực bảng điều khiển nội dung, bạn sẽ thấy các phần tử nội dung xuất hiện.

Cách 1: Kéo thả phần tử nội dung bạn muốn vào cột chứa nó. Lúc này tại khu vực sẽ hiển thị mẫu nội dung mặc định đã được Leadpage thiết kế, bạn có thể tuỳ chỉnh nội dung và thiết kế của phần tử nội dung (Hình ảnh minh hoạ phần tử Slider Banner)

Cách 2: Trường hợp, bạn muốn chọn mẫu khác mặc định, bạn có thể nhấp chuột vào phần tử nội dung. Bảng điều khiển sẽ hiện danh sách các mẫu thiết kế bạn có thể sử dụng, Leadpage sẽ tiếp tục cập nhật các mẫu thiết kế nổi bật và hấp dẫn, Bạn có thể chọn quay trở lại để về danh sách phần tử (Trong hình vẫn dùng phần tử Slider Banner làm ví dụ)

Kéo thả các mẫu đã hiển thị để đưa mẫu phần tử nội dung bạn mong muốn vào trong website

Cách chỉnh sửa một phần tử nội dung

Như đã nói ở trên, mỗi phần tử nội dung sẽ có khả năng tuỳ chỉnh nội dung và thiết kế (hiển thị). Dưới đây là hướng dẫn giúp bạn vào bảng điều khiển tuỳ chỉnh nội dung và thiết kế (hiển thị) của phần tử nội dung sau khi đã đưa phần tử vào website

Đưa chuột vào phần tử, chọn tên phần tử ở góc phải phía trên phần tử (Tab màu tím) hoặc clịc chuột và phần tử, sau đó click vào bánh răng ở thanh công cụ bên trên phần tử

Bảng điều khiển bên trái sẽ sáng icon biểu tượng chỉnh sửa (hình giọt nước). Bảng tuỳ chỉnh sẽ hiển thị tên của phân tử đang chỉnh sửa. Bên dưới sẽ có 2 tab, chuyển qua lại giữa 2 tab để bạn có thể tuỳ chỉnh nội dung và thiết kế (hiển thị) của phần tử đó.

Tab chỉnh khác của phần tử

Khi lựa chọn một phần tử, bạn sẽ thấy một tab ngắn hiển thị các Icon bên trên góc trái của phần tử đang chọn, Bảng này giúp bạn sắp xếp và điều khiển nhanh phẩn tử

Icon ngoài cùng bên trái thể hiển biểu tượng ký hiệu của phần tử cha chứa phần tử con (Hình minh hoạ hiển thị cột chứa phần tử hình ảnh)

Bảng dài bên cạnh có các icon giúp bạn tuỳ chỉnh phần tử:

• Icon đầu tiên: Icon biểu tượng của phần tử đang thao tác

• Icon 6 chấm dọc: Khi click vào Icon, bạn có thể click, giữ chuột và kéo thả phần tử này sang vị trí khác để sắp xếp các phần tử

• Icon mũi tên lên xuống: Di chuyển phần tử lên xuống bên trong phần tử cha chứa nó, tứ là bạn chỉ có thể di chuyển lên xuống giữa các phần tử bên trong cột chứa

• Icon bánh răng: Click vào Icon này, bạn sẽ vào bảng điều khiển tuỳ chỉnh nội dung và thiết kế (hiển thị) của phần tử

• Icon 3 chấm dọc: Khi click vào, bảng điều khiển các tác vụ khác của phần tử sẽ xuất hiện cho bạn chọn bao gồm : Nhân bảm copy, xoá, khoá, chọn khối cha