Hướng dẫn dùng block Accordion

Block Accordion có chức năng như thế nào? Cách sử dụng ra sao? Nó sẽ được dịch vụ thiết kế website của chúng tôi để cập ngay ở phần dưới đây.

Hướng dẫn dùng block Accordion

1. Block Accordion có chức năng gì?

Block Accordion có chức năng giúp chúng ta sắp xếp các khối nội dung. Thường được dùng khi một phần nội dung chiếm đi diện tích lớn trong bài, vậy khi đó ta sẽ sử dụng block này để sắp xếp nó gọn lại.

2. Cách sử dụng Block Accordion

Sản phẩm mẫu của Block Accordion. Trong phần này chúng ta sẽ cùng tìm hiểu cách để thiết lập cho block để tạo ra sản phẩm này.

Bước 1: Bạn thêm Block Accordion vào vị trí bạn muốn thu gọn nội dung trong bài.

Bước 2: Chọn vào phần Edit của thanh ngang màu xanh bên trên.

Bước 3: Trong hộp thoại Accordion Settings, bạn tới mục Style Preset và rồi chọn vào nút Preview & Load Preset như hình.

Khi đó hộp thoại Pesets Preview hiện ra. Tại đây bạn chọn một kiểu hiển thị ưng ý và click vào nó.

Bước 4: Bạn nhấp vào nút Save Changes để thiết lập.

Bước 5: Bạn chọn vào Edit của thanh ngang màu vàng bên dưới.

Rồi thay đổi tên tab 1 tại mục Title thành tên của một tiêu đề theo đoạn văn bản mà bạn đang muốn rút gọn. Khi đổi tên xong bạn bấm vào nút Save changes để tiếp tục công việc tiếp theo.

Thí dụ đổi tên tab 1 ⇒ Nội dung 1

Bước 6: Chọn vào biểu tượng dấu cộng ở giữa tab mới đổi tên để chèn thêm 1 block.

Mình sẽ chèn thêm một block text để làm giống mẫu. Khi chèn block text vào bạn nhập nội dung cho nó.

Cứ như vậy bạn cũng làm tương tự như với số tab còn lại. Nếu bạn muốn thêm tab mới cho mình, bạn có thể chọn vào Add Section để thêm.

Bước 7: Đăng bài của bạn lên và xem kết quả.

Lời kết

Sử dụng dịch vụ thiết kế website freewebapp.net của chúng tôi để tẩn hưởng những chức năng xây dựng website tốt nhất hiện nay.