# 57 Shortcodes và phần tử

URL: https://canvaswp.com/vi/templates/shortcodes/
Updated: 2026-11-03

Mẫu

Mọi phần tử nội dung Canvas cung cấp, mỗi phần tử một trang riêng, với tất cả biến thể được trình bày cùng nhau để bạn thấy các tùy chọn trước khi xây dự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

- [Hoạt ảnh (mở trong tab mới)](https://demos.canvaswp.com/classic/animations/)
- [Nút (mở trong tab mới)](https://demos.canvaswp.com/classic/buttons/)
- [Băng chuyền (mở trong tab mới)](https://demos.canvaswp.com/classic/carousel/)
- [Khách hàng (mở trong tab mới)](https://demos.canvaswp.com/classic/clients/)
- [Cột (mở trong tab mới)](https://demos.canvaswp.com/classic/columns-grids/)
- [Bộ đếm (mở trong tab mới)](https://demos.canvaswp.com/classic/counters/)
- [Read More (mở trong tab mới)](https://demos.canvaswp.com/classic/read-more/)
- [Ticker (mở trong tab mới)](https://demos.canvaswp.com/classic/ticker/)
- [Số lượng giỏ hàng (mở trong tab mới)](https://demos.canvaswp.com/classic/cart-quantity/)
- [Phần tử parallax (mở trong tab mới)](https://demos.canvaswp.com/classic/parallax-elements/)
- [Đường phân cách (mở trong tab mới)](https://demos.canvaswp.com/classic/dividers/)
- [Icon Boxes (mở trong tab mới)](https://demos.canvaswp.com/classic/featured-boxes/)
- [Thư viện ảnh (mở trong tab mới)](https://demos.canvaswp.com/classic/gallery/)
- [Kiểu tiêu đề (mở trong tab mới)](https://demos.canvaswp.com/classic/headings-dropcaps/)
- [Danh sách biểu tượng (mở trong tab mới)](https://demos.canvaswp.com/classic/icon-lists/)
- [Gradient (mở trong tab mới)](https://demos.canvaswp.com/classic/gradients/)
- [Lightbox (mở trong tab mới)](https://demos.canvaswp.com/classic/lightbox/)
- [Lớp phủ mục (mở trong tab mới)](https://demos.canvaswp.com/classic/item-overlays/)
- [Phần tử Form (mở trong tab mới)](https://demos.canvaswp.com/classic/form-elements/)
- [Tải lên tệp (mở trong tab mới)](https://demos.canvaswp.com/classic/component-uploads/)
- [Circle Stack (mở trong tab mới)](https://demos.canvaswp.com/classic/circle-stack/)
- [Video Facade (mở trong tab mới)](https://demos.canvaswp.com/classic/video-facade/)
- [Phần tử cuộn (mở trong tab mới)](https://demos.canvaswp.com/classic/scroll-elements/)
- [Lists & Cards (mở trong tab mới)](https://demos.canvaswp.com/classic/lists-cards/)
- [Bản đồ (mở trong tab mới)](https://demos.canvaswp.com/classic/maps/)
- [Nhúng phương tiện (mở trong tab mới)](https://demos.canvaswp.com/classic/media-embeds/)
- [Hộp modal (mở trong tab mới)](https://demos.canvaswp.com/classic/modal-popovers/)
- [Thông báo (mở trong tab mới)](https://demos.canvaswp.com/classic/notifications/)
- [Phân trang (mở trong tab mới)](https://demos.canvaswp.com/classic/pagination-progress/)
- [Tiến độ & Kỹ năng (mở trong tab mới)](https://demos.canvaswp.com/classic/progress-skills/)
- [Shape Dividers (mở trong tab mới)](https://demos.canvaswp.com/classic/shape-dividers/)
- [Cascading Images (mở trong tab mới)](https://demos.canvaswp.com/classic/cascading-images/)
- [Bộ tô sáng mã (mở trong tab mới)](https://demos.canvaswp.com/classic/code-highlighter/)
- [Thao tác với phương tiện (mở trong tab mới)](https://demos.canvaswp.com/classic/media-actions/)
- [Hộp giá (mở trong tab mới)](https://demos.canvaswp.com/classic/pricing/)
- [Process Steps (mở trong tab mới)](https://demos.canvaswp.com/classic/process-steps/)
- [Hộp khuyến mãi (mở trong tab mới)](https://demos.canvaswp.com/classic/promo-boxes/)
- [Khối trích dẫn (mở trong tab mới)](https://demos.canvaswp.com/classic/quotes-blockquotes/)
- [Image Sliders (mở trong tab mới)](https://demos.canvaswp.com/classic/image-sliders/)
- [Phần (mở trong tab mới)](https://demos.canvaswp.com/classic/sections/)
- [Social Icons (mở trong tab mới)](https://demos.canvaswp.com/classic/social-icons/)
- [Hiệu ứng khi di chuột (mở trong tab mới)](https://demos.canvaswp.com/classic/hover-animations/)
- [AJAX Button (mở trong tab mới)](https://demos.canvaswp.com/classic/ajax-button/)
- [Biểu mẫu có điều kiện (mở trong tab mới)](https://demos.canvaswp.com/classic/conditional/)
- [Preloaders (mở trong tab mới)](https://demos.canvaswp.com/classic/preloaders/)
- [Hộp cảnh báo (mở trong tab mới)](https://demos.canvaswp.com/classic/style-boxes/)
- [Biểu tượng được tạo kiểu (mở trong tab mới)](https://demos.canvaswp.com/classic/styled-icons/)
- [Bảng (mở trong tab mới)](https://demos.canvaswp.com/classic/tables/)
- [Tab (mở trong tab mới)](https://demos.canvaswp.com/classic/tabs/)
- [Lời chứng thực (mở trong tab mới)](https://demos.canvaswp.com/classic/testimonials-twitter/)
- [Thumbnails (mở trong tab mới)](https://demos.canvaswp.com/classic/thumbnails-slider/)
- [Nút bật/tắt (mở trong tab mới)](https://demos.canvaswp.com/classic/toggles-accordions/)
- [Tải trì hoãn (mở trong tab mới)](https://demos.canvaswp.com/classic/lazy-loading/)
- [Flip Cards (mở trong tab mới)](https://demos.canvaswp.com/classic/flip-cards/)
- [Bộ chuyển chế độ (mở trong tab mới)](https://demos.canvaswp.com/classic/color-mode-switcher/)
- [Con trỏ tùy chỉnh (mở trong tab mới)](https://demos.canvaswp.com/classic/custom-cursor/)
- [Image Compare (mở trong tab mới)](https://demos.canvaswp.com/classic/image-compare/)

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.

Khối nào

## Khối đứng sau mỗi thành phần

Mỗi trang phần tử hiển thị một hoặc nhiều khối Canvas cùng các biến thể đặt cạnh nhau. Tìm phần tử bạn cần, chèn khối có tên bên dưới, rồi điều chỉnh các biến thể trong bảng cài đặt của khối.

- **Nút**
   Button, Page Title Buttons
- **Băng chuyền**
   Carousel, Product Carousel
- **Khách hàng**
   Khách hàng
- **Cột**
   Column, Row
- **Bộ đếm**
   Countdown, Counter
- **Read More**
   Read More
- **Ticker**
   Ticker
- **Số lượng giỏ hàng**
   Quantity Input
- **Phần tử parallax**
   Parallax Image
- **Đường phân cách**
   Divider
- **Icon Boxes**
   Icon Box
- **Thư viện ảnh**
   Gallery
- **Kiểu tiêu đề**
   Dropcap, Heading, Text Rotator
- **Danh sách biểu tượng**
   Icon List
- **Lớp phủ mục**
   Overlay Content, Overlay Item
- **Phần tử Form**
   Form Field
- **Circle Stack**
   Circle Stack
- **Lists & Cards**
   Link Tiles, Lists & Cards
- **Bản đồ**
   Map
- **Nhúng phương tiện**
   Media Embed
- **Hộp modal**
   Modal
- **Thông báo**
   Notification
- **Phân trang**
   Phân trang
- **Tiến độ & Kỹ năng**
   Progress Bar
- **Shape Dividers**
   Plain Image, Shape Divider
- **Cascading Images**
   Cascading Images
- **Bộ tô sáng mã**
   Code Highlight
- **Thao tác với phương tiện**
   Background Video / Audio
- **Hộp giá**
   Inline SVG, Pricing Switcher, Pricing Table
- **Process Steps**
   Process Steps
- **Hộp khuyến mãi**
   Promo Box
- **Khối trích dẫn**
   Quote
- **Image Sliders**
   Image Slider
- **Phần**
   Hero, Wrapper
- **Social Icons**
   Social Icons
- **AJAX Button**
   AJAX Button
- **Preloaders**
   Preloader
- **Hộp cảnh báo**
   Alert
- **Biểu tượng được tạo kiểu**
   Styled Icon
- **Tab**
   Tab
- **Lời chứng thực**
   Lời chứng thực
- **Nút bật/tắt**
   Accordion, Toggle
- **Flip Cards**
   Flip Card
- **Image Compare**
   Image Compare

Cài đặt dùng chung

## Mỗi phần tử mang theo những gì

### Bảng nâng cao

Canvas thêm cùng một bảng tùy chọn nâng cao vào mọi loại khối trên trang, kể cả khối của WordPress và khối từ các plugin khác: hiệu ứng xuất hiện và biến mất, CSS tùy chỉnh chỉ áp dụng cho khối đó, thuộc tính tùy chỉnh và điều kiện hiển thị theo vai trò hoặc thiết bị. Trang Animations chính là bảng này đang hoạt động.

### Mặc định và kiểu chung

Thiết lập nút theo phong cách thương hiệu của bạn và lưu các cài đặt đó làm mặc định, để nút tiếp theo bạn chèn sẽ bắt đầu từ đó. Kiểu chung là một tập hợp cài đặt mà bạn áp dụng trên toàn trang và có thể thay đổi ở một nơi sau này.

### Miễn phí và cao cấp, cùng một gói

228 trong số 314 khối Canvas là miễn phí và 86 là cao cấp. Mọi gói đều bao gồm tất cả, nên thành phần nào trên trang này cũng không cần nâng cấp mới dùng được.

- [Toàn bộ thư viện khối](https://canvaswp.com/vi/blocks/)

### Vì sao menu hiển thị Shortcodes

Phần trình diễn này giữ nguyên tên menu của Canvas HTML, mẫu giao diện mà các trang này mô phỏng. Shortcodes là tên menu đó dùng cho các trang phần tử, nên bất kỳ ai đã từng xây dựng với mẫu HTML đều tìm thấy từng trang đúng chỗ họ mong đợi. Trong Canvas for WordPress, không có phần tử nào trong số đó là shortcode. Mỗi phần tử là một khối đã đăng ký, với các tùy chọn nằm trong thanh bên, được lưu dưới dạng mã khối WordPress tiêu chuẩn, và bạn không cần nhớ thẻ trong ngoặc vuông nào cả.

- [Những gì chuyển sang từ Canvas HTML](https://canvaswp.com/vi/canvas-html-to-wordpress/)

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/)
- [Bố cục Portfolio 27](https://canvaswp.com/vi/templates/portfolio/)
- [Bố cục blog 35](https://canvaswp.com/vi/templates/blog/)
- [Bố cục cửa hàng 9](https://canvaswp.com/vi/templates/shop/)