28. Tính năng Blog
1. Tạo data (Bài viết blog)
Sử dụng tính năng Datagrid để tạo các content cho các trang Blog
Builder -> Sidebar -> Data -> Datagrid -> Thêm mới -> Có thể thêm mới Collection hoặc Blog
![](https://docs.webcake.io/~gitbook/image?url=https%3A%2F%2F2810080045-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-M8YhOYJqjqH8GZFkv1y-887967055%252Fuploads%252FPFar4WHaXEtEXWyxWPvG%252FScreen%2520Shot%25202022-08-18%2520at%252016.04.46.png%3Falt%3Dmedia%26token%3Dba182d8a-e86e-41c7-b209-62e6bdefc1c6&width=768&dpr=4&quality=100&sign=2352359a&sv=1)
Thêm dự liệu content các bài blog
![](https://docs.webcake.io/~gitbook/image?url=https%3A%2F%2F2810080045-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-M8YhOYJqjqH8GZFkv1y-887967055%252Fuploads%252F1uLq473ND46885yW4kIQ%252FScreen%2520Shot%25202022-08-18%2520at%252016.06.58.png%3Falt%3Dmedia%26token%3D15efdb81-969b-4195-ab7f-f7649ae255bc&width=768&dpr=4&quality=100&sign=bbc8444f&sv=1)
2. Thiết kế trang blog
Sử dụng tính năng Dynamic page để thiết kế trang blog mẫu
Builder -> Sidebar -> Data -> Dynamic -> Tạo mới
![](https://docs.webcake.io/~gitbook/image?url=https%3A%2F%2F2810080045-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-M8YhOYJqjqH8GZFkv1y-887967055%252Fuploads%252FAdVEx097MZF8MKBvXoN9%252FScreen%2520Shot%25202022-08-18%2520at%252016.14.14.png%3Falt%3Dmedia%26token%3D4b5dad6e-e35b-4627-9a9d-2d8ee1bd2eb4&width=768&dpr=4&quality=100&sign=6a1f8efe&sv=1)
Liên kết trang Dynamic với Datagrid đã tạo
![](https://docs.webcake.io/~gitbook/image?url=https%3A%2F%2F2810080045-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-M8YhOYJqjqH8GZFkv1y-887967055%252Fuploads%252Fdil0yqXZpI08ukOkMCtq%252FScreen%2520Shot%25202022-08-18%2520at%252016.23.52.png%3Falt%3Dmedia%26token%3D72ad9788-a6c0-4e2f-925f-15df4afd8d60&width=768&dpr=4&quality=100&sign=ee229c16&sv=1)
Liên kết các phần tử trong trang Dynamic với dữ liệu trong Datagrid
![](https://docs.webcake.io/~gitbook/image?url=https%3A%2F%2F2810080045-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-M8YhOYJqjqH8GZFkv1y-887967055%252Fuploads%252FP8FiPOXDc0EUIeGuNV0L%252FScreen%2520Shot%25202022-08-18%2520at%252016.48.33.png%3Falt%3Dmedia%26token%3D012abfef-0373-4bb5-8fbc-5e84d34e4ef5&width=768&dpr=4&quality=100&sign=5771a766&sv=1)
Sử dụng khối Editor Blog cho nội dung: Vì nội dung có thể chứa các thẻ, kích thước và font chữ khác nhau
![](https://docs.webcake.io/~gitbook/image?url=https%3A%2F%2F2810080045-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-M8YhOYJqjqH8GZFkv1y-887967055%252Fuploads%252FDsq0lVffkqIevICvboC0%252FScreen%2520Shot%25202022-08-18%2520at%252016.48.50.png%3Falt%3Dmedia%26token%3D19d83b64-6a3e-4f35-b1cd-4165595d371a&width=768&dpr=4&quality=100&sign=8e5f465b&sv=1)
3. Sử dụng Carousel thiết kế danh sách Blog
Dùng khối Carousel để thiết kế danh sách blog
Liên kết khối Carousel với Datagrid tương ứng
![](https://docs.webcake.io/~gitbook/image?url=https%3A%2F%2F2810080045-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-M8YhOYJqjqH8GZFkv1y-887967055%252Fuploads%252FuXB5PWTGQj5YXCed1Jc2%252FScreen%2520Shot%25202022-08-18%2520at%252016.35.21.png%3Falt%3Dmedia%26token%3D362284d5-67eb-4e36-9833-c77588047ff5&width=768&dpr=4&quality=100&sign=8b5bba9e&sv=1)
Thêm sự kiện mở Dataset cho nút trong carousel
![](https://docs.webcake.io/~gitbook/image?url=https%3A%2F%2F2810080045-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-M8YhOYJqjqH8GZFkv1y-887967055%252Fuploads%252FPsYtUBlZFzczgF5VttFe%252FScreen%2520Shot%25202022-08-18%2520at%252016.35.33.png%3Falt%3Dmedia%26token%3D209458ef-f722-44ad-a3f7-a61387d68d86&width=768&dpr=4&quality=100&sign=717283a6&sv=1)
4. Xuất bản và sử dụng
Trang blog
![](https://docs.webcake.io/~gitbook/image?url=https%3A%2F%2F2810080045-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-M8YhOYJqjqH8GZFkv1y-887967055%252Fuploads%252FKGf0TqxobFlnIXLAZfy3%252FScreen%2520Shot%25202022-08-18%2520at%252016.51.09.png%3Falt%3Dmedia%26token%3Def2028df-f0d9-424d-866f-c4fd05cd391e&width=768&dpr=4&quality=100&sign=cf9de367&sv=1)
Previous27. Gửi thông tin đơn hàng cho khách hàng qua eSMS sau khi khách hàng đăng kí mua hàngNext29. Survey
Last updated