Dynamic Content là gì? #
Dynamic Content (Nội dung động) cho phép widget tự lấy dữ liệu từ WordPress thay vì nhập nội dung cố định. Ví dụ: tiêu đề bài viết, ảnh đại diện, meta data, custom field…
Khi dùng Dynamic Content, bạn chỉ cần thiết kế layout một lần. Tất cả bài viết/trang sử dụng template đó sẽ tự hiển thị nội dung tương ứng.
Cách bật Dynamic Content #
Trong widget có hỗ trợ nội dung động, bạn sẽ thấy icon hình database/stack cạnh trường nhập.
- Bấm icon Dynamic
- Chọn loại dữ liệu cần dùng
- Nhập tham số nếu cần (ví dụ: ACF Field Key)
Các nguồn Dynamic phổ biến #
1. Dữ liệu WordPress mặc định #
- Post Title
- Post Content
- Excerpt
- Featured Image
- Date
- Author
- Category
- Tag
2. Dữ liệu từ ACF / Meta Fields #
Các dạng dữ liệu thường dùng:
- Text Field
- Image Field
- Repeater
- URL Field
- Number / Boolean
Chọn Dynamic → ACF Field → nhập đúng Field Key. Lưu ý bài viết cần có dữ liệu đầy đủ để hiển thị.
3. Global Site Data #
- Site Title
- Site Tagline
- Logo
- URL trang chủ
- Thông tin Global tùy chỉnh
Hiển thị điều kiện (Conditional Display) #
Elementor Pro cho phép hiển thị hoặc ẩn widget dựa trên điều kiện dữ liệu.
- Chọn widget
- Tab Advanced
- Dynamic Conditions
- Thêm điều kiện (ví dụ: “Field is not empty”)
Ứng dụng:
- Ẩn giá khi sản phẩm không có giá sale
- Chỉ hiện gallery khi có ảnh
- Hiển thị hotline khi có số điện thoại
Loop Template & Dynamic Content #
Khi tạo Loop Grid hoặc Loop Carousel, Dynamic Content là cốt lõi.
- Post Title
- Featured Image
- Excerpt
- Button → Dynamic URL → Permalink
- Meta dữ liệu (WooCommerce)
Loop Template = thiết kế 1 card → Elementor tự lặp lại theo danh sách bài viết.
Dynamic Content trong Theme Builder #
- Site Logo
- Post Title
- Breadcrumb
- Author Box
- Post Content
- Related Posts
Lưu ý quan trọng #
- Luôn dùng “Preview with” để xem đúng dữ liệu
- ACF cần đặt Location Rules chính xác
- Template dùng cho nhiều post type → kiểm tra field key
- Dynamic URL phải dùng Permalink cho nút Read More
- Nếu widget rỗng → kiểm tra bài có dữ liệu chưa
Ví dụ nhanh #
Mục tiêu: tạo card bài viết cho Loop Template
- Image → Featured Image (dynamic)
- Heading → Post Title
- Text Editor → Excerpt
- Button → Dynamic URL → Post URL
- Style theo brand
Khi bài viết thay đổi → card tự động cập nhật.
