# 35 bố cục blog URL: https://canvaswp.com/vi/templates/blog/ Updated: 2026-11-03 Mẫu Bố cục lưu trữ từ danh sách thanh bên cổ điển đến lưới tạp chí, cùng với bố cục bài viết đơn lẻ tương ứng. [Mở bản trình diễn trực tiếp](https://demos.canvaswp.com/classic/) [Duyệt các bản demo](https://canvaswp.com/vi/demos/) Cập nhật 3 tháng 11, 2026 - Mặc định - Dòng thời gian - Masonry - Lưới - Thumbnail nhỏ - Tách mục - Biên tập - Bài viết đơn ## Mặc định 4 Kiểu lưu trữ cổ điển: các bài viết nằm dưới nhau, mỗi bài có hình ảnh phía trên tiêu đề. Đây là khối Blog Loop với Layout đặt thành Standard, và các phiên bản chỉ khác nhau ở vị trí thanh bên, nếu có thanh bên. - [Thanh bên phải (mở trong tab mới)](https://demos.canvaswp.com/classic/blog/) - [Thanh bên trái (mở trong tab mới)](https://demos.canvaswp.com/classic/blog-left-sidebar/) - [Hai thanh bên (mở trong tab mới)](https://demos.canvaswp.com/classic/blog-both-sidebar/) - [Toàn chiều rộng (mở trong tab mới)](https://demos.canvaswp.com/classic/blog-full-width/) ## Dòng thời gian 3 Bài viết được treo trên một đường thẳng chạy dọc trang, được đánh dấu theo ngày. Blog Loop có hai bố cục dòng thời gian. Timeline (Grid) đặt bài viết hai bên đường thẳng trên trang toàn chiều rộng, trong khi Timeline (List) xếp chúng thành một cột duy nhất, đó là kiểu dùng cho các phiên bản có thanh bên. - [Thanh bên phải (mở trong tab mới)](https://demos.canvaswp.com/classic/blog-timeline-right-sidebar/) - [Thanh bên trái (mở trong tab mới)](https://demos.canvaswp.com/classic/blog-timeline-left-sidebar/) - [Toàn chiều rộng (mở trong tab mới)](https://demos.canvaswp.com/classic/blog-timeline/) ## Masonry 4 Các thẻ giữ chiều cao tự nhiên và xếp thành cột, nên một bài viết ngắn sẽ không để lại khoảng trống cạnh bài dài. Đây là bố cục Masonry của Blog Loop, từ hai cột đến toàn bộ chiều rộng màn hình. - [4 cột (mở trong tab mới)](https://demos.canvaswp.com/classic/blog-masonry/) - [3 cột (mở trong tab mới)](https://demos.canvaswp.com/classic/blog-masonry-3/) - [2 cột (mở trong tab mới)](https://demos.canvaswp.com/classic/blog-masonry-2/) - [Chiều rộng 100% (mở trong tab mới)](https://demos.canvaswp.com/classic/blog-masonry-full/) ## Lưới 3 Các thẻ có kích thước bằng nhau xếp thành hàng gọn gàng, do bố cục Grid quyết định. Hãy chọn tùy chọn này khi mọi bài viết đều có ảnh nổi bật rõ nét, vì chính ảnh là thứ căn các hàng thẳng hàng. - [4 cột (mở trong tab mới)](https://demos.canvaswp.com/classic/blog-grid/) - [3 cột (mở trong tab mới)](https://demos.canvaswp.com/classic/blog-grid-3/) - [2 cột (mở trong tab mới)](https://demos.canvaswp.com/classic/blog-grid-2/) ## Thumbs nhỏ 5 Một ảnh nhỏ bên cạnh tiêu đề và đoạn trích, giúp nhiều bài viết vừa trên một màn hình. Bố cục “Small” của Blog Loop hiển thị tất cả các ảnh này; các biến thể đổi vị trí thanh bên hoặc bỏ thanh bên, còn biến thể thay thế thì thay đổi nhịp của danh sách. - [Thanh bên trái (mở trong tab mới)](https://demos.canvaswp.com/classic/blog-small-left-sidebar/) - [Thanh bên phải (mở trong tab mới)](https://demos.canvaswp.com/classic/blog-small/) - [Hai thanh bên (mở trong tab mới)](https://demos.canvaswp.com/classic/blog-small-both-sidebar/) - [Toàn chiều rộng (mở trong tab mới)](https://demos.canvaswp.com/classic/blog-small-full-width/) - [Bố cục xen kẽ (mở trong tab mới)](https://demos.canvaswp.com/classic/blog-small-alt/) ## Tách mục 2 Có hai cách để chia nhỏ một kho lưu trữ dài, cả hai đều được chọn trong bảng Pagination của Blog Loop: trang đánh số, hoặc cuộn vô hạn để tải trang tiếp theo khi người đọc cuộn đến cuối. Bảng này cũng cung cấp bộ phân trang cũ hơn và mới hơn, nút tải thêm và tải theo đợt. - [Phân trang (mở trong tab mới)](https://demos.canvaswp.com/classic/blog-grid/) - [Cuộn vô hạn (mở trong tab mới)](https://demos.canvaswp.com/classic/blog-masonry/) ## Biên tập 6 Trang đầu cho một ấn phẩm. Mỗi trang kết hợp nhiều khối Blog Loop, với Post Image, Post Terms và Post Title đặt bên trong, để một bài nổi bật, một hàng thẻ và một dãy tiêu đề cùng chung một trang. Tải thêm hiển thị bài viết vài bài mỗi lần và chỉ yêu cầu máy chủ tải thêm khi các bài hiện có đã hết. - [Tạp chí (mở trong tab mới)](https://demos.canvaswp.com/classic/blog-magazine/) - [Nguồn hỗn hợp (mở trong tab mới)](https://demos.canvaswp.com/classic/blog-mixed-feed/) - [Thẻ lớp phủ (mở trong tab mới)](https://demos.canvaswp.com/classic/blog-cards-overlay/) - [Chia đôi màn hình (mở trong tab mới)](https://demos.canvaswp.com/classic/blog-list-split/) - [Tải thêm (mở trong tab mới)](https://demos.canvaswp.com/classic/blog-load-more/) - [Có bộ lọc (mở trong tab mới)](https://demos.canvaswp.com/classic/blog-with-filter/) ## Bài viết đơn 8 Bài viết lấy bố cục từ một mẫu, được chọn trong cài đặt Mẫu khi bạn chỉnh sửa. Bên cạnh bài viết tiêu chuẩn có thanh bên, giao diện còn có các phiên bản ảnh nhỏ và media chia đôi, bài viết toàn chiều rộng, cùng ba bố cục biên tập: một bố cục có thanh tiến độ đọc, một bố cục mở đầu bằng khu vực hero tràn màn hình, và một bố cục nằm dưới Tiêu đề trang. - [Bố cục mặc định (mở trong tab mới)](https://demos.canvaswp.com/classic/blog/2021/02/10/blog-single/) - [Thanh bên trái (mở trong tab mới)](https://demos.canvaswp.com/classic/blog/2021/02/24/blog-single-left-sidebar/) - [Toàn chiều rộng (mở trong tab mới)](https://demos.canvaswp.com/classic/blog/2021/02/16/blog-single-full/) - [Ảnh nhỏ (mở trong tab mới)](https://demos.canvaswp.com/classic/blog/2021/03/08/blog-single-small/) - [Bố cục chia đôi (mở trong tab mới)](https://demos.canvaswp.com/classic/blog/2021/04/05/blog-single-split-right-sidebar/) - [Biên tập (mở trong tab mới)](https://demos.canvaswp.com/classic/blog/2026/03/12/the-slow-web/) - [Editorial Immersive (mở trong tab mới)](https://demos.canvaswp.com/classic/blog/2026/02/24/night-train-to-trieste/) - [Biên tập có tiêu đề (mở trong tab mới)](https://demos.canvaswp.com/classic/blog/2026/02/11/jane-doe-on-building-type/) Mỗi liên kết mở ra một trang thật trên trang trình diễn trực tiếp, được dựng bằng chính giao diện và các khối bạn cài đặt. Trên trang web của riêng bạn ## Mọi trang lưu trữ ở đây đều là một khối mà bạn có thể cấu hình Không có gì trên các trang này là thiết kế cố định mà bạn phải chấp nhận nguyên vẹn. Mỗi kho lưu trữ là một khối với bố cục riêng, và mỗi thẻ là một chồng các khối nhỏ hơn mà bạn có thể sắp xếp. ### Chọn bố cục Chèn Blog Loop rồi chọn giữa Standard, Grid, Small, Small Alt, ba kiểu danh sách, Masonry và hai kiểu dòng thời gian. Kiểu phân trang là một lựa chọn riêng trong bảng riêng, nên mọi bố cục đều có thể phân trang, cuộn hoặc tải theo đợt. ### Soạn thẻ Bên trong vòng lặp là các khối bài viết tạo nên từng thẻ: Post Media, Post Title, Post Meta và Post Excerpt trong bố cục tiêu chuẩn. Xóa phần trích đoạn nếu bạn muốn danh sách tiêu đề, hoặc thêm Post Terms để hiển thị nhãn danh mục. Canvas có tổng cộng 31 khối bài viết. ### Hoặc chèn một mẫu có sẵn Công cụ chèn mẫu khối cung cấp các phần blog sẵn sàng để chỉnh sửa, trong đó có dạng lưới, danh sách, masonry và dòng thời gian. Mẫu khối được chèn dưới dạng các khối thông thường, chính là những khối mà trang này mô tả. ### Hoặc nhập toàn bộ blog 57 trong số 88 bản demo có thể nhập kèm bài blog và các danh mục của chúng, và các bản demo Blog và Modern Blog được xây dựng xoay quanh việc xuất bản. - [Duyệt danh mục bản demo](https://canvaswp.com/vi/demos/) Cách chọn ## Kiểu blog nào phù hợp với tần suất đăng bài của bạn Hãy xác định tần suất đăng bài trước khi chọn. Một doanh nghiệp chỉ đăng mỗi tháng một lần sẽ có kho lưu trữ ngắn, và bố cục tiêu chuẩn có thanh bên sẽ giới thiệu nó mà không làm nó trông thưa thớt. Trang báo đăng bài mỗi ngày cần mật độ nội dung cao. Ảnh thu nhỏ, bố cục lưới hoặc trang chủ kiểu biên tập đều đưa được nhiều bài hơn vào tầm nhìn, còn các trang biên tập dành không gian cho bài tin chính xứng với một tòa soạn. Cuộn vô hạn phù hợp với người đọc hay lướt. Phân trang theo số phù hợp với người đọc quay lại tìm bài đã xem. Masonry phù hợp với bài viết có ảnh với đủ mọi hình dạng. Timeline dành cho mọi nội dung đọc theo thứ tự thời gian, như nhật ký thay đổi, nhật ký dự án hoặc lịch thi đấu của câu lạc bộ. Sau đó, hãy chọn mẫu bài viết đơn khớp với nội dung: bài đọc dài xứng đáng có thanh tiến trình đọc, còn câu chuyện bằng ảnh xứng đáng có khu vực hero sống động. Thêm mẫu ## Phần còn lại của thư viện - [Mẫu trang 13](https://canvaswp.com/vi/templates/page-templates/) - [Shortcode và Phần tử 57](https://canvaswp.com/vi/templates/shortcodes/) - [Bố cục Portfolio 27](https://canvaswp.com/vi/templates/portfolio/) - [Bố cục cửa hàng 9](https://canvaswp.com/vi/templates/shop/)