# 314 khối cho trình chỉnh sửa khối WordPress

URL: https://canvaswp.com/vi/blocks/
Updated: 2026-11-05

Khối

Khối thật với bảng cài đặt thật, được chèn từ trình chèn khối của WordPress. Không có shortcode, không có hệ thống canvas độc quyền, không cần học thêm trình chỉnh sửa thứ hai. Mọi thứ khách truy cập thấy đều là một điều khiển trong thanh bên.

Cập nhật 5 tháng 11, 2026

314

Tổng số khối

228

Ở gói miễn phí

209

Trong trình chèn khối

105

Giới hạn theo bản demo

10

Nhóm

Thư viện

## 209 khối bạn có thể chèn ngay hôm nay

Lọc theo nhóm hoặc tìm kiếm theo tên, từ khóa hoặc chức năng của khối. Các khối cao cấp được đánh dấu, và mọi gói đều bao gồm tất cả chúng.

Trình chèn khối do WordPress cung cấp, với các nhóm Canvas nằm dưới các nhóm gốc. Ở đây không có shortcode nào và không có trình chỉnh sửa thứ hai nào mở ra.

Tìm khối theo tên, mô tả hoặc từ khóa

Đang hiển thị tất cả 209 khối

### Posts

31 khối, được liệt kê dưới mục Posts trong bộ chèn khối.

#### Academic Works Miễn phí

Bản ghi portfolio theo phong cách thiết kế học thuật: các hàng sách, thẻ bài báo tạp chí, và chi tiết của chính bản ghi trên trang của nó.

#### Agency Works Miễn phí

Hiển thị các dự án Portfolio dưới dạng carousel hoặc lưới theo phong cách agency, hoặc hiển thị một trang dự án đơn lẻ (thuộc tính, nút kêu gọi liên hệ, dự án liên quan).

[Xem trực tiếp: Agency Works trên Portfolio (mở trong tab mới)](https://demos.canvaswp.com/agency/works/)

#### Blog Archive Loop Miễn phí

Blog Loop cho truy vấn chính (index, danh mục, thẻ, tác giả, ngày). Sử dụng các phần partial blog-entry của giao diện và phân trang.

[Xem trực tiếp: Blog Archive Loop trên Trang chủ (mở trong tab mới)](https://demos.canvaswp.com/classic/) 
 [Cài đặt của khối Blog Archive Loop trong tài liệu](https://docs.canvaswp.com/block-blog-archive)

#### Blog Loop Miễn phí

Vòng lặp mục blog có thể kết hợp. Ghép thẻ từng bài viết từ các khối Post Image/Title/Meta/Excerpt; container, phân trang và khung timeline được điều khiển bởi bố cục.

[Xem trực tiếp: Blog Loop trên Blog | Lưới (mở trong tab mới)](https://demos.canvaswp.com/classic/blog-grid/) 
 [Cài đặt của khối Blog Loop trong tài liệu](https://docs.canvaswp.com/block-blog-loop)

#### Blog Single Post Miễn phí

Bố cục bài blog đơn (tiêu đề, thông tin meta, ảnh, nội dung, thẻ, chia sẻ, điều hướng, tác giả, bình luận, bài liên quan + thanh bên). Dành cho single.html.

[Cài đặt của khối Blog Single Post trong tài liệu](https://docs.canvaswp.com/block-blog-single)

#### Construction Projects Miễn phí

Hiển thị dự án từ loại bài viết Projects dưới dạng lưới portfolio (2 đến 5 cột), hoặc hiển thị một trang dự án đơn lẻ (thuộc tính, nút kêu gọi liên hệ, dự án liên quan).

[Xem trực tiếp: Construction Projects trên Dự án | 5 cột (mở trong tab mới)](https://demos.canvaswp.com/construction/projects-5/)

#### Illustrator Works Miễn phí

Các mục portfolio dưới dạng lưới thẻ vuông có thể lọc, với khung màu, hoặc các phần của một trang dự án đơn lẻ.

[Xem trực tiếp: Illustrator Works trên Trang chủ (mở trong tab mới)](https://demos.canvaswp.com/illustrator/)

#### Interior Projects Miễn phí

Hiển thị các dự án studio từ loại bài viết Projects dưới dạng lưới portfolio có bộ lọc, hoặc hiển thị một trang dự án đơn lẻ (thanh chi tiết bên, lời kêu gọi tư vấn, dự án liên quan).

[Xem trực tiếp: Interior Projects trên Stonecroft (mở trong tab mới)](https://demos.canvaswp.com/interior-design/portfolio/stonecroft/)

#### Law Firm Cases Miễn phí

Hiển thị các dự án từ loại bài đăng Portfolio dưới dạng thẻ, hoặc hiển thị một trang dự án đơn lẻ (thuộc tính, nút kêu gọi liên hệ, dự án liên quan).

[Xem trực tiếp: Law Firm Cases trên Dự án gần đây (mở trong tab mới)](https://demos.canvaswp.com/law-firm/recent-cases/)

#### Photo Shots Miễn phí

Hiển thị ảnh từ loại bài viết Shots dưới dạng lưới xem trước mở rộng, hoặc hiển thị một trang shot đơn lẻ (khung ảnh, chi tiết chụp, nút kêu gọi hỏi thông tin, các shot liên quan).

[Xem trực tiếp: Photo Shots trên Khám phá (mở trong tab mới)](https://demos.canvaswp.com/photography/explore/)

#### Post Archive Index Miễn phí

Mỗi bản ghi hiển thị dưới dạng ngày và tiêu đề, có thể nhóm theo năm và tháng: chỉ mục “mọi thứ chúng tôi đã xuất bản”.

[Cài đặt của khối Post Archive Index trong tài liệu](https://docs.canvaswp.com/block-post-archive-index)

#### Post Author Miễn phí

Hiển thị thẻ tiểu sử tác giả bài viết hiện tại, gồm ảnh đại diện, tên hiển thị và phần mô tả tiểu sử.

[Xem trực tiếp: Post Author trên Mạng chậm: Vì sao những trải nghiệm đọc hay nhất đang ngày càng yên tĩnh hơn (mở trong tab mới)](https://demos.canvaswp.com/classic/blog/2026/03/12/the-slow-web/) 
 [Cài đặt của khối Post Author trong tài liệu](https://docs.canvaswp.com/block-post-author)

#### Post Comments Miễn phí

Hiển thị mẫu bình luận WordPress, gồm danh sách bình luận và biểu mẫu gửi bình luận.

[Xem trực tiếp: Post Comments trên Mạng chậm: Vì sao những trải nghiệm đọc hay nhất đang ngày càng yên tĩnh hơn (mở trong tab mới)](https://demos.canvaswp.com/classic/blog/2026/03/12/the-slow-web/) 
 [Cài đặt của khối Post Comments trong tài liệu](https://docs.canvaswp.com/block-post-comments)

#### Post Content Miễn phí

Hiển thị toàn bộ nội dung của bài viết hiện tại, chạy tất cả bộ lọc nội dung bao gồm shortcode và embed.

[Xem trực tiếp: Post Content trên Đây là bài viết Standard có Preview Image (mở trong tab mới)](https://demos.canvaswp.com/classic/blog/2021/02/10/blog-single/) 
 [Cài đặt của khối Post Content trong tài liệu](https://docs.canvaswp.com/block-post-content)

#### Post Date Miễn phí

Chỉ ngày xuất bản, dùng cho dòng tác giả mà Post Meta không hiển thị được.

[Xem trực tiếp: Post Date trên Mạng chậm: Vì sao những trải nghiệm đọc hay nhất đang ngày càng yên tĩnh hơn (mở trong tab mới)](https://demos.canvaswp.com/classic/blog/2026/03/12/the-slow-web/) 
 [Cài đặt của khối Post Date trong tài liệu](https://docs.canvaswp.com/block-post-date)

#### Post Excerpt Miễn phí

Hiển thị đoạn trích rút gọn theo số từ của bài viết hiện tại, với độ dài có thể cấu hình.

[Xem trực tiếp: Post Excerpt trên Blog | Lưới (mở trong tab mới)](https://demos.canvaswp.com/classic/blog-grid/) 
 [Cài đặt của khối Post Excerpt trong tài liệu](https://docs.canvaswp.com/block-post-excerpt)

#### Post Image Miễn phí

Hiển thị ảnh đại diện của bài viết hiện tại, có thể tùy chỉnh kích thước và tùy chọn thêm liên kết cố định.

[Xem trực tiếp: Post Image trên Blog | Nguồn cấp hỗn hợp (mở trong tab mới)](https://demos.canvaswp.com/classic/blog-mixed-feed/) 
 [Cài đặt của khối Post Image trong tài liệu](https://docs.canvaswp.com/block-post-image)

#### Post Media Miễn phí

Khung phương tiện đầu bài của bài viết hiện tại: ảnh đại diện, nhúng video hoặc âm thanh, slider thư viện ảnh, lưới ảnh thu nhỏ, trích dẫn, liên kết hoặc thẻ trạng thái, được chọn theo định dạng bài viết.

[Xem trực tiếp: Post Media trên Blog | Dòng thời gian, thanh bên trái (mở trong tab mới)](https://demos.canvaswp.com/classic/blog-timeline-left-sidebar/) 
 [Cài đặt của khối Post Media trong tài liệu](https://docs.canvaswp.com/block-post-media)

#### Post Meta Miễn phí

Hiển thị meta bài viết có thể cấu hình, bao gồm ngày, tác giả, danh mục và số lượng bình luận.

[Xem trực tiếp: Post Meta trên Blog | Nguồn cấp hỗn hợp (mở trong tab mới)](https://demos.canvaswp.com/classic/blog-mixed-feed/) 
 [Cài đặt của khối Post Meta trong tài liệu](https://docs.canvaswp.com/block-post-meta)

#### Post Navigation Miễn phí

Hiển thị liên kết đến bài viết trước và bài viết tiếp theo của bài đang xem.

[Xem trực tiếp: Post Navigation trên Mạng chậm: Vì sao những trải nghiệm đọc hay nhất đang ngày càng yên tĩnh hơn (mở trong tab mới)](https://demos.canvaswp.com/classic/blog/2026/03/12/the-slow-web/) 
 [Cài đặt của khối Post Navigation trong tài liệu](https://docs.canvaswp.com/block-post-navigation)

#### Post Read More Miễn phí

Hiển thị liên kết hoặc nút Read More trỏ đến đường dẫn tĩnh (permalink) của bài viết hiện tại.

[Xem trực tiếp: Post Read More trên Trang chủ (mở trong tab mới)](https://demos.canvaswp.com/speaker/) 
 [Cài đặt của khối Post Read More trong tài liệu](https://docs.canvaswp.com/block-post-read-more)

#### Post Reading Bar Miễn phí

Hiển thị thời gian đọc, điều khiển cỡ chữ, in ấn và chia sẻ khi cuộn cho bài viết hiện tại.

[Xem trực tiếp: Post Reading Bar trên Đây là bài viết Standard có Preview Image (mở trong tab mới)](https://demos.canvaswp.com/classic/blog/2021/02/10/blog-single/) 
 [Cài đặt của khối Post Reading Bar trong tài liệu](https://docs.canvaswp.com/block-post-reading-bar)

#### Post Reading Time Miễn phí

Thời gian đọc bản ghi, được tính từ chính nội dung của bản ghi.

[Xem trực tiếp: Post Reading Time trên Mạng chậm: Vì sao những trải nghiệm đọc hay nhất đang ngày càng yên tĩnh hơn (mở trong tab mới)](https://demos.canvaswp.com/classic/blog/2026/03/12/the-slow-web/) 
 [Cài đặt của khối Post Reading Time trong tài liệu](https://docs.canvaswp.com/block-post-reading-time)

#### Post Related Miễn phí

Hiển thị lưới các bài viết liên quan thuộc cùng danh mục với bài viết hiện tại.

[Xem trực tiếp: Post Related trên Mạng chậm: Vì sao những trải nghiệm đọc hay nhất đang ngày càng yên tĩnh hơn (mở trong tab mới)](https://demos.canvaswp.com/classic/blog/2026/03/12/the-slow-web/) 
 [Cài đặt của khối Post Related trong tài liệu](https://docs.canvaswp.com/block-post-related)

#### Post Share Miễn phí

Hiển thị liên kết chia sẻ mạng xã hội cho bài viết hiện tại, với các mạng, kiểu và kích thước có thể cấu hình.

[Xem trực tiếp: Post Share trên Event Single (mở trong tab mới)](https://demos.canvaswp.com/classic/event-single/) 
 [Cài đặt của khối Post Share trong tài liệu](https://docs.canvaswp.com/block-post-share)

#### Post Terms Miễn phí

Hiển thị thuật ngữ phân loại (danh mục hoặc thẻ) cho bài viết hiện tại với kiểu văn bản, huy hiệu, nhãn bo tròn, đám mây thẻ hoặc danh mục nội dòng.

[Xem trực tiếp: Post Terms trên Blog | Nguồn cấp hỗn hợp (mở trong tab mới)](https://demos.canvaswp.com/classic/blog-mixed-feed/) 
 [Cài đặt của khối Post Terms trong tài liệu](https://docs.canvaswp.com/block-post-terms)

#### Post Title Miễn phí

Hiển thị tiêu đề bài viết hiện tại trong thẻ tiêu đề có thể cấu hình, kèm liên kết permalink tùy chọn.

[Xem trực tiếp: Post Title trên Blog | Nguồn cấp hỗn hợp (mở trong tab mới)](https://demos.canvaswp.com/classic/blog-mixed-feed/) 
 [Cài đặt của khối Post Title trong tài liệu](https://docs.canvaswp.com/block-post-title)

#### Post Table of Contents Miễn phí

Mục lục các tiêu đề của bài viết, có neo hoạt động và điểm đánh dấu tự động theo dõi vị trí đọc của người đọc.

[Xem trực tiếp: Post Table of Contents trên Hướng dẫn thực tế về design token vượt qua đợt đổi thương hiệu (mở trong tab mới)](https://demos.canvaswp.com/classic/blog/2026/03/05/design-tokens-that-survive-a-rebrand/) 
 [Cài đặt của khối Post Table of Contents trong tài liệu](https://docs.canvaswp.com/block-post-toc)

#### Posts Miễn phí

Truy vấn và hiển thị bài viết theo nhiều bố cục khác nhau, bao gồm lưới, danh sách, masonry và dòng thời gian. Hỗ trợ lọc theo danh mục, thẻ, loại bài đăng tùy chỉnh và sắp xếp.

[Xem trực tiếp: Posts trên Blog | Lưới (mở trong tab mới)](https://demos.canvaswp.com/classic/blog-grid/) 
 [Cài đặt của khối Posts trong tài liệu](https://docs.canvaswp.com/block-posts)

#### Recent Comments Miễn phí

Các bình luận đã duyệt mới nhất trên toàn website, kèm ảnh đại diện, tên và vài từ đầu của người bình luận, liên kết tới chuỗi trả lời.

[Xem trực tiếp: Recent Comments trên Widget (mở trong tab mới)](https://demos.canvaswp.com/classic/widgets/) 
 [Cài đặt của khối Recent Comments trong tài liệu](https://docs.canvaswp.com/block-recent-comments)

#### Resume Works Miễn phí

Hiển thị dự án từ loại bài đăng Works dưới dạng danh sách gọn hoặc lưới ô, hoặc hiển thị một trang dự án đơn lẻ (thuộc tính, CTA, dự án liên quan).

[Xem trực tiếp: Resume Works trên Dự án (mở trong tab mới)](https://demos.canvaswp.com/resume/works/)

### Nội dung

30 khối, được liệt kê trong nhóm Nội dung của bộ chèn khối.

#### Background Video / Audio Miễn phí

Lớp video hoặc âm thanh tự lưu trữ, lặp lại, dùng cho phần hero, nền mục hoặc trình phát tùy chỉnh. Chỉ xuất ra phần tử media, nên phần bao bọc định vị nó vẫn do bạn kiểm soát.

[Xem trực tiếp: Background Video / Audio trên Thao tác với phương tiện (mở trong tab mới)](https://demos.canvaswp.com/classic/media-actions/) 
 [Cài đặt của khối Background Video / Audio trong tài liệu](https://docs.canvaswp.com/block-background-video)

#### Cascading Images Có trong mọi gói

Bố cục ảnh xếp lớp, cho phép điều chỉnh riêng từng ảnh về dịch chuyển, xoay, tỷ lệ, z-index và độ trễ hoạt ảnh, với các hình nền trang trí tùy chọn.

[Xem trực tiếp: Cascading Images trên Cascading Images (mở trong tab mới)](https://demos.canvaswp.com/classic/cascading-images/) 
 [Cài đặt của khối Cascading Images trong tài liệu](https://docs.canvaswp.com/block-cascading-images)

#### Chart Có trong mọi gói

Vẽ biểu đồ từ tập dữ liệu bạn cung cấp, để có thể đọc nhanh các số liệu từ báo cáo hoặc so sánh giá. Loại biểu đồ, dữ liệu và nhãn đều lấy từ cấu hình bạn nhập.

[Xem trực tiếp: Chart trên Dịch vụ - Bố cục 1 (mở trong tab mới)](https://demos.canvaswp.com/classic/services/) 
 [Cài đặt của khối Chart trong tài liệu](https://docs.canvaswp.com/block-chart)

#### Circle Stack Có trong mọi gói

Một dãy ngang gồm các ảnh đại diện tròn, biểu tượng hoặc huy hiệu văn bản: phù hợp để giới thiệu đội ngũ, minh chứng xã hội và hiển thị số lượng người theo dõi.

[Xem trực tiếp: Circle Stack trên Circle Stacks (mở trong tab mới)](https://demos.canvaswp.com/classic/circle-stack/) 
 [Cài đặt của khối Circle Stack trong tài liệu](https://docs.canvaswp.com/block-circle-stack)

#### Khách hàng Miễn phí

Hiển thị logo khách hàng, đối tác hoặc thương hiệu trong lưới responsive hoặc owl-carousel, với liên kết và hỗ trợ lightbox tùy chọn.

[Xem trực tiếp: Khách hàng trên Khách hàng (mở trong tab mới)](https://demos.canvaswp.com/classic/clients/) 
 [Cài đặt của khối Khách hàng trong tài liệu](https://docs.canvaswp.com/block-clients)

#### Data Table Có trong mọi gói

Sắp xếp các hàng và cột thông tin có cấu trúc, chẳng hạn như danh sách thông số hoặc bảng so sánh gói, với tiêu đề cột để khách truy cập có thể sắp xếp và một hàng tóm tắt tùy chọn ở cuối.

[Xem trực tiếp: Data Table trên User Profile (mở trong tab mới)](https://demos.canvaswp.com/classic/profile/) 
 [Cài đặt của khối Data Table trong tài liệu](https://docs.canvaswp.com/block-data-table)

#### Map Miễn phí

Bản đồ Google Maps hoặc OpenStreetMap với điểm đánh dấu tùy chỉnh, mức thu phóng và, trên Google Maps, ghi đè loại bản đồ và kiểu hiển thị.

[Xem trực tiếp: Map trên Bản đồ (mở trong tab mới)](https://demos.canvaswp.com/classic/maps/) 
 [Cài đặt của khối Map trong tài liệu](https://docs.canvaswp.com/block-google-map)

#### Hover Card Miễn phí

Thẻ hình ảnh nghiêng 3D theo con trỏ chuột, với tiêu đề và chú thích danh mục nổi lên về phía người xem.

[Xem trực tiếp: Hover Card trên Hover Parallax (mở trong tab mới)](https://demos.canvaswp.com/classic/hover-parallax/) 
 [Cài đặt của khối Hover Card trong tài liệu](https://docs.canvaswp.com/block-hover-card)

#### Icon Browser Miễn phí

Lưới tham khảo có thể tìm kiếm gồm mọi biểu tượng trong các bộ icon đã bật.

[Xem trực tiếp: Icon Browser trên Biểu tượng (mở trong tab mới)](https://demos.canvaswp.com/classic/icons/) 
 [Cài đặt của khối Icon Browser trong tài liệu](https://docs.canvaswp.com/block-icon-browser)

#### Inline SVG Miễn phí

Biểu tượng vector được vẽ từ dữ liệu đường dẫn SVG, với kích thước, màu sắc, viewBox và độ mờ theo từng lớp làm các điều khiển trên thanh bên.

[Xem trực tiếp: Inline SVG trên Bảng giá (mở trong tab mới)](https://demos.canvaswp.com/classic/pricing/) 
 [Cài đặt của khối Inline SVG trong tài liệu](https://docs.canvaswp.com/block-inline-svg)

#### Link Tiles Miễn phí

Lưới các ô biểu tượng kèm nhãn, mỗi ô liên kết tới một trang. Các ô trỏ tới trang không tồn tại sẽ bị bỏ qua.

[Xem trực tiếp: Link Tiles trên Nhóm danh sách & thẻ (mở trong tab mới)](https://demos.canvaswp.com/classic/lists-cards/) 
 [Cài đặt của khối Link Tiles trong tài liệu](https://docs.canvaswp.com/block-link-tiles)

#### Lists & Cards Miễn phí

Danh sách và thẻ dựa trên Bootstrap với nhiều kiểu, màu sắc và bố cục.

[Xem trực tiếp: Lists & Cards trên Nhóm danh sách & thẻ (mở trong tab mới)](https://demos.canvaswp.com/classic/lists-cards/) 
 [Cài đặt của khối Lists & Cards trong tài liệu](https://docs.canvaswp.com/block-list-cards)

#### Media Embed Miễn phí

Thêm trình phát video hoặc âm thanh vào trang từ dịch vụ lưu trữ, từ tệp bạn đã tải lên hoặc từ địa chỉ nhúng do nhà cung cấp gửi cho bạn, với tỷ lệ khung hình bạn chọn.

[Xem trực tiếp: Media Embed trên Nhúng phương tiện (mở trong tab mới)](https://demos.canvaswp.com/classic/media-embeds/) 
 [Cài đặt của khối Media Embed trong tài liệu](https://docs.canvaswp.com/block-media-embed)

#### Nav Tree Miễn phí

Cây liên kết nhiều cấp có thụt lề: danh sách điều hướng mà bảng bên hoặc thanh bên tài liệu sử dụng.

[Cài đặt của khối Nav Tree trong tài liệu](https://docs.canvaswp.com/block-nav-tree)

#### Navbar Miễn phí

Thanh điều hướng thu gọn được, gồm thương hiệu, nút menu hamburger, liên kết thả xuống và tùy chọn biểu mẫu tìm kiếm, nút hoặc văn bản ở cuối.

[Xem trực tiếp: Navbar trên Điều hướng (mở trong tab mới)](https://demos.canvaswp.com/classic/navigation/) 
 [Cài đặt của khối Navbar trong tài liệu](https://docs.canvaswp.com/block-navbar)

#### Overlay Content Miễn phí

Một lớp nội dung nằm trong lớp phủ: được căn chỉnh, tùy chọn có mặt nạ, với biểu tượng kích hoạt và các khối lồng nhau.

[Xem trực tiếp: Overlay Content trên Lớp phủ mục (mở trong tab mới)](https://demos.canvaswp.com/classic/item-overlays/) 
 [Cài đặt của khối Overlay Content trong tài liệu](https://docs.canvaswp.com/block-overlay-content)

#### Overlay Item Miễn phí

Thẻ hình ảnh với lớp phủ xếp chồng lên trên: huy hiệu, lớp tô màu và một hoặc nhiều lớp nội dung phủ.

[Xem trực tiếp: Overlay Item trên Lớp phủ mục (mở trong tab mới)](https://demos.canvaswp.com/classic/item-overlays/) 
 [Cài đặt của khối Overlay Item trong tài liệu](https://docs.canvaswp.com/block-overlay-item)

#### Tiêu đề trang Miễn phí

Thanh tiêu đề trang / hero. Thả tiêu đề, phụ đề và breadcrumb vào bên trong; chọn căn lề, ảnh nền, hiệu ứng parallax và bảng màu tối.

[Xem trực tiếp: Tiêu đề trang trên Bố cục Tiêu đề trang căn trái (mở trong tab mới)](https://demos.canvaswp.com/classic/page-title/) 
 [Cài đặt của khối Tiêu đề trang trong tài liệu](https://docs.canvaswp.com/block-page-title)

#### Page Title Buttons Miễn phí

Các nút hành động trong dải tiêu đề trang. Đọc nút riêng của từng trang ở chế độ động, hoặc hiển thị các nút bạn tạo tại đây. Nút không có liên kết sẽ trở thành nút kích hoạt cuộn trang.

[Xem trực tiếp: Page Title Buttons trên Nút (mở trong tab mới)](https://demos.canvaswp.com/classic/buttons/) 
 [Cài đặt của khối Page Title Buttons trong tài liệu](https://docs.canvaswp.com/block-page-title-buttons)

#### Particles Miễn phí

Lớp nền hạt chuyển động cho một phần: mạng lưới đường, trường sao, bong bóng, tuyết hoặc low poly.

[Xem trực tiếp: Particles trên Particles (mở trong tab mới)](https://demos.canvaswp.com/classic/particles/) 
 [Cài đặt của khối Particles trong tài liệu](https://docs.canvaswp.com/block-particles)

#### Preloader Miễn phí

Một chỉ báo tải CSS có hiệu ứng chuyển động, với bất kỳ kiểu loader nào trong hệ thống thiết kế.

[Xem trực tiếp: Preloader trên Preloaders (mở trong tab mới)](https://demos.canvaswp.com/classic/preloaders/) 
 [Cài đặt của khối Preloader trong tài liệu](https://docs.canvaswp.com/block-preloader)

#### Pricing Switcher Có trong mọi gói

Công tắc bật/tắt điều khiển cách hiển thị giá hằng tháng/hằng năm (hoặc bất kỳ hai trạng thái nào) trên các khối Pricing Table được ghép đôi.

[Xem trực tiếp: Pricing Switcher trên Bảng giá (mở trong tab mới)](https://demos.canvaswp.com/classic/pricing/) 
 [Cài đặt của khối Pricing Switcher trong tài liệu](https://docs.canvaswp.com/block-pricing-switcher)

#### Q&A Item Miễn phí

Một câu hỏi và câu trả lời, mỗi cái có nhãn riêng: khối xây dựng của một cuộc phỏng vấn.

[Xem trực tiếp: Q&A Item trên Jane Doe về Hai mươi năm xây dựng kiểu chữ (mở trong tab mới)](https://demos.canvaswp.com/classic/blog/2026/02/11/jane-doe-on-building-type/) 
 [Cài đặt của khối Q&A Item trong tài liệu](https://docs.canvaswp.com/block-qa-item)

#### Rounded Skill Miễn phí

Một vòng kỹ năng tròn, đầy dần theo tỷ lệ phần trăm, hiển thị con số, nội dung của bạn, biểu tượng hoặc bộ đếm ở giữa.

[Xem trực tiếp: Rounded Skill trên Biểu đồ tròn & Kỹ năng (mở trong tab mới)](https://demos.canvaswp.com/classic/pie-skills/) 
 [Cài đặt của khối Rounded Skill trong tài liệu](https://docs.canvaswp.com/block-rounded-skill)

#### Scroll Arrow Có trong mọi gói

Mũi tên cuộn xuống có hoạt ảnh dành cho các phần hero: cuộn mượt đến neo của phần đích.

[Xem trực tiếp: Scroll Arrow trên Cửa hàng khuyến mãi Giáng sinh (mở trong tab mới)](https://demos.canvaswp.com/xmas/) 
 [Cài đặt của khối Scroll Arrow trong tài liệu](https://docs.canvaswp.com/block-scroll-arrow)

#### Star Rating Miễn phí

Đánh giá sao được đặt dưới dạng một điểm số duy nhất. Hỗ trợ nửa sao, biểu tượng tùy chỉnh và phần tử bao bọc tùy chọn.

[Xem trực tiếp: Star Rating trên Kết quả (mở trong tab mới)](https://demos.canvaswp.com/beauty-kit/results/) 
 [Cài đặt của khối Star Rating trong tài liệu](https://docs.canvaswp.com/block-star-rating)

#### Lời chứng thực Miễn phí

Hiển thị nhận xét của khách hàng về bạn dưới dạng lưới, băng chuyền xoay vòng hoặc bong bóng thoại, với tên tác giả, ảnh và đánh giá sao cho mỗi trích dẫn.

[Xem trực tiếp: Lời chứng thực trên Lời chứng thực & Twitter (mở trong tab mới)](https://demos.canvaswp.com/classic/testimonials-twitter/) 
 [Cài đặt của khối Lời chứng thực trong tài liệu](https://docs.canvaswp.com/block-testimonials)

#### Thumbnails Miễn phí

Lưới hình thu nhỏ với hiệu ứng khi rê chuột và chú thích tùy chọn. Hỗ trợ lightbox và lớp phủ liên kết.

[Cài đặt của khối Thumbnails trong tài liệu](https://docs.canvaswp.com/block-thumbnails)

#### Ticker Miễn phí

Thanh thông báo cuộn với các mục, hướng, tốc độ và kiểu dáng có thể cấu hình.

[Xem trực tiếp: Ticker trên Ticker (mở trong tab mới)](https://demos.canvaswp.com/classic/ticker/) 
 [Cài đặt của khối Ticker trong tài liệu](https://docs.canvaswp.com/block-ticker)

#### Twitter Feed Miễn phí

Nguồn cấp luân phiên các tweet mới nhất của một tài khoản, được tải khi trang mở. Chọn tài khoản, số lượng tweet hiển thị và bố cục của widget.

[Xem trực tiếp: Twitter Feed trên Widget (mở trong tab mới)](https://demos.canvaswp.com/classic/widgets/) 
 [Cài đặt của khối Twitter Feed trong tài liệu](https://docs.canvaswp.com/block-twitter-feed)

### Canvas

29 khối, được liệt kê dưới Canvas trong trình chèn khối.

#### Alert Miễn phí

Hộp cảnh báo và thông báo sử dụng alert của Bootstrap hoặc hệ thống style-msg của Canvas. Hỗ trợ các biến thể nền đặc, có viền và mở rộng, với biểu tượng và nút đóng tùy chọn.

[Xem trực tiếp: Alert trên Hộp kiểu dáng (mở trong tab mới)](https://demos.canvaswp.com/classic/style-boxes/) 
 [Cài đặt của khối Alert trong tài liệu](https://docs.canvaswp.com/block-alert)

#### Nút Miễn phí

Nút đầy đủ tính năng với các biến thể kiểu dáng, kích thước, hình dạng, màu sắc, biểu tượng, hiệu ứng khi di chuột và tùy chọn bóng đổ.

[Xem trực tiếp: Nút trên Nút (mở trong tab mới)](https://demos.canvaswp.com/classic/buttons/) 
 [Cài đặt của khối Nút trong tài liệu](https://docs.canvaswp.com/block-button)

#### Code Highlight Có trong mọi gói

Khối mã có tô sáng cú pháp, được hỗ trợ bởi Prism.js. Hỗ trợ hơn 15 ngôn ngữ, kèm nút sao chép vào bộ nhớ tạm tùy chọn.

[Xem trực tiếp: Code Highlight trên Bộ tô sáng mã (mở trong tab mới)](https://demos.canvaswp.com/classic/code-highlighter/) 
 [Cài đặt của khối Code Highlight trong tài liệu](https://docs.canvaswp.com/block-code-highlight)

#### Bộ đếm Miễn phí

Bộ đếm số động với biểu tượng, tiền tố/hậu tố và nhãn chú thích.

[Xem trực tiếp: Bộ đếm trên Bộ đếm (mở trong tab mới)](https://demos.canvaswp.com/classic/counters/) 
 [Cài đặt của khối Bộ đếm trong tài liệu](https://docs.canvaswp.com/block-counter)

#### Divider Miễn phí

Đường phân cách ngang với biểu tượng tùy chọn, các biến thể kiểu dáng, căn chỉnh, kích thước chiều rộng đặt sẵn và hỗ trợ liên kết cuộn đến.

[Xem trực tiếp: Divider trên Đường phân cách (mở trong tab mới)](https://demos.canvaswp.com/classic/dividers/) 
 [Cài đặt của khối Divider trong tài liệu](https://docs.canvaswp.com/block-divider)

#### Dropcap Miễn phí

Chữ cái viết hoa đầu đoạn có định dạng, kèm nội dung đoạn văn. Hỗ trợ các biến thể dạng hộp, có viền, hình tròn và hình tròn có viền, với vị trí căn trái hoặc căn phải.

[Xem trực tiếp: Dropcap trên Tiêu đề & Chữ lớn đầu đoạn (mở trong tab mới)](https://demos.canvaswp.com/classic/headings-dropcaps/) 
 [Cài đặt của khối Dropcap trong tài liệu](https://docs.canvaswp.com/block-dropcap)

#### Heading Miễn phí

Tiêu đề có kiểu dáng với phụ đề tùy chọn. Hỗ trợ các loại Heading Block, Title Block, Emphasis Title và Fancy Title.

[Xem trực tiếp: Heading trên Tiêu đề & Chữ lớn đầu đoạn (mở trong tab mới)](https://demos.canvaswp.com/classic/headings-dropcaps/) 
 [Cài đặt của khối Heading trong tài liệu](https://docs.canvaswp.com/block-heading)

#### Highlight Miễn phí

Văn bản nổi bật với các biến thể kiểu có thể cấu hình, bao gồm bút đánh dấu, gạch chân, gradient, viền và chỉ chữ. Hỗ trợ nội dung trước/sau tùy chọn bao quanh và bất kỳ thẻ HTML cấp khối nào.

[Cài đặt của khối Highlight trong tài liệu](https://docs.canvaswp.com/block-highlight)

#### Icon Box Miễn phí

Hộp tính năng với biểu tượng, tiêu đề và mô tả. Hỗ trợ nhiều kiểu biểu tượng, kích thước, bố cục và hiệu ứng khi di chuột.

[Xem trực tiếp: Icon Box trên Hộp nổi bật (mở trong tab mới)](https://demos.canvaswp.com/classic/featured-boxes/) 
 [Cài đặt của khối Icon Box trong tài liệu](https://docs.canvaswp.com/block-icon-box)

#### Icon List Miễn phí

Danh sách biểu tượng với các mục lặp lại. Mỗi mục có một biểu tượng (lớp CSS), nhãn văn bản và liên kết tùy chọn. Hỗ trợ các biến thể kích thước mặc định, lớn và cực lớn.

[Xem trực tiếp: Icon List trên Danh sách biểu tượng (mở trong tab mới)](https://demos.canvaswp.com/classic/icon-lists/) 
 [Cài đặt của khối Icon List trong tài liệu](https://docs.canvaswp.com/block-icon-list)

#### Login Form Có trong mọi gói

Hiển thị biểu mẫu đăng nhập WordPress với kiểu Canvas. Hiển thị lời chào mừng cho người dùng đã đăng nhập.

[Xem trực tiếp: Login Form trên Đăng nhập & Đăng ký (mở trong tab mới)](https://demos.canvaswp.com/classic/login-register/) 
 [Cài đặt của khối Login Form trong tài liệu](https://docs.canvaswp.com/block-login-form)

#### Notification Miễn phí

Hiển thị thông báo dạng toast khi nhấp vào nút hoặc tự động khi tải trang.

[Xem trực tiếp: Notification trên Thông báo (mở trong tab mới)](https://demos.canvaswp.com/classic/notifications/) 
 [Cài đặt của khối Notification trong tài liệu](https://docs.canvaswp.com/block-notification)

#### Page Title Breadcrumbs Miễn phí

Hiển thị đường dẫn breadcrumb (Trang chủ > Trang cha > Hiện tại) cho trang hoặc bài viết hiện tại.

[Xem trực tiếp: Page Title Breadcrumbs trên Bố cục Tiêu đề trang căn trái (mở trong tab mới)](https://demos.canvaswp.com/classic/page-title/) 
 [Cài đặt của khối Page Title Breadcrumbs trong tài liệu](https://docs.canvaswp.com/block-page-title-breadcrumbs)

#### Page Title Heading Miễn phí

Hiển thị tiêu đề trang / bài viết dưới dạng tiêu đề. Hỗ trợ chế độ nguồn động (theo ngữ cảnh) và tĩnh (văn bản cố định).

[Xem trực tiếp: Page Title Heading trên Bố cục Tiêu đề trang căn trái (mở trong tab mới)](https://demos.canvaswp.com/classic/page-title/) 
 [Cài đặt của khối Page Title Heading trong tài liệu](https://docs.canvaswp.com/block-page-title-heading)

#### Page Title Subtitle Miễn phí

Hiển thị phụ đề trang. Đọc meta _canvas_page_subtitle ở chế độ động, hoặc hiển thị văn bản tùy chỉnh ở chế độ tĩnh.

[Xem trực tiếp: Page Title Subtitle trên Bố cục Tiêu đề trang căn trái (mở trong tab mới)](https://demos.canvaswp.com/classic/page-title/) 
 [Cài đặt của khối Page Title Subtitle trong tài liệu](https://docs.canvaswp.com/block-page-title-subtitle)

#### Plain Image Miễn phí

Phần tử img thuần (không có thẻ figure bao ngoài) với khả năng kiểm soát lớp chính xác, liên kết tùy chọn và cặp srcset retina (2x) tùy chọn.

[Xem trực tiếp: Plain Image trên Shape Dividers (mở trong tab mới)](https://demos.canvaswp.com/classic/shape-dividers/) 
 [Cài đặt của khối Plain Image trong tài liệu](https://docs.canvaswp.com/block-plain-image)

#### Portfolio Excerpt Có trong mọi gói

Hiển thị đoạn trích rút gọn cho mục portfolio hiện tại.

[Xem trực tiếp: Portfolio Excerpt trên Open Imagination (mở trong tab mới)](https://demos.canvaswp.com/project/portfolio/open-imagination/) 
 [Cài đặt của khối Portfolio Excerpt trong tài liệu](https://docs.canvaswp.com/block-portfolio-excerpt)

#### Pricing Table Có trong mọi gói

Thẻ hộp giá linh hoạt. Hỗ trợ các bố cục mặc định, đơn giản, tối giản và mở rộng, kèm bộ chuyển đổi giá, danh sách tính năng và nút CTA tùy chọn.

[Xem trực tiếp: Pricing Table trên Bảng giá (mở trong tab mới)](https://demos.canvaswp.com/classic/pricing/) 
 [Cài đặt của khối Pricing Table trong tài liệu](https://docs.canvaswp.com/block-pricing-table)

#### Process Steps Miễn phí

Chỉ báo bước đánh số hoặc dùng biểu tượng, với các đường nối nét đứt. Tùy chọn bật nội dung tab Bootstrap 5 kèm điều hướng trước/sau.

[Xem trực tiếp: Process Steps trên Process Steps (mở trong tab mới)](https://demos.canvaswp.com/classic/process-steps/) 
 [Cài đặt của khối Process Steps trong tài liệu](https://docs.canvaswp.com/block-process-steps)

#### Progress Bar Miễn phí

Thanh kỹ năng/tiến trình có hoạt ảnh, kèm bộ đếm phần trăm, hướng ngang hoặc dọc, và các mẫu sọc Bootstrap.

[Xem trực tiếp: Progress Bar trên Thanh tiến trình & Kỹ năng (mở trong tab mới)](https://demos.canvaswp.com/classic/progress-skills/) 
 [Cài đặt của khối Progress Bar trong tài liệu](https://docs.canvaswp.com/block-progress-bar)

#### Promo Box Miễn phí

Hộp kêu gọi hành động quảng bá với tiêu đề, phụ đề và nút CTA. Hỗ trợ các kiểu mặc định, viền, sáng và tối.

[Xem trực tiếp: Promo Box trên Hộp khuyến mãi (mở trong tab mới)](https://demos.canvaswp.com/classic/promo-boxes/) 
 [Cài đặt của khối Promo Box trong tài liệu](https://docs.canvaswp.com/block-promo-box)

#### Quote Miễn phí

Khối trích dẫn với kiểu viền mặc định, kiểu biểu tượng trích dẫn và kiểu bong bóng thoại. Hỗ trợ căn chỉnh ngược chiều, chân trích dẫn và tùy chỉnh màu viền/biểu tượng (không bắt buộc).

[Xem trực tiếp: Quote trên Trích dẫn & Khối trích dẫn (mở trong tab mới)](https://demos.canvaswp.com/classic/quotes-blockquotes/) 
 [Cài đặt của khối Quote trong tài liệu](https://docs.canvaswp.com/block-quote)

#### Read More Miễn phí

Khu vực nội dung thu gọn được, có hiệu ứng mở rộng và thu gọn khi nhấn vào liên kết đọc thêm.

[Xem trực tiếp: Read More trên Read More (mở trong tab mới)](https://demos.canvaswp.com/classic/read-more/) 
 [Cài đặt của khối Read More trong tài liệu](https://docs.canvaswp.com/block-read-more)

#### Register Form Có trong mọi gói

Biểu mẫu đăng ký người dùng với kiểu dáng Canvas. Yêu cầu bật tính năng đăng ký người dùng trong cài đặt WordPress.

[Xem trực tiếp: Register Form trên Đăng nhập & Đăng ký (mở trong tab mới)](https://demos.canvaswp.com/classic/login-register/) 
 [Cài đặt của khối Register Form trong tài liệu](https://docs.canvaswp.com/block-register-form)

#### Shape Divider Miễn phí

Đường phân cách hình khối SVG mang tính trang trí để chuyển tiếp giữa các phần.

[Xem trực tiếp: Shape Divider trên Shape Dividers (mở trong tab mới)](https://demos.canvaswp.com/classic/shape-dividers/) 
 [Cài đặt của khối Shape Divider trong tài liệu](https://docs.canvaswp.com/block-shape-divider)

#### Social Icons Miễn phí

Nhóm liên kết biểu tượng mạng xã hội có hiệu ứng khi di chuột, nhiều kiểu dáng, kích thước và tùy chọn ghim cố định khi cuộn.

[Xem trực tiếp: Social Icons trên Social Icons (mở trong tab mới)](https://demos.canvaswp.com/classic/social-icons/) 
 [Cài đặt của khối Social Icons trong tài liệu](https://docs.canvaswp.com/block-social-icons)

#### Stat List Miễn phí

Danh sách các con số, mỗi mục gồm một giá trị in đậm kèm nhãn ngắn, ví dụ số năm kinh nghiệm, số dự án ra mắt hoặc giải thưởng.

[Xem trực tiếp: Stat List trên Đội ngũ (mở trong tab mới)](https://demos.canvaswp.com/classic/team/) 
 [Cài đặt của khối Stat List trong tài liệu](https://docs.canvaswp.com/block-stat-list)

#### Styled Icon Miễn phí

Biểu tượng độc lập với kiểu đặc, có viền hoặc đơn giản, các biến thể hình dạng, tùy chọn màu sắc và liên kết tùy chọn.

[Xem trực tiếp: Styled Icon trên Biểu tượng được tạo kiểu (mở trong tab mới)](https://demos.canvaswp.com/classic/styled-icons/) 
 [Cài đặt của khối Styled Icon trong tài liệu](https://docs.canvaswp.com/block-styled-icon)

#### Team Member Miễn phí

Một thành viên nhóm với ảnh, tên, vai trò, tiểu sử, liên kết mạng xã hội và số liệu, dưới dạng thẻ, hàng danh sách, thẻ thống kê, thẻ xếp chồng hoặc ảnh chân dung lãnh đạo.

[Xem trực tiếp: Team Member trên Đội ngũ (mở trong tab mới)](https://demos.canvaswp.com/classic/team/) 
 [Cài đặt của khối Team Member trong tài liệu](https://docs.canvaswp.com/block-team-card)

### Tương tác

25 khối, được liệt kê trong nhóm Interactive ở trình chèn khối.

#### Accordion Miễn phí

Xếp chồng các khung có tiêu đề có thể mở và thu lại, để một loạt câu hỏi hoặc tài liệu tham khảo dài vừa trên một trang và khách truy cập chỉ mở rộng phần họ cần.

[Xem trực tiếp: Accordion trên Toggle & Accordion (mở trong tab mới)](https://demos.canvaswp.com/classic/toggles-accordions/) 
 [Cài đặt của khối Accordion trong tài liệu](https://docs.canvaswp.com/block-accordion)

#### AJAX Button Miễn phí

Nút tải nội dung bên ngoài qua AJAX vào một vùng chứa. Hỗ trợ các chế độ chèn: thêm vào cuối, thêm vào đầu và thay thế.

[Xem trực tiếp: AJAX Button trên AJAX Button (mở trong tab mới)](https://demos.canvaswp.com/classic/ajax-button/) 
 [Cài đặt của khối AJAX Button trong tài liệu](https://docs.canvaswp.com/block-ajax-button)

#### Băng chuyền Miễn phí

Băng chuyền owl-carousel đáp ứng với số lượng mục theo từng điểm ngắt, tự động chạy, mũi tên điều hướng, chấm, lightbox và hỗ trợ tải chậm.

[Xem trực tiếp: Băng chuyền trên Băng chuyền (mở trong tab mới)](https://demos.canvaswp.com/classic/carousel/) 
 [Cài đặt của khối Băng chuyền trong tài liệu](https://docs.canvaswp.com/block-carousel)

#### Countdown Có trong mọi gói

Bộ đếm ngược hoặc đếm lên chạy bằng plugin jQuery countdown.

[Xem trực tiếp: Countdown trên Bộ đếm (mở trong tab mới)](https://demos.canvaswp.com/classic/counters/) 
 [Cài đặt của khối Countdown trong tài liệu](https://docs.canvaswp.com/block-countdown)

#### Flip Card Có trong mọi gói

Một thẻ lật 3D với mặt trước và mặt sau, mỗi mặt có nền riêng, lật khi di chuột vào.

[Xem trực tiếp: Flip Card trên Flip Cards (mở trong tab mới)](https://demos.canvaswp.com/classic/flip-cards/) 
 [Cài đặt của khối Flip Card trong tài liệu](https://docs.canvaswp.com/block-flip-card)

#### Gallery Miễn phí

Thư viện ảnh hỗ trợ bố cục masonry, số cột tùy chỉnh, điều chỉnh khoảng cách và lightbox tùy chọn.

[Xem trực tiếp: Gallery trên Gallery (mở trong tab mới)](https://demos.canvaswp.com/classic/gallery/) 
 [Cài đặt của khối Gallery trong tài liệu](https://docs.canvaswp.com/block-gallery)

#### Cookie Consent Miễn phí

Thanh đồng ý cookie với hộp thoại tùy chọn quyền riêng tư và công tắc đồng ý theo từng dịch vụ.

[Xem trực tiếp: Cookie Consent trên Bố cục GDPR 2 (mở trong tab mới)](https://demos.canvaswp.com/classic/gdpr-layout-2/) 
 [Cài đặt của khối Cookie Consent trong tài liệu](https://docs.canvaswp.com/block-gdpr-consent)

#### Hover 3D Miễn phí

Thẻ có hiệu ứng nghiêng 3D bằng CSS khi di chuyển chuột, được hỗ trợ bởi mô-đun JS của giao diện.

[Cài đặt của khối Hover 3D trong tài liệu](https://docs.canvaswp.com/block-hover-3d)

#### Image Compare Có trong mọi gói

Thanh trượt so sánh hình ảnh trước và sau, tùy chỉnh hướng, độ lệch, kiểu tay nắm và nhãn ở hai bên.

[Xem trực tiếp: Image Compare trên Image Compare (mở trong tab mới)](https://demos.canvaswp.com/classic/image-compare/) 
 [Cài đặt của khối Image Compare trong tài liệu](https://docs.canvaswp.com/block-image-compare)

#### Image Hotspot Có trong mọi gói

Hình ảnh tương tác với các điểm đánh dấu được đặt sẵn, hiển thị chú thích khi di chuột hoặc nhấp.

[Xem trực tiếp: Image Hotspot trên Điểm nóng hình ảnh (mở trong tab mới)](https://demos.canvaswp.com/classic/image-hotspot/) 
 [Cài đặt của khối Image Hotspot trong tài liệu](https://docs.canvaswp.com/block-image-hotspot)

#### Image Slider Có trong mọi gói

Trình chiếu ảnh chạy trên FlexSlider với hiệu ứng trượt hoặc mờ dần, tự động phát, mũi tên, chấm điều hướng, điều hướng bằng ảnh thu nhỏ và hỗ trợ vuốt cảm ứng.

[Xem trực tiếp: Image Slider trên Image Sliders (mở trong tab mới)](https://demos.canvaswp.com/classic/image-sliders/) 
 [Cài đặt của khối Image Slider trong tài liệu](https://docs.canvaswp.com/block-image-slider)

#### Modal Có trong mọi gói

Kích hoạt hộp thoại modal / popup từ nút, liên kết hoặc tự động mở khi tải trang.

[Xem trực tiếp: Modal trên Modal & Popover (mở trong tab mới)](https://demos.canvaswp.com/classic/modal-popovers/) 
 [Cài đặt của khối Modal trong tài liệu](https://docs.canvaswp.com/block-modal)

#### Nav Miễn phí

Thanh điều hướng kiểu tab / pill / gạch chân với trạng thái đang hoạt động và vô hiệu hóa, cùng menu thả xuống một cấp.

[Xem trực tiếp: Nav trên Điều hướng (mở trong tab mới)](https://demos.canvaswp.com/classic/navigation/) 
 [Cài đặt của khối Nav trong tài liệu](https://docs.canvaswp.com/block-nav)

#### Off-Canvas Miễn phí

Bảng trượt off-canvas Bootstrap 5 (bắt đầu / kết thúc / trên / dưới), được mở bằng nút hoặc liên kết.

[Xem trực tiếp: Off-Canvas trên Bootstrap Off-Canvas (mở trong tab mới)](https://demos.canvaswp.com/classic/offcanvas/) 
 [Cài đặt của khối Off-Canvas trong tài liệu](https://docs.canvaswp.com/block-off-canvas)

#### Phân trang Miễn phí

Hàng phân trang với kiểu tròn, bo góc, viên thuốc, 3D, trong suốt hoặc dạng nút, có ba kích thước và mọi căn chỉnh.

[Xem trực tiếp: Phân trang trên Phân trang & Thanh tiến trình (mở trong tab mới)](https://demos.canvaswp.com/classic/pagination-progress/) 
 [Cài đặt của khối Phân trang trong tài liệu](https://docs.canvaswp.com/block-pagination)

#### Parallax Image Có trong mọi gói

Phần hình ảnh parallax toàn chiều rộng, với lớp phủ và nội dung tùy chọn.

[Xem trực tiếp: Parallax Image trên Phần tử parallax (mở trong tab mới)](https://demos.canvaswp.com/classic/parallax-elements/) 
 [Cài đặt của khối Parallax Image trong tài liệu](https://docs.canvaswp.com/block-parallax-image)

#### Scroll Reveal Có trong mọi gói

Làm nội dung xuất hiện dần khi người dùng cuộn xuống trang.

[Cài đặt của khối Scroll Reveal trong tài liệu](https://docs.canvaswp.com/block-scroll-reveal)

#### Slider Có trong mọi gói

Nhúng một slider Canvas vào bất kỳ đâu trên trang bằng cách chọn nó. Slide, hiệu ứng, điều hướng và chiều cao được cấu hình trực tiếp trên chính slider đó.

[Xem trực tiếp: Slider trên Đời sống gia đình & Trang trí nội thất (mở trong tab mới)](https://demos.canvaswp.com/home-living/) 
 [Cài đặt của khối Slider trong tài liệu](https://docs.canvaswp.com/block-slider)

#### Tab Strip Miễn phí

Dải tab có các bảng nội dung là khối thông thường ở các vị trí khác trên trang.

[Xem trực tiếp: Tab Strip trên User Profile (mở trong tab mới)](https://demos.canvaswp.com/classic/profile/) 
 [Cài đặt của khối Tab Strip trong tài liệu](https://docs.canvaswp.com/block-tab-nav)

#### Tab Miễn phí

Chia nội dung liên quan thành các tab có nhãn để khách truy cập đọc từng phần một, giúp trang so sánh hoặc thông số kỹ thuật dài vẫn đủ ngắn để lướt nhanh.

[Xem trực tiếp: Tab trên Tab (mở trong tab mới)](https://demos.canvaswp.com/classic/tabs/) 
 [Cài đặt của khối Tab trong tài liệu](https://docs.canvaswp.com/block-tabs)

#### Text Fill Scroll Có trong mọi gói

Tô dần màu chữ khi phần tử cuộn vào khung nhìn.

[Cài đặt của khối Text Fill Scroll trong tài liệu](https://docs.canvaswp.com/block-text-fill-scroll)

#### Text Rotator Miễn phí

Văn bản động xoay vòng hoặc hiệu ứng gõ chữ bên trong phần tử tiêu đề.

[Xem trực tiếp: Text Rotator trên Tiêu đề & Chữ lớn đầu đoạn (mở trong tab mới)](https://demos.canvaswp.com/classic/headings-dropcaps/) 
 [Cài đặt của khối Text Rotator trong tài liệu](https://docs.canvaswp.com/block-text-rotator)

#### Bật/tắt Miễn phí

Ẩn một đoạn nội dung sau tiêu đề mà khách truy cập nhấp vào để hiển thị, dùng cho câu trả lời dài hoặc một nhóm điều khoản không nên chiếm chỗ trên trang theo mặc định.

[Xem trực tiếp: Bật/tắt trên Toggle & Accordion (mở trong tab mới)](https://demos.canvaswp.com/classic/toggles-accordions/) 
 [Cài đặt của khối Bật/tắt trong tài liệu](https://docs.canvaswp.com/block-toggle)

#### Video Facade Miễn phí

Video nhúng tải chậm, nằm sau ảnh thu nhỏ; iframe chỉ tải khi nhấp để trang tải nhanh hơn.

[Cài đặt của khối Video Facade trong tài liệu](https://docs.canvaswp.com/block-video-facade)

#### YouTube Background Miễn phí

Video YouTube phát dưới dạng nền tắt tiếng, chạy phía sau nội dung lớp phủ.

[Xem trực tiếp: YouTube Background trên Chi tiết sự kiện | Video toàn chiều rộng (mở trong tab mới)](https://demos.canvaswp.com/classic/event-single-full-width-video/) 
 [Cài đặt của khối YouTube Background trong tài liệu](https://docs.canvaswp.com/block-youtube-bg)

### WooCommerce

24 khối, được liệt kê dưới WooCommerce trong trình chèn khối.

#### Conference Tickets Có trong mọi gói

Hộp giá cho một danh mục sản phẩm vé, mỗi hộp có ô chọn số lượng và liên kết thêm vào giỏ hàng trực tiếp.

[Xem trực tiếp: Conference Tickets trên Vé (mở trong tab mới)](https://demos.canvaswp.com/conference/tickets/) 
 [Cài đặt của khối Conference Tickets trong tài liệu](https://docs.canvaswp.com/block-conference-tickets)

#### Store Price Filter Có trong mọi gói

Thanh trượt khoảng giá hai núm giúp lọc lưới sản phẩm ngay tại chỗ.

[Xem trực tiếp: Store Price Filter trên Cửa hàng có bộ lọc (mở trong tab mới)](https://demos.canvaswp.com/classic/shop-filter/) 
 [Cài đặt của khối Store Price Filter trong tài liệu](https://docs.canvaswp.com/block-store-price-filter)

#### Wishlist Miễn phí

Các sản phẩm khách hàng đã lưu, kèm giá, tình trạng tồn kho và nút thêm vào giỏ hàng. Đặt nội dung này trên trang được chọn trong Tùy chọn giao diện, mục Wishlist.

[Cài đặt của khối Wishlist trong tài liệu](https://docs.canvaswp.com/block-wishlist)

#### Wishlist Button Miễn phí

Lưu sản phẩm hiện tại vào danh sách yêu thích của khách hàng. Dùng trong mẫu sản phẩm và thẻ sản phẩm.

[Cài đặt của khối Wishlist Button trong tài liệu](https://docs.canvaswp.com/block-wishlist-button)

#### Thêm vào giỏ hàng Có trong mọi gói

Hiển thị biểu mẫu thêm vào giỏ hàng WooCommerce cho sản phẩm hiện tại, với ô nhập số lượng tùy chọn.

[Xem trực tiếp: Thêm vào giỏ hàng trên Váy ngắn kẻ caro (mở trong tab mới)](https://demos.canvaswp.com/classic/product/checked-short-dress/) 
 [Cài đặt của khối Thêm vào giỏ hàng trong tài liệu](https://docs.canvaswp.com/block-woo-add-to-cart)

#### Cart Table Có trong mọi gói

Hiển thị bảng giỏ hàng WooCommerce với các mục hàng, số lượng và tổng tiền.

[Xem trực tiếp: Cart Table trên Giỏ hàng (mở trong tab mới)](https://demos.canvaswp.com/classic/cart/) 
 [Cài đặt của khối Cart Table trong tài liệu](https://docs.canvaswp.com/block-woo-cart-table)

#### Cart Totals Có trong mọi gói

Hiển thị bảng tổng giỏ hàng WooCommerce, bao gồm tạm tính, vận chuyển và nút thanh toán.

[Xem trực tiếp: Cart Totals trên Giỏ hàng (mở trong tab mới)](https://demos.canvaswp.com/classic/cart/) 
 [Cài đặt của khối Cart Totals trong tài liệu](https://docs.canvaswp.com/block-woo-cart-totals)

#### Checkout Billing Có trong mọi gói

Hiển thị biểu mẫu địa chỉ thanh toán của WooCommerce.

[Cài đặt của khối Checkout Billing trong tài liệu](https://docs.canvaswp.com/block-woo-checkout-billing)

#### Checkout Order Review Có trong mọi gói

Hiển thị phần tóm tắt đơn hàng khi thanh toán WooCommerce với các mục hàng và tổng tiền.

[Cài đặt của khối Checkout Order Review trong tài liệu](https://docs.canvaswp.com/block-woo-checkout-order)

#### Cross-Sells Có trong mọi gói

Hiển thị các sản phẩm bán kèm từ giỏ hàng WooCommerce hiện tại. Chỉ hiển thị khi giỏ hàng đang hoạt động và có chứa sản phẩm bán kèm.

[Xem trực tiếp: Cross-Sells trên Giỏ hàng (mở trong tab mới)](https://demos.canvaswp.com/classic/cart/) 
 [Cài đặt của khối Cross-Sells trong tài liệu](https://docs.canvaswp.com/block-woo-cross-sells)

#### WooCommerce Notices Có trong mọi gói

Hiển thị thông báo WooCommerce: lỗi, thông báo thành công hoặc thông tin.

[Xem trực tiếp: WooCommerce Notices trên Giỏ hàng (mở trong tab mới)](https://demos.canvaswp.com/classic/cart/) 
 [Cài đặt của khối WooCommerce Notices trong tài liệu](https://docs.canvaswp.com/block-woo-notices)

#### Product Carousel Có trong mọi gói

Hiển thị sản phẩm WooCommerce trong một owl-carousel có thể cuộn. Hỗ trợ tự động chạy, mũi tên điều hướng, dấu chấm và điểm ngắt responsive.

[Xem trực tiếp: Product Carousel trên Băng chuyền (mở trong tab mới)](https://demos.canvaswp.com/classic/carousel/) 
 [Cài đặt của khối Product Carousel trong tài liệu](https://docs.canvaswp.com/block-woo-product-carousel)

#### Product Categories Có trong mọi gói

Hiển thị danh mục sản phẩm WooCommerce dưới dạng lưới thẻ đáp ứng, với ảnh thu nhỏ, tên và số lượng sản phẩm.

[Xem trực tiếp: Product Categories trên Áo thun cổ tròn màu xanh dương (mở trong tab mới)](https://demos.canvaswp.com/classic/product/blue-round-neck-tshirt/) 
 [Cài đặt của khối Product Categories trong tài liệu](https://docs.canvaswp.com/block-woo-product-categories)

#### Product Gallery Linker Có trong mọi gói

Dải ảnh thu nhỏ chuyển băng chuyền thư viện ảnh sản phẩm đến ảnh bạn nhấp vào.

[Xem trực tiếp: Product Gallery Linker trên Kính Aviator nam (mở trong tab mới)](https://demos.canvaswp.com/classic/product/men-aviator-sunglasses/) 
 [Cài đặt của khối Product Gallery Linker trong tài liệu](https://docs.canvaswp.com/block-woo-product-gallery-linker)

#### Product Images Có trong mọi gói

Hiển thị ảnh đại diện sản phẩm WooCommerce và các ảnh thu nhỏ thư viện tùy chọn.

[Xem trực tiếp: Product Images trên Váy ngắn kẻ caro (mở trong tab mới)](https://demos.canvaswp.com/classic/product/checked-short-dress/) 
 [Cài đặt của khối Product Images trong tài liệu](https://docs.canvaswp.com/block-woo-product-images)

#### Product Meta Có trong mọi gói

Hiển thị thẻ thông tin sản phẩm: SKU, danh mục và thẻ.

[Xem trực tiếp: Product Meta trên Váy ngắn kẻ caro (mở trong tab mới)](https://demos.canvaswp.com/classic/product/checked-short-dress/) 
 [Cài đặt của khối Product Meta trong tài liệu](https://docs.canvaswp.com/block-woo-product-meta)

#### Product Price Có trong mọi gói

Hiển thị giá sản phẩm WooCommerce, bao gồm giá khuyến mãi và định dạng tiền tệ.

[Xem trực tiếp: Product Price trên Váy ngắn kẻ caro (mở trong tab mới)](https://demos.canvaswp.com/classic/product/checked-short-dress/) 
 [Cài đặt của khối Product Price trong tài liệu](https://docs.canvaswp.com/block-woo-product-price)

#### Product Rating Có trong mọi gói

Hiển thị đánh giá sao và tùy chọn số lượt đánh giá cho sản phẩm WooCommerce hiện tại.

[Xem trực tiếp: Product Rating trên Váy ngắn kẻ caro (mở trong tab mới)](https://demos.canvaswp.com/classic/product/checked-short-dress/) 
 [Cài đặt của khối Product Rating trong tài liệu](https://docs.canvaswp.com/block-woo-product-rating)

#### Product Share Có trong mọi gói

Hiển thị thẻ “Chia sẻ:” với các liên kết chia sẻ mạng xã hội cho sản phẩm WooCommerce hiện tại.

[Xem trực tiếp: Product Share trên Váy ngắn kẻ caro (mở trong tab mới)](https://demos.canvaswp.com/classic/product/checked-short-dress/) 
 [Cài đặt của khối Product Share trong tài liệu](https://docs.canvaswp.com/block-woo-product-share)

#### Product Short Description Có trong mọi gói

Hiển thị mô tả ngắn của sản phẩm với cấu trúc đoạn văn được giữ nguyên.

[Xem trực tiếp: Product Short Description trên Váy ngắn kẻ caro (mở trong tab mới)](https://demos.canvaswp.com/classic/product/checked-short-dress/) 
 [Cài đặt của khối Product Short Description trong tài liệu](https://docs.canvaswp.com/block-woo-product-short-description)

#### Product Tabs Có trong mọi gói

Hiển thị các tab dữ liệu sản phẩm WooCommerce: Mô tả, Thông tin bổ sung và Đánh giá.

[Xem trực tiếp: Product Tabs trên Váy ngắn kẻ caro (mở trong tab mới)](https://demos.canvaswp.com/classic/product/checked-short-dress/) 
 [Cài đặt của khối Product Tabs trong tài liệu](https://docs.canvaswp.com/block-woo-product-tabs)

#### Sản phẩm Có trong mọi gói

Hiển thị sản phẩm WooCommerce theo dạng lưới hoặc danh sách. Lọc theo nguồn, danh mục, thẻ và thứ tự sắp xếp.

[Xem trực tiếp: Sản phẩm trên Sản phẩm (mở trong tab mới)](https://demos.canvaswp.com/classic/shop/) 
 [Cài đặt của khối Sản phẩm trong tài liệu](https://docs.canvaswp.com/block-woo-products)

#### Related Products Có trong mọi gói

Hiển thị lưới sản phẩm WooCommerce liên quan đến sản phẩm hiện tại. Chỉ hiển thị trên các mẫu trang sản phẩm đơn.

[Xem trực tiếp: Related Products trên Váy ngắn kẻ caro (mở trong tab mới)](https://demos.canvaswp.com/classic/product/checked-short-dress/) 
 [Cài đặt của khối Related Products trong tài liệu](https://docs.canvaswp.com/block-woo-related-products)

#### Variation Swatches Có trong mọi gói

Chấm màu hoặc nút dạng viên thuốc để chọn biến thể của sản phẩm có nhiều tùy chọn.

[Xem trực tiếp: Variation Swatches trên Pink Printed Dress (mở trong tab mới)](https://demos.canvaswp.com/classic/product/pink-printed-dress-colors/) 
 [Cài đặt của khối Variation Swatches trong tài liệu](https://docs.canvaswp.com/block-woo-variation-swatches)

### Header

22 khối, được liệt kê trong nhóm Header ở công cụ chèn khối.

#### App Menu Miễn phí

Thanh điều hướng kiểu ứng dụng ghim ở cuối màn hình trên thiết bị nhỏ.

[Xem trực tiếp: App Menu trên Menu - Kiểu ứng dụng 1 (mở trong tab mới)](https://demos.canvaswp.com/classic/menu-app-1/) 
 [Cài đặt của khối App Menu trong tài liệu](https://docs.canvaswp.com/block-app-menu)

#### Color Scheme Toggle Miễn phí

Nút chuyển chế độ tối cho khách truy cập. Hiển thị trên trang khi Dark Mode Switch được bật trong Tùy chọn giao diện > Color Scheme > Dark Mode, với vị trí bao gồm header.

[Cài đặt của khối Color Scheme Toggle trong tài liệu](https://docs.canvaswp.com/block-color-scheme-toggle)

#### Header Button Miễn phí

Nút/liên kết kêu gọi hành động cho header đã tạo, được định kiểu bằng các lớp nút của giao diện.

[Xem trực tiếp: Header Button trên Trang chủ (mở trong tab mới)](https://demos.canvaswp.com/hosting/) 
 [Cài đặt của khối Header Button trong tài liệu](https://docs.canvaswp.com/block-header-button)

#### Header Cart Miễn phí

Biểu tượng giỏ hàng thu gọn WooCommerce + menu thả xuống cho header đã dựng. Không hiển thị gì khi WooCommerce không được kích hoạt.

[Xem trực tiếp: Header Cart trên Trang chủ (mở trong tab mới)](https://demos.canvaswp.com/classic/) 
 [Cài đặt của khối Header Cart trong tài liệu](https://docs.canvaswp.com/block-header-cart)

#### Header Container Miễn phí

Gốc của một header đã dựng: thả Logo, Navigation và các phần header khác vào bên trong.

[Xem trực tiếp: Header Container trên Nhà hàng Ý (mở trong tab mới)](https://demos.canvaswp.com/restaurant/) 
 [Cài đặt của khối Header Container trong tài liệu](https://docs.canvaswp.com/block-header-container)

#### Header Icon Link Miễn phí

Liên kết chỉ có biểu tượng cho một header đã được xây dựng (danh sách yêu thích, tài khoản, người dùng, nút mở giỏ hàng, cửa sổ đăng nhập), sử dụng markup .header-misc-icon.

[Xem trực tiếp: Header Icon Link trên Header SaaS (mở trong tab mới)](https://demos.canvaswp.com/classic/header-saas/) 
 [Cài đặt của khối Header Icon Link trong tài liệu](https://docs.canvaswp.com/block-header-icon-link)

#### Header Info Miễn phí

Một phần tử thông tin/liên hệ nội tuyến nhỏ (số điện thoại, email, giờ mở cửa hoặc văn bản) với biểu tượng và liên kết tùy chọn cho header đã xây dựng.

[Xem trực tiếp: Header Info trên Menu - Style 7 (mở trong tab mới)](https://demos.canvaswp.com/classic/menu-7/) 
 [Cài đặt của khối Header Info trong tài liệu](https://docs.canvaswp.com/block-header-info)

#### Header Logo Miễn phí

Logo trang web cho header đã tạo. Mặc định sử dụng Site Logo trong Tùy chọn giao diện, hoặc một hình ảnh được chọn thay thế.

[Xem trực tiếp: Header Logo trên Nhà hàng Ý (mở trong tab mới)](https://demos.canvaswp.com/restaurant/) 
 [Cài đặt của khối Header Logo trong tài liệu](https://docs.canvaswp.com/block-header-logo)

#### Header Navigation Miễn phí

Menu điều hướng chính cho header đã dựng. Chọn menu và căn chỉnh.

[Xem trực tiếp: Header Navigation trên Nhà hàng Ý (mở trong tab mới)](https://demos.canvaswp.com/restaurant/) 
 [Cài đặt của khối Header Navigation trong tài liệu](https://docs.canvaswp.com/block-header-navigation)

#### Header Root Miễn phí

Phần tử ngoài cùng của một header đã xây dựng: mang các lớp biến thể và thuộc tính data-sticky-* mà script header dính của giao diện đọc. Đặt nhóm #header-wrap (và mọi nội dung header khác) vào bên trong.

[Xem trực tiếp: Header Root trên Trang chủ (mở trong tab mới)](https://demos.canvaswp.com/classic/) 
 [Cài đặt của khối Header Root trong tài liệu](https://docs.canvaswp.com/block-header-root)

#### Header Search Miễn phí

Nút bật tắt tìm kiếm trên header. Phát ra trigger #top-search mà dropdown tìm kiếm của giao diện được kết nối.

[Xem trực tiếp: Header Search trên Trang chủ (mở trong tab mới)](https://demos.canvaswp.com/classic/) 
 [Cài đặt của khối Header Search trong tài liệu](https://docs.canvaswp.com/block-header-search)

#### Header Shop Search Miễn phí

Trường tìm kiếm sản phẩm luôn hiển thị trên hàng header, là lựa chọn thay thế cho nút bật/tắt tìm kiếm trên header dành cho cửa hàng và thư mục. Chọn một trường đơn giản với biểu tượng mặc định, hoặc một nhóm ô nhập liệu có nút gửi.

[Xem trực tiếp: Header Shop Search trên Thư mục header (mở trong tab mới)](https://demos.canvaswp.com/classic/header-directory/) 
 [Cài đặt của khối Header Shop Search trong tài liệu](https://docs.canvaswp.com/block-header-shop-search)

#### Header Side Panel Trigger Miễn phí

Biểu tượng trên header mở Bảng bên. Chỉ hiển thị khi Bảng bên được bật trong Tùy chọn giao diện.

[Cài đặt của khối Header Side Panel Trigger trong tài liệu](https://docs.canvaswp.com/block-header-side-panel-trigger)

#### Header Social Miễn phí

Một hàng liên kết biểu tượng mạng xã hội / liên hệ cho header đã dựng, sử dụng markup và kiểu dáng top-social.

[Xem trực tiếp: Header Social trên Cửa hàng thời trang trực tuyến - Thanh bên cửa hàng (mở trong tab mới)](https://demos.canvaswp.com/classic/shop-1-right-sidebar/) 
 [Cài đặt của khối Header Social trong tài liệu](https://docs.canvaswp.com/block-header-social)

#### Header Topbar Miễn phí

Thanh tiện ích mỏng phía trên header đã dựng (#top-bar): thả Top Links, Header Social, Header Info hoặc Language Switcher vào bên trong.

[Cài đặt của khối Header Topbar trong tài liệu](https://docs.canvaswp.com/block-header-topbar)

#### Header Wishlist Miễn phí

Một trái tim trên header liên kết đến danh sách yêu thích và hiển thị số sản phẩm đã lưu.

[Cài đặt của khối Header Wishlist trong tài liệu](https://docs.canvaswp.com/block-header-wishlist)

#### Header Zone Miễn phí

Một vị trí định vị bên trong hàng Header Container: thả logo, điều hướng hoặc một nhóm nhỏ các thành phần header vào bên trong, rồi dùng các trường căn chỉnh, thứ tự và hiển thị để đặt vị trí.

[Xem trực tiếp: Header Zone trên Nhà hàng Ý (mở trong tab mới)](https://demos.canvaswp.com/restaurant/) 
 [Cài đặt của khối Header Zone trong tài liệu](https://docs.canvaswp.com/block-header-zone)

#### Icon Nav List Miễn phí

Danh sách icon-link .nav dọc theo Bootstrap (nav-item > nav-link > icon + văn bản), dùng cho bảng menu off-canvas.

[Xem trực tiếp: Icon Nav List trên User Profile (mở trong tab mới)](https://demos.canvaswp.com/classic/profile/) 
 [Cài đặt của khối Icon Nav List trong tài liệu](https://docs.canvaswp.com/block-icon-nav-list)

#### Language Switcher Miễn phí

Menu thả xuống ngôn ngữ gọn cho header đã xây dựng: hiển thị ngôn ngữ hiện tại và liệt kê các ngôn ngữ còn lại, sử dụng markup primary-menu with-arrows.

[Cài đặt của khối Language Switcher trong tài liệu](https://docs.canvaswp.com/block-language-switcher)

#### Mega Menu Column Có trong mọi gói

Một cột mega menu đơn (.mega-menu-column): tiêu đề kèm danh sách liên kết, liên kết phẳng, hoặc nội dung widget tự do. Đặt một hoặc nhiều cột bên trong khối Row làm nội dung Mega menu (Giao diện > Menu > Mega Menu vẫn kiểm soát loại và kiểu của bảng ngoài).

[Xem trực tiếp: Mega Menu Column trên Mega menu (mở trong tab mới)](https://demos.canvaswp.com/classic/mega-menu/) 
 [Cài đặt của khối Mega Menu Column trong tài liệu](https://docs.canvaswp.com/block-mega-menu)

#### Page Menu Miễn phí

Thanh điều hướng trang dưới tiêu đề với các biến thể dính và chấm bên cạnh: cuộn neo trong một trang hoặc liên kết thông thường. Chỉ dùng một thanh cho mỗi trang.

[Xem trực tiếp: Page Menu trên Trang có submenu (mở trong tab mới)](https://demos.canvaswp.com/classic/page-submenu/) 
 [Cài đặt của khối Page Menu trong tài liệu](https://docs.canvaswp.com/block-page-menu)

#### Top Links Miễn phí

Menu liên kết thanh trên cùng với menu thả xuống một cấp tùy chọn, sử dụng mã đánh dấu và kiểu .top-links.

[Xem trực tiếp: Top Links trên Cửa hàng thời trang trực tuyến - Thanh bên cửa hàng (mở trong tab mới)](https://demos.canvaswp.com/classic/shop-1-right-sidebar/) 
 [Cài đặt của khối Top Links trong tài liệu](https://docs.canvaswp.com/block-top-links)

### Bố cục

19 khối, được liệt kê trong nhóm Bố cục ở bộ chèn khối.

#### Cột Miễn phí

Một cột lưới đáp ứng (.col-*). Thiết lập chiều rộng theo từng điểm ngắt và đặt bất kỳ nội dung nào bên trong.

[Xem trực tiếp: Cột trên Cột & Lưới (mở trong tab mới)](https://demos.canvaswp.com/classic/columns-grids/) 
 [Cài đặt của khối Cột trong tài liệu](https://docs.canvaswp.com/block-column)

#### Vùng chứa Miễn phí

Một lớp bao .container tự thích ứng với màn hình. Đặt các hàng và cột bên trong để xây dựng bố cục phần.

[Cài đặt của khối Vùng chứa trong tài liệu](https://docs.canvaswp.com/block-container)

#### Copyrights Miễn phí

Một phần của thanh bản quyền chân trang: dòng bản quyền cùng các liên kết, hoặc menu liên kết nội tuyến. Chèn biến thể Copyrights Bar của Wrapper để hiển thị cả hai cạnh nhau.

[Xem trực tiếp: Copyrights trên Footer - Bố cục 2 (mở trong tab mới)](https://demos.canvaswp.com/classic/footer-2/) 
 [Cài đặt của khối Copyrights trong tài liệu](https://docs.canvaswp.com/block-copyrights)

#### Footer About Miễn phí

Cột “About” trong footer với logo, mô tả và địa chỉ tùy chọn, dùng markup .footer-logo.

[Xem trực tiếp: Footer About trên Footer - Bố cục 2 (mở trong tab mới)](https://demos.canvaswp.com/classic/footer-2/) 
 [Cài đặt của khối Footer About trong tài liệu](https://docs.canvaswp.com/block-footer-about)

#### Footer Contacts Miễn phí

Các hàng liên hệ lớn dạng nhãn/giá trị, sử dụng cấu trúc và kiểu dáng .footer-big-contacts.

[Xem trực tiếp: Footer Contacts trên Footer - Bố cục 3 (mở trong tab mới)](https://demos.canvaswp.com/classic/footer-3/) 
 [Cài đặt của khối Footer Contacts trong tài liệu](https://docs.canvaswp.com/block-footer-contacts)

#### Footer Instagram Miễn phí

Tiện ích Instagram / luồng ảnh trong footer: lưới ảnh masonry với liên kết tùy chọn, sử dụng markup .masonry-thumbs.

[Xem trực tiếp: Footer Instagram trên Footer - Bố cục 4 (mở trong tab mới)](https://demos.canvaswp.com/classic/footer-4/) 
 [Cài đặt của khối Footer Instagram trong tài liệu](https://docs.canvaswp.com/block-footer-instagram)

#### Footer Widget Area Miễn phí

Phần gốc của một hàng widget chân trang đã dựng: thả các khối Footer About, Widget Links, Footer Contacts, Subscribe hoặc Footer Instagram vào bên trong.

[Xem trực tiếp: Footer Widget Area trên Footer - Bố cục 2 (mở trong tab mới)](https://demos.canvaswp.com/classic/footer-2/) 
 [Cài đặt của khối Footer Widget Area trong tài liệu](https://docs.canvaswp.com/block-footer-widget-area)

#### Grid Filter Có trong mọi gói

Thanh lọc danh mục Isotope (.grid-filter) điều khiển các lưới có thể lọc bằng Isotope. Lấy nội dung từ taxonomy hoặc danh sách nhập thủ công.

[Xem trực tiếp: Grid Filter trên Kiểu bộ lọc Portfolio (mở trong tab mới)](https://demos.canvaswp.com/classic/portfolio-filter-styles/) 
 [Cài đặt của khối Grid Filter trong tài liệu](https://docs.canvaswp.com/block-grid-filter)

#### Hero Miễn phí

Hiển thị khối Hero mà mỗi trang chỉ định trong bảng Hero, hoặc một khối Hero bạn chọn. Tạo khối Hero trong Canvas → Heroes.

[Xem trực tiếp: Hero trên Phần (mở trong tab mới)](https://demos.canvaswp.com/classic/sections/) 
 [Cài đặt của khối Hero trong tài liệu](https://docs.canvaswp.com/block-hero-slot)

#### Image Element Miễn phí

Một hình ảnh đơn thuần, không có khung hay chú thích bao quanh, dành cho logo và huy hiệu nằm nội tuyến bên cạnh các nội dung khác.

[Xem trực tiếp: Image Element trên Trang chủ (mở trong tab mới)](https://demos.canvaswp.com/modern-blog/) 
 [Cài đặt của khối Image Element trong tài liệu](https://docs.canvaswp.com/block-image-element)

#### Inline Contact Miễn phí

Một dòng nội tuyến phẳng gồm các mục liên hệ kèm biểu tượng và văn bản (email, điện thoại, Skype, v.v.), được ngăn cách bằng dấu chấm giữa: dòng liên hệ trong thanh #copyrights.

[Xem trực tiếp: Inline Contact trên Liên hệ (mở trong tab mới)](https://demos.canvaswp.com/classic/contact/) 
 [Cài đặt của khối Inline Contact trong tài liệu](https://docs.canvaswp.com/block-inline-contact)

#### Inline Text Miễn phí

Một đoạn văn bản nằm trực tiếp trong vùng chứa, không có đoạn văn hay span riêng. Chỉ dành cho các thành phần inline dạng lá.

[Xem trực tiếp: Inline Text trên Bố cục toàn chiều rộng (mở trong tab mới)](https://demos.canvaswp.com/classic/full-width/) 
 [Cài đặt của khối Inline Text trong tài liệu](https://docs.canvaswp.com/block-inline-text)

#### Line Break Miễn phí

Một ngắt dòng đơn dùng làm khoảng cách. Thêm lớp responsive trong bảng Advanced để ngắt hàng chỉ trên một số kích thước màn hình.

[Xem trực tiếp: Line Break trên Hover Parallax (mở trong tab mới)](https://demos.canvaswp.com/classic/hover-parallax/) 
 [Cài đặt của khối Line Break trong tài liệu](https://docs.canvaswp.com/block-line-break)

#### Tiêu đề trang Miễn phí

Hiển thị dải tiêu đề trang mà mỗi trang hiển thị bên dưới header, theo cài đặt trong bảng Tiêu đề trang của từng trang và trong Tùy chọn giao diện. Bản thân dải này là template part Tiêu đề trang.

[Xem trực tiếp: Tiêu đề trang trên Bố cục Tiêu đề trang căn trái (mở trong tab mới)](https://demos.canvaswp.com/classic/page-title/) 
 [Cài đặt của khối Tiêu đề trang trong tài liệu](https://docs.canvaswp.com/block-page-title-slot)

#### Quantity Input Miễn phí

Thành phần .quantity: ô nhập số kèm hai nút trừ và cộng. Tĩnh và không phụ thuộc sản phẩm, kết hợp với một nút trong hàng “Thêm vào giỏ hàng”.

[Xem trực tiếp: Quantity Input trên Số lượng giỏ hàng (mở trong tab mới)](https://demos.canvaswp.com/classic/cart-quantity/) 
 [Cài đặt của khối Quantity Input trong tài liệu](https://docs.canvaswp.com/block-quantity-input)

#### Row Miễn phí

Một hàng lưới. Đặt các khối Canvas Column bên trong để sắp xếp nội dung theo lưới đáp ứng.

[Xem trực tiếp: Row trên Cột & Lưới (mở trong tab mới)](https://demos.canvaswp.com/classic/columns-grids/) 
 [Cài đặt của khối Row trong tài liệu](https://docs.canvaswp.com/block-row)

#### Page Slider Miễn phí

Hiển thị slider mà mỗi trang chỉ định trong bảng Slider của trang, hoặc một slider bạn chọn. Slide, hiệu ứng và chiều cao được cấu hình trên chính slider đó.

[Xem trực tiếp: Page Slider trên Canvas Slider (mở trong tab mới)](https://demos.canvaswp.com/classic/slider-canvas/) 
 [Cài đặt của khối Page Slider trong tài liệu](https://docs.canvaswp.com/block-slider-slot)

#### Widget Links Miễn phí

Cột danh sách liên kết footer sử dụng markup và kiểu dáng .widget_links.

[Xem trực tiếp: Widget Links trên Widget (mở trong tab mới)](https://demos.canvaswp.com/classic/widgets/) 
 [Cài đặt của khối Widget Links trong tài liệu](https://docs.canvaswp.com/block-widget-links)

#### Wrapper Miễn phí

Phần tử HTML thuần chỉ mang các lớp bạn gán cho nó và chứa các khối khác bên trong. Dùng khi thiết kế cần một phần tử bao ngoài chính xác mà không có lớp trình chỉnh sửa nào thêm vào.

[Xem trực tiếp: Wrapper trên Phần (mở trong tab mới)](https://demos.canvaswp.com/classic/sections/) 
 [Cài đặt của khối Wrapper trong tài liệu](https://docs.canvaswp.com/block-wrapper)

### Sự kiện

16 khối, được liệt kê trong nhóm Events ở trình chèn khối.

#### Chương trình hội nghị Có trong mọi gói

Lịch trình phiên theo từng ngày có tab, hoặc một hàng thẻ sự kiện sắp tới, được tạo từ các bản ghi sự kiện.

[Xem trực tiếp: Chương trình hội nghị trên Canvas Development Conference (mở trong tab mới)](https://demos.canvaswp.com/conference/) 
 [Cài đặt của khối Chương trình hội nghị trong tài liệu](https://docs.canvaswp.com/block-conference-events)

#### Event Archive Grid Có trong mọi gói

Lưới sự kiện cho truy vấn chính (lưu trữ + danh mục). Sử dụng partial event-entry-grid và phân trang dùng chung.

[Xem trực tiếp: Event Archive Grid trên Sự kiện (mở trong tab mới)](https://demos.canvaswp.com/classic/events/) 
 [Cài đặt của khối Event Archive Grid trong tài liệu](https://docs.canvaswp.com/block-event-archive)

#### Event Categories Có trong mọi gói

Hiển thị các danh mục được gán cho sự kiện hiện tại. Hỗ trợ kiểu văn bản, huy hiệu (badge) và dạng viên (pill). Chỉ hiển thị với post type canvas_event.

[Cài đặt của khối Event Categories trong tài liệu](https://docs.canvaswp.com/block-event-categories)

#### Event Content Có trong mọi gói

Hiển thị toàn bộ nội dung bài viết của sự kiện hiện tại thông qua bộ lọc the_content. Chỉ hiển thị với loại bài viết canvas_event.

[Xem trực tiếp: Event Content trên Event Single (mở trong tab mới)](https://demos.canvaswp.com/classic/event-single/) 
 [Cài đặt của khối Event Content trong tài liệu](https://docs.canvaswp.com/block-event-content)

#### Event Date Có trong mọi gói

Hiển thị ngày bắt đầu và ngày kết thúc của sự kiện, kèm giờ và biểu tượng lịch tùy chọn. Chỉ hiển thị với loại bài đăng canvas_event.

[Cài đặt của khối Event Date trong tài liệu](https://docs.canvaswp.com/block-event-date)

#### Event Excerpt Có trong mọi gói

Hiển thị đoạn trích ngắn gọn của sự kiện hiện tại.

[Cài đặt của khối Event Excerpt trong tài liệu](https://docs.canvaswp.com/block-event-excerpt)

#### Event Image Có trong mọi gói

Hiển thị ảnh đại diện của sự kiện hiện tại. Chỉ hiển thị trên loại bài viết canvas_event.

[Xem trực tiếp: Event Image trên Event Single (mở trong tab mới)](https://demos.canvaswp.com/classic/event-single/) 
 [Cài đặt của khối Event Image trong tài liệu](https://docs.canvaswp.com/block-event-image)

#### Event Location Có trong mọi gói

Hiển thị tên và địa chỉ địa điểm tổ chức sự kiện, kèm liên kết Google Maps tùy chọn và biểu tượng vị trí. Chỉ hiển thị với loại bài đăng canvas_event.

[Cài đặt của khối Event Location trong tài liệu](https://docs.canvaswp.com/block-event-location)

#### Event Meta Có trong mọi gói

Hiển thị siêu dữ liệu sự kiện: ngày, địa điểm, đơn vị tổ chức và giá. Mỗi trường có thể bật hoặc tắt độc lập. Chỉ hiển thị với loại bài đăng canvas_event.

[Xem trực tiếp: Event Meta trên Event Single | Hai thanh bên (mở trong tab mới)](https://demos.canvaswp.com/classic/event-single-both-sidebar/) 
 [Cài đặt của khối Event Meta trong tài liệu](https://docs.canvaswp.com/block-event-meta)

#### Event Navigation Có trong mọi gói

Hiển thị liên kết điều hướng sự kiện trước và sau với nhãn tùy chỉnh và ảnh thu nhỏ tùy chọn. Chỉ hiển thị trên loại bài đăng canvas_event.

[Xem trực tiếp: Event Navigation trên Event Single | Hai thanh bên (mở trong tab mới)](https://demos.canvaswp.com/classic/event-single-both-sidebar/) 
 [Cài đặt của khối Event Navigation trong tài liệu](https://docs.canvaswp.com/block-event-navigation)

#### Event Organizer Có trong mọi gói

Hiển thị ban tổ chức sự kiện, kèm liên kết tùy chọn đến trang web của họ và biểu tượng người. Chỉ được hiển thị trên loại bài đăng canvas_event.

[Cài đặt của khối Event Organizer trong tài liệu](https://docs.canvaswp.com/block-event-organizer)

#### Event Posts Có trong mọi gói

Truy vấn và hiển thị các bài canvas_event dưới dạng lưới thẻ đáp ứng. Hỗ trợ lọc theo sự kiện sắp diễn ra, đã qua hoặc tất cả. Có thể đặt trên bất kỳ trang nào.

[Xem trực tiếp: Event Posts trên Danh sách sự kiện (mở trong tab mới)](https://demos.canvaswp.com/classic/events-list/) 
 [Cài đặt của khối Event Posts trong tài liệu](https://docs.canvaswp.com/block-event-posts)

#### Event Price Có trong mọi gói

Hiển thị giá sự kiện, hoặc nhãn miễn phí có thể cấu hình khi chưa đặt giá. Hỗ trợ kiểu văn bản và huy hiệu. Chỉ hiển thị với loại bài đăng canvas_event.

[Cài đặt của khối Event Price trong tài liệu](https://docs.canvaswp.com/block-event-price)

#### Related Events Có trong mọi gói

Hiển thị lưới các sự kiện liên quan dựa trên danh mục chung. Chỉ hiển thị với loại bài đăng canvas_event.

[Xem trực tiếp: Related Events trên Spring Music Fest (mở trong tab mới)](https://demos.canvaswp.com/classic/events/spring-music-fest/) 
 [Cài đặt của khối Related Events trong tài liệu](https://docs.canvaswp.com/block-event-related)

#### Event Title Có trong mọi gói

Hiển thị tiêu đề sự kiện hiện tại bên trong thẻ tiêu đề có thể cấu hình, với liên kết permalink tùy chọn. Chỉ hiển thị trên loại bài đăng canvas_event.

[Cài đặt của khối Event Title trong tài liệu](https://docs.canvaswp.com/block-event-title)

#### Events Calendar Có trong mọi gói

Lịch dạng lưới theo tháng cho các sự kiện của bạn, với các nút trước / sau / hôm nay. Mỗi ngày liên kết đến các sự kiện diễn ra vào ngày đó.

[Xem trực tiếp: Events Calendar trên Events Calendar (mở trong tab mới)](https://demos.canvaswp.com/classic/events-calendar/) 
 [Cài đặt của khối Events Calendar trong tài liệu](https://docs.canvaswp.com/block-events-calendar)

### Portfolio

8 khối, được liệt kê dưới Portfolio trong trình chèn khối.

#### Portfolio Archive Grid Có trong mọi gói

Lưới portfolio cho truy vấn chính (lưu trữ + danh mục). Sử dụng partial portfolio-entry-grid và lưới overlay #portfolio.

[Xem trực tiếp: Portfolio Archive Grid trên Portfolio (mở trong tab mới)](https://demos.canvaswp.com/classic/projects/) 
 [Cài đặt của khối Portfolio Archive Grid trong tài liệu](https://docs.canvaswp.com/block-portfolio-archive)

#### Portfolio Categories Có trong mọi gói

Hiển thị các danh mục phân loại được gán cho dự án portfolio hiện tại. Dùng bên trong các mẫu portfolio single.

[Xem trực tiếp: Portfolio Categories trên Nhận diện thương hiệu Meridian (mở trong tab mới)](https://demos.canvaswp.com/media-agency/portfolio/meridian-brand-identity/) 
 [Cài đặt của khối Portfolio Categories trong tài liệu](https://docs.canvaswp.com/block-portfolio-categories)

#### Portfolio Content Có trong mọi gói

Hiển thị toàn bộ nội dung của dự án portfolio hiện tại. Dùng bên trong các mẫu chi tiết portfolio.

[Xem trực tiếp: Portfolio Content trên Open Imagination (mở trong tab mới)](https://demos.canvaswp.com/classic/projects/open-imagination/) 
 [Cài đặt của khối Portfolio Content trong tài liệu](https://docs.canvaswp.com/block-portfolio-content)

#### Portfolio Image Có trong mọi gói

Hiển thị khu vực media của dự án portfolio hiện tại: ảnh đại diện, trình chiếu thư viện ảnh, video dự án hoặc lưới ảnh thu nhỏ. Dùng trong các mẫu single của portfolio.

[Xem trực tiếp: Portfolio Image trên Open Imagination (mở trong tab mới)](https://demos.canvaswp.com/classic/projects/open-imagination/) 
 [Cài đặt của khối Portfolio Image trong tài liệu](https://docs.canvaswp.com/block-portfolio-image)

#### Portfolio Meta Có trong mọi gói

Hiển thị thông tin chi tiết dự án portfolio: khách hàng, ngày, kỹ năng và URL. Dùng trong các mẫu portfolio đơn lẻ.

[Xem trực tiếp: Portfolio Meta trên Open Imagination (mở trong tab mới)](https://demos.canvaswp.com/classic/projects/open-imagination/) 
 [Cài đặt của khối Portfolio Meta trong tài liệu](https://docs.canvaswp.com/block-portfolio-meta)

#### Portfolio Navigation Có trong mọi gói

Hiển thị liên kết điều hướng đến dự án portfolio trước và sau. Dùng bên trong các mẫu portfolio đơn lẻ.

[Xem trực tiếp: Portfolio Navigation trên Open Imagination (mở trong tab mới)](https://demos.canvaswp.com/classic/projects/open-imagination/) 
 [Cài đặt của khối Portfolio Navigation trong tài liệu](https://docs.canvaswp.com/block-portfolio-navigation)

#### Portfolio Related Có trong mọi gói

Hiển thị các dự án portfolio liên quan dựa trên danh mục chung. Dùng bên trong mẫu chi tiết portfolio.

[Xem trực tiếp: Portfolio Related trên Open Imagination (mở trong tab mới)](https://demos.canvaswp.com/classic/projects/open-imagination/) 
 [Cài đặt của khối Portfolio Related trong tài liệu](https://docs.canvaswp.com/block-portfolio-related)

#### Portfolio Title Có trong mọi gói

Hiển thị tiêu đề dự án portfolio hiện tại. Dùng bên trong mẫu chi tiết portfolio.

[Xem trực tiếp: Portfolio Title trên Nhận diện thương hiệu Meridian (mở trong tab mới)](https://demos.canvaswp.com/media-agency/portfolio/meridian-brand-identity/) 
 [Cài đặt của khối Portfolio Title trong tài liệu](https://docs.canvaswp.com/block-portfolio-title)

### Biểu mẫu

5 khối, được liệt kê dưới mục Forms trong trình chèn khối.

#### Form Có trong mọi gói

Một biểu mẫu hoạt động. Đặt khối Form Field và Form Submit vào bên trong: dữ liệu gửi đi sẽ được xác thực, lưu lại và gửi qua email.

[Xem trực tiếp: Form trên Kiểu dáng biểu mẫu (mở trong tab mới)](https://demos.canvaswp.com/classic/forms-styles/) 
 [Cài đặt của khối Form trong tài liệu](https://docs.canvaswp.com/block-form-container)

#### Form Embed Có trong mọi gói

Nhúng biểu mẫu Canvas vào bất kỳ đâu trên trang bằng cách chọn ID biểu mẫu của nó.

[Xem trực tiếp: Form Embed trên Index Shop (mở trong tab mới)](https://demos.canvaswp.com/classic/index-shop/) 
 [Cài đặt của khối Form Embed trong tài liệu](https://docs.canvaswp.com/block-form-embed)

#### Form Field Có trong mọi gói

Một trường nhập liệu đơn. Dùng bên trong Canvas Form để thu thập thông tin người dùng nhập.

[Xem trực tiếp: Form Field trên Phần tử Form (mở trong tab mới)](https://demos.canvaswp.com/classic/form-elements/) 
 [Cài đặt của khối Form Field trong tài liệu](https://docs.canvaswp.com/block-form-field)

#### Form Submit Button Có trong mọi gói

Nút gửi cho biểu mẫu Canvas. Hỗ trợ các biến thể kiểu dáng, kích thước, chế độ toàn chiều rộng và biểu tượng.

[Xem trực tiếp: Form Submit Button trên Kiểu dáng biểu mẫu (mở trong tab mới)](https://demos.canvaswp.com/classic/forms-styles/) 
 [Cài đặt của khối Form Submit Button trong tài liệu](https://docs.canvaswp.com/block-form-submit)

#### Quick Contact Có trong mọi gói

Một widget biểu mẫu liên hệ gọn nhẹ “Quick Quotation” (tên / email / tin nhắn), được định kiểu bằng CSS biểu mẫu của Canvas.

[Xem trực tiếp: Quick Contact trên Widget (mở trong tab mới)](https://demos.canvaswp.com/classic/widgets/) 
 [Cài đặt của khối Quick Contact trong tài liệu](https://docs.canvaswp.com/block-quick-contact)

Khối riêng cho từng bản demo

## 105 khối đi kèm với bản demo tương ứng

Một số thiết kế cần một khối chỉ có ý nghĩa trong thiết kế đó. Các khối này luôn được đăng ký, nên bản demo bạn đã nhập sẽ hiển thị đúng mãi mãi, nhưng chúng không xuất hiện trong trình chèn trên những trang web không yêu cầu chúng.

### Bài viết 72

Academic Posts, Album Tiles, Architecture Projects, Architecture Team, Arrangement Gallery, Artist Bubbles, Bakery Menu, Barber Items, và 64 mục khác.

**Xem tất cả 72 khối Posts**

Bài viết học thuật, Ô album, Dự án kiến trúc, Đội ngũ kiến trúc, Thư viện sắp đặt, Bong bóng nghệ sĩ, Thực đơn tiệm bánh, Mục dịch vụ tiệm cắt tóc, Bộ sản phẩm làm đẹp, Dịch vụ cho thuê xe đạp, Dịch vụ kế toán, Mẫu bot, Dự án của agency thương hiệu, Dự án của studio thương hiệu, Thực đơn quán cà phê, Chiến dịch, Lưới năng lực, Dịch vụ chăm sóc, Hoạt động từ thiện, Phim kênh, Đội ngũ vệ sinh, Dịch vụ vệ sinh, Diễn giả hội nghị, Nhà tài trợ hội nghị, Không gian làm việc chung, Trưng bày nhà sáng tạo, Lớp CrossFit, Bài tập CrossFit, Đội ngũ nha khoa, Liệu trình nha khoa, Bác sĩ, Bất động sản, Lịch sự kiện, Diễn giả sự kiện, Diễn giả sự kiện, Danh sách nghệ sĩ lễ hội, Thực đơn xe đồ ăn, Tin tức câu lạc bộ bóng đá, Trận đấu game, Sản phẩm tai nghe, Cửa hàng tai nghe, Phòng hostel, Gói bảo hiểm, Tin tức mẫu giáo, Chương trình mẫu giáo, Tập phong cách sống, Bài viết phong cách sống, Chương trình vay, Môn võ thuật, Khoa y tế, Bác sĩ y khoa, Chuyên khoa y tế, Mục thực đơn, Bài viết đơn vị chuyển nhà, Dịch vụ chuyển nhà, Mục NFT, Dịch vụ thú cưng, Ảnh của nhiếp ảnh gia, Mô-đun nền tảng, Tập podcast, Mục công thức, Nhà ở, Dự án kiến trúc sư độc lập, Liệu trình spa, Tin tức quần vợt, Giải quần vợt, Liệu pháp trị liệu, Bộ sưu tập ca khúc, Khách sạn du lịch, Gói du lịch, Buổi nếm rượu, Lớp yoga.

### WooCommerce 10

Channel Merch, Event Passes, Fashion Cart Part, Fashion Product Part, Fashion Products, Gear Products, Illustrator Prints, Lifestyle Picks, Store Products, eCommerce Products.

### Nội dung 7

Article Cards, Finance Calculator, Forum Discussion, Forum Members, Forum Topics, Recipe Categories, Rental Calculator.

### Tương tác 6

Thanh trình phát âm thanh, Tùy chọn trình cấu hình, Tìm kiếm tên miền, Giá Hosting, Slider Hosting, Nút phát bài hát.

### Canvas 4

FAQ nha khoa, Nền lưới chấm, Luồng giao dịch trực tiếp, Thẻ ảo.

### Header 3

Forum Header Dropdown, Forum Search Overlay, Photographer Menu.

### Portfolio 3

Motion Works, Portfolio Grid, Videographer Works.

Tùy chọn giao diện liệt kê mọi khối mà Canvas đăng ký, bao gồm cả các khối chỉ dùng trong bản demo. Mỗi khối có một công tắc để loại bỏ khối khỏi trình chèn khối và ngừng tải tài nguyên front-end của khối đó.

Nhập một bản demo và các khối của nó sẽ xuất hiện trong những trang mà nó đã tạo, có thể chỉnh sửa đầy đủ, với cùng bảng cài đặt như mọi khối Canvas khác. Khi hoàn tác bản demo, các khối đó cũng được gỡ bỏ cùng.

Điều khiển dùng chung

## Mọi khối đều có những thành phần sau

Bảy cài đặt nằm trên mọi khối mà Canvas đăng ký, và bốn cài đặt đầu tiên cũng nằm trên các khối lõi và khối của bên thứ ba, vì chúng được thêm vào trình chỉnh sửa thay vì vào khối của chúng tôi.

Thanh bên của khối đang chọn. Mọi thứ khách truy cập nhìn thấy đều là một điều khiển ở đây, vì vậy không có chế độ xem mã để mở.

### Hoạt ảnh

Hiện dần khối khi nó xuất hiện trong vùng nhìn thấy, với tốc độ, độ trễ và hoạt ảnh thoát tùy chọn. Chuyển động tôn trọng tùy chọn giảm chuyển động của khách truy cập.

### CSS tùy chỉnh

Viết CSS cho một thể hiện khối cụ thể khi điều khiển gốc không đáp ứng được điều bạn muốn. CSS này chỉ áp dụng cho khối đó và được lọc trước khi đưa lên trang.

### Thuộc tính tùy chỉnh

Thêm thuộc tính dữ liệu hoặc thuộc tính ARIA vào phần tử gốc của khối từ thanh bên, để một script bên thứ ba hoặc công cụ kiểm thử có thể tìm thấy khối đó.

### Điều kiện hiển thị

Hiển thị hoặc ẩn một khối theo trạng thái đăng nhập, vai trò người dùng, kích thước thiết bị hoặc giá trị của một Tùy chọn giao diện, để một trang có thể phục vụ nhiều nhóm đối tượng khác nhau.

### Mặc định khối

Thiết lập khối một lần theo cách bạn thích, sau đó lưu các cài đặt đó làm mặc định cho mọi khối bạn chèn sau này trên website này.

- [Cách trình chỉnh sửa hoạt động](https://canvaswp.com/vi/editor/)

### Bộ kiểu toàn cục sẵn có

Lưu một kiểu đã đặt tên và áp dụng cho các khối ở bất kỳ đâu trên trang web. Thay đổi cài sẵn sau này, mọi khối đang dùng nó cũng sẽ thay đổi theo.

### Tải tài nguyên theo từng khối

Trang chỉ tải CSS và JavaScript của các khối thực sự được hiển thị trên trang, nên trang không có slider sẽ không bao giờ tải script của slider.

- [Hiệu năng](https://canvaswp.com/vi/performance/)

Bắt đầu từ một phần

## 183 mẫu khối

Một mẫu khối chèn một phần hoàn chỉnh vào trang dưới dạng các khối thông thường để bạn chỉnh sửa. Không có HTML thô bên trong, nên mọi tiêu đề, hình ảnh, biểu tượng và liên kết đều là một điều khiển trong thanh bên.

Mẫu có sẵn được nhóm thành 17 danh mục trong trình chèn:

- Header
- Nội dung
- Biểu mẫu
- Footer
- Blog
- Hero
- Gallery
- Kêu gọi hành động
- Bảng giá
- Trang
- Tính năng
- Sự kiện
- Popup
- Mạng xã hội
- Lời chứng thực
- Portfolio
- Câu hỏi thường gặp

Pattern được gắn nhãn thay vì bị khóa: pattern cao cấp vẫn hiển thị trong trình chèn kèm nhãn, và được hiển thị đầy đủ khi các khối bên trong nó đều miễn phí. 173 mẫu khối và 4 biến thể kiểu dáng đi kèm giao diện hoạt động theo cách tương tự trong Trình chỉnh sửa trang.