Hướng dẫn đầy đủ sử dụng Khối Danh sách (List Block) trong Biolink

Giới thiệu về khối danh sách

Khối danh sách (List Block) là một công cụ đa năng giúp bạn hiển thị thông tin có cấu trúc một cách rõ ràng và hấp dẫn trên trang Biolink của bạn. Bạn có thể sử dụng khối này để liệt kê các dịch vụ, tính năng sản phẩm, thành tích, hoặc bất kỳ nội dung nào cần trình bày dưới dạng danh sách có tổ chức.

Thêm khối danh sách vào biolink

Để bắt đầu sử dụng khối danh sách, hãy làm theo các bước sau:

1. Đăng nhập vào tài khoản của bạn
2. Truy cập vào trang quản lý Biolink
3. Chọn trang Biolink bạn muốn thêm danh sách
4. Nhấp vào nút “Thêm khối” (Add Block)
5. Tìm và chọn “Danh sách” (List) từ danh sách các khối có sẵn
6. Nhấp “Thêm” để tạo khối danh sách mới

Quản lý mục danh sách

Thêm mục mới

1. Trong giao diện chỉnh sửa khối danh sách, nhấp vào tab “Quản lý danh sách”
2. Nhấp vào nút “Thêm mục mới”
3. Điền nội dung cho mục mới:
   • Nhập icon (tùy chọn): Bạn có thể nhập class Font Awesome (như fas fa-star) hoặc ký tự đặc biệt
   • Nhập nội dung chính cho mục
   • Thêm tiêu đề phụ (nếu đã bật tính năng này)
   • Thêm đường dẫn URL (nếu muốn mục này có thể nhấp vào)

Sắp xếp lại các mục

Bạn có thể dễ dàng thay đổi thứ tự các mục trong danh sách:

1. Di chuột đến mục bạn muốn di chuyển
2. Nhấp và giữ vào biểu tượng “kéo” (⋮⋮) ở bên trái mục
3. Kéo mục đến vị trí mới
4. Thả để hoàn tất việc di chuyển

Xóa mục

Để xóa một mục khỏi danh sách:

1. Tìm mục bạn muốn xóa
2. Nhấp vào biểu tượng thùng rác (🗑️) hoặc biểu tượng X ở góc phải mục đó
3. Mục sẽ được xóa ngay lập tức

Kiểu dáng danh sách

Khối danh sách cung cấp nhiều kiểu dáng khác nhau để bạn có thể chọn lựa phù hợp với nhu cầu:

Kiểu cơ bản

Đây là kiểu danh sách đơn giản nhất, hiển thị các mục theo dạng danh sách thông thường. Mỗi mục sẽ được phân tách bằng đường viền nhẹ.

Kiểu đánh số

Kiểu này tự động đánh số cho từng mục trong danh sách, rất phù hợp với hướng dẫn các bước hoặc quy trình.

Kiểu icon trái (PRO)

Kiểu này hiển thị icon ở bên trái mỗi mục, tạo điểm nhấn trực quan và thu hút sự chú ý.

Kiểu dấu kiểm (PRO)

Kiểu này sử dụng dấu kiểm (checkmark) trước mỗi mục, thích hợp để hiển thị các tính năng có sẵn hoặc các lợi ích.

Kiểu timeline (PRO)

Kiểu này tạo ra một đường thời gian dọc với các mục được sắp xếp theo thứ tự thời gian, rất phù hợp cho lịch trình, mốc thời gian hoặc tiểu sử.

Kiểu card (PRO)

Kiểu này hiển thị mỗi mục như một thẻ riêng biệt, rất phù hợp để hiển thị các dịch vụ hoặc sản phẩm với icon nổi bật.

Tùy chỉnh nâng cao

Bố cục cột

Bạn có thể tổ chức danh sách của mình thành nhiều cột để tối ưu không gian hiển thị:

1. Trong tab “Quản lý danh sách”, tìm mục “Số cột hiển thị”
2. Chọn số cột bạn muốn (1-4 cột)
3. Lưu ý: Kiểu timeline luôn hiển thị 1 cột

Tiêu đề phụ

Tiêu đề phụ cho phép bạn thêm thông tin mô tả hoặc chi tiết bổ sung cho mỗi mục trong danh sách:

1. Trong tab “Quản lý danh sách”, bật tùy chọn “Bật tiêu đề phụ”
2. Khi tạo hoặc chỉnh sửa mục, bạn sẽ thấy trường nhập tiêu đề phụ
3. Bạn có thể tùy chỉnh màu sắc cho tiêu đề phụ trong cài đặt

Nội dung nhiều dòng

Tính năng này cho phép nội dung của bạn hiển thị trên nhiều dòng thay vì một dòng đơn:

1. Bật tùy chọn “Bật nội dung nhiều dòng”
2. Khi nhập nội dung, bạn có thể sử dụng Enter để xuống dòng
3. Nội dung sẽ được hiển thị đúng như cách bạn đã định dạng

Tùy chỉnh icon

Bạn có nhiều tùy chọn để cá nhân hóa icon trong danh sách của mình:

1. Hình dạng icon: Chọn giữa hình tròn, vuông hoặc bo góc
2. Kích thước icon: Điều chỉnh kích thước hiển thị của icon
3. Đệm icon: Thêm không gian xung quanh icon để tạo điểm nhấn
4. Màu icon: Tùy chỉnh màu sắc cho icon
5. Màu nền icon: Thay đổi màu nền hiển thị phía sau icon

Tính năng PRO

Một số kiểu dáng và tính năng nâng cao chỉ có sẵn cho tài khoản PRO:

Kiểu dáng PRO

• Kiểu icon trái
• Kiểu dấu kiểm
• Kiểu timeline
• Kiểu card

Tùy chỉnh nâng cao dành cho tài khoản PRO

Khi sử dụng tài khoản PRO, bạn có thêm nhiều tùy chọn nâng cao cho mỗi kiểu danh sách:

1. Kiểu icon trái:
   • Tùy chỉnh màu nền card
   • Bo tròn góc card
   • Tùy chỉnh màu nền icon
   • Tùy chỉnh màu icon
   • Lựa chọn kiểu icon (chấm tròn, mũi tên, tùy chỉnh)
2. Kiểu dấu kiểm:
   • Tùy chỉnh màu nền dấu kiểm
   • Tùy chỉnh màu dấu kiểm
   • Lựa chọn kiểu dấu kiểm
3. Kiểu timeline:
   • Tùy chỉnh màu đường kẻ
   • Tùy chỉnh màu chấm tròn
   • Điều chỉnh kích thước chấm tròn
   • Điều chỉnh khoảng cách lề trái
4. Kiểu card:
   • Tùy chỉnh màu nền card
   • Điều chỉnh khoảng cách giữa các card
   • Bo tròn góc card
   • Đệm trong card
   • Bật/tắt bóng đổ

Thiết lập hiển thị

Lịch trình hiển thị

Bạn có thể thiết lập khối danh sách chỉ hiển thị trong một khoảng thời gian cụ thể:

1. Trong phần “Cài đặt hiển thị”, bật tùy chọn “Lịch trình”
2. Thiết lập ngày bắt đầu và ngày kết thúc
3. Khối danh sách sẽ chỉ hiển thị trong khoảng thời gian này

Hiển thị có điều kiện

Bạn có thể kiểm soát việc hiển thị khối danh sách dựa trên nhiều điều kiện:

1. Theo quốc gia: Chỉ hiển thị cho người dùng từ các quốc gia cụ thể
2. Theo thiết bị: Chỉ hiển thị trên desktop, tablet hoặc mobile
3. Theo ngôn ngữ: Chỉ hiển thị cho người dùng sử dụng ngôn ngữ cụ thể
4. Theo hệ điều hành: Chỉ hiển thị trên các hệ điều hành được chọn

Kỹ thuật tối ưu

Độ dài nội dung

1. Giữ nội dung ngắn gọn: Mỗi mục trong danh sách nên súc tích và dễ đọc
2. Cân nhắc số lượng mục: Quá nhiều mục có thể làm người dùng bị quá tải thông tin
3. Sử dụng tiêu đề phụ hợp lý: Chỉ thêm tiêu đề phụ khi cần cung cấp thông tin bổ sung quan trọng

Tối ưu cho thiết bị di động

1. Sử dụng bố cục một cột cho thiết bị di động để đảm bảo khả năng đọc
2. Giảm kích thước icon để tiết kiệm không gian màn hình
3. Kiểm tra xem trước trên các kích thước màn hình khác nhau

Giải quyết vấn đề thường gặp

Icon không hiển thị đúng

1. Đảm bảo bạn đang sử dụng đúng cú pháp Font Awesome (ví dụ: fas fa-star)
2. Kiểm tra xem bạn có đang sử dụng icon từ bộ Font Awesome miễn phí không
3. Nếu sử dụng ký tự đặc biệt, hãy đảm bảo rằng chúng được hỗ trợ

Vấn đề hiển thị trên thiết bị di động

1. Kiểm tra hiển thị trên các kích thước màn hình khác nhau
2. Giảm số cột xuống 1 hoặc 2 cho thiết bị di động
3. Đảm bảo kích thước font chữ đủ lớn để đọc trên màn hình nhỏ

Lỗi khi lưu thay đổi

1. Đảm bảo bạn đã điền đầy đủ các trường bắt buộc
2. Kiểm tra kết nối internet
3. Thử làm mới trang và thực hiện lại các thay đổi

Kết luận

Khối danh sách là một công cụ linh hoạt và mạnh mẽ giúp bạn trình bày thông tin một cách có tổ chức và hấp dẫn trên trang Biolink. Với nhiều kiểu dáng và tùy chỉnh, bạn có thể tạo ra các danh sách phù hợp với nhiều loại nội dung và mục đích khác nhau.

Bằng cách nắm vững các tính năng cơ bản và nâng cao của khối danh sách, bạn có thể tạo ra trải nghiệm người dùng chuyên nghiệp và hiệu quả, giúp thông tin của bạn dễ dàng được tiếp cận và ghi nhớ.