WPML

Hầu như mọi trang web WordPress làm được nhiều việc hơn là chỉ hiển thị thông tin cơ bản về một doanh nghiệp đều là trang web động. Khi bạn xây dựng các trang web động, bạn tạo mỗi đoạn thông tin một lần và hiển thị nó ở các phần khác nhau của trang web.

Ví dụ: giả sử bạn đang xây dựng một trang web cho một mạng lưới phòng tập thể dục. Bạn cần hiển thị các phòng tập, huấn luyện viên và chương trình khác nhau.

Phòng tập

Huấn luyện viên

Chương trình

Một cách để làm điều này là sử dụng các trang WordPress thông thường và viết tất cả thông tin trên mỗi trang, giống như bạn đang viết nguệch ngoạc trên một tờ giấy. Cách đúng đắn để làm điều này là sử dụng nội dung động.

Với nội dung động, bạn sử dụng các loại nội dung tùy chỉnh và trường tùy chỉnh để lưu trữ thông tin về phòng tập và huấn luyện viên.

Định nghĩa phòng tập là một loại nội dung tùy chỉnh có các trường tùy chỉnh cho nội dung liên quan

Sau đó, bạn hiển thị thông tin này bằng cách sử dụng các template, trang lưu trữ và truy vấn.

Hiển thị nội dung động trong Template nội dung cho các phòng tập

Các plugin WordPress để xây dựng trang web động

Trước đây, việc tạo một trang web động sẽ đòi hỏi rất nhiều công đoạn phát triển tùy chỉnh. Giờ đây, bạn có thể chọn từ nhiều plugin khác nhau để tạo các trang web động mà không cần phải trở thành hoặc thuê một lập trình viên.

Chúng tôi đã đánh giá từng plugin này và phân nhóm chúng dựa trên khả năng tạo cấu trúc dữ liệu tùy chỉnh (như loại bài viết, trường và phân loại) và các tùy chọn để hiển thị dữ liệu đó.

Tất cả các plugin này đều tương thích với WPML.

ToolsetJetEngine & JetSmartFilters của CrocoblockACFElementor ProDiviBeaver ThemerDynamic Content for Elementor
Tạo cấu trúc dữ liệu tùy chỉnh (như loại bài viết, trường, phân loại và mối quan hệ giữa các bài viết)
KhôngKhôngKhôngKhông
Hiển thị nội dung tùy chỉnh một cách động mà không cần viết mã
Không
Tạo danh sách động các bài viết
Không
Tùy chọn bố cục danh sách động
Lưới, bảng, masonry, ảnh ghép, danh sách có dấu đầu dòng, danh sách được đánh số, đầu ra tùy chỉnh hoàn toàn (bao gồm cả thanh trượt)Lưới, thanh trượt, danh sách, băng chuyền, masonry, chèn danh sách, bản đồ, lịchKhông cóLưới, thẻ, masonry, toàn bộ nội dungLướiLưới, masonry, thư viện ảnh, danh sáchLưới, băng chuyền, băng chuyền kép, dòng thời gian, 3D, lưới sang 3D toàn màn hình, Crossroads, trình chiếu
Tùy chọn bộ lọc trong back-end
Không cóGiới hạnKhông cóGiới hạnGiới hạn
Tùy chọn tìm kiếm và bộ lọc tùy chỉnh ở front-end
KhôngKhôngKhôngKhôngCần một plugin của bên thứ 3
Các template và bản demo sẵn sàng sử dụng
KhôngYêu cầu ElementorKhôngKhông

Các plugin tạo nội dung tùy chỉnh và hiển thị động mà không cần viết mã

Các plugin này có thể làm tất cả – tạo cấu trúc dữ liệu tùy chỉnh, như các loại nội dung tùy chỉnh, trường và phân loại, sau đó hiển thị chúng một cách động trong nhiều loại đầu ra khác nhau. Bạn cũng có thể thêm các tùy chọn tìm kiếm tùy chỉnh để lọc nội dung theo các trường tùy chỉnh của mình.

Toolset

Toolset là một bộ plugin hoạt động cùng nhau để giúp bạn xây dựng các trang web động và tùy chỉnh hoàn toàn.

Toolset được xây dựng trên trình soạn thảo khối của Gutenberg, điều đó có nghĩa là tất cả những gì bạn cần để xây dựng một trang web tuyệt vời là WordPress và Toolset. Toolset cung cấp cho bạn toàn quyền kiểm soát thiết kế và chức năng trang web của mình mà không cần bất kỳ mã hóa nào.

Với Toolset, bạn có thể:

Xác định cấu trúc trang web của bạn với các loại tùy chỉnh, trường, phân loại và mối quan hệ giữa các bài viết

Hiển thị nội dung của bạn ở bất kỳ đâu trên trang web dưới dạng danh sách, lưới, ảnh ghép, masonry hoặc trên bản đồ

Xây dựng các template nội dung và trang lưu trữ bằng cách sử dụng các khối trực quan và mạnh mẽ

Tinh chỉnh kiểu dáng trang web của bạn đến từng chi tiết cuối cùng

Tạo các tùy chọn tìm kiếm và lọc tùy chỉnh cho danh sách động các bài viết và trang lưu trữ của bạn

Tạo các template Sản phẩm và trang Cửa hàng WooCommerce động, tùy chỉnh hoàn toàn

Tính năng Nguồn động của Toolset được tích hợp hoàn toàn với các plugin khối phổ biến khác. Điều này giúp dễ dàng thêm chức năng động vào trang web của bạn, bất kể bạn sử dụng công cụ nào.

Toolset có thể giúp bạn xây dựng bất kỳ loại trang web nào: danh bạ, thương mại điện tử, bất động sản, doanh nghiệp, trang web thành viên, v.v. Nó cung cấp nhiều khóa học miễn phí có video và hướng dẫn từng bước để xây dựng bất kỳ loại trang web nào.

Các plugin JetEngine và JetSmartFilters của Crocoblock

Nếu bạn đã sử dụng Elementor Pro để xây dựng các trang web của mình, bạn có thể thêm các plugin Crocoblock để cung cấp chức năng động cho trang web của bạn.

Trang web demo du lịch động từ Crocoblock

Hai trong số các plugin của Crocoblock là JetEngine, để thêm nội dung động vào trang web của bạn và JetSmartFilters, cho phép bạn thêm các bộ lọc front-end cho danh sách động các bài viết.

Với các plugin của Crocoblock, bạn có thể:

  • Tạo và hiển thị các loại tùy chỉnh, trường, phân loại và loại nội dung.
  • Hiển thị các mục một cách động trên bản đồ hoặc trong lịch.
  • Tạo mối quan hệ giữa các bài viết để hiển thị nội dung liên quan khác.
  • Chọn từ nhiều tùy chọn bộ lọc front-end khác nhau.
  • Tạo các bộ sưu tập bài viết do người dùng tạo như dấu trang, bảng so sánh và danh sách yêu thích.

Vì các plugin của Crocoblock hợp tác với Elementor, bạn có toàn bộ thư viện template và bộ công cụ trang web của Elementor để truyền cảm hứng và giúp bạn bắt đầu. Tuy nhiên, bạn không phải sử dụng Elementor nếu không muốn, vì Crocoblock cũng tương thích với trình soạn thảo khối Gutenberg.

Các plugin chỉ tạo nội dung tùy chỉnh

Một số plugin có thể giúp bạn tạo nội dung tùy chỉnh, nhưng bạn sẽ cần kết hợp nó với một plugin khác hoặc sử dụng mã hóa tùy chỉnh nếu bạn muốn hiển thị các trường này trên trang web của mình.

Advanced Custom Fields

Advanced Custom Fields giúp bạn có thể tạo các cấu trúc dữ liệu cần thiết để hiển thị nội dung động trên toàn bộ trang web của mình.

Tạo một trang mới với các trường tùy chỉnh từ ACF

Với ACF, bạn có thể:

  • Thêm các trường tùy chỉnh và hộp meta vào các trang và bài viết của bạn.
  • Tạo mối quan hệ giữa các bài viết
  • Tạo và lưu dữ liệu vào bảng tùy chọn của cơ sở dữ liệu. Điều này có nghĩa là dữ liệu không bị ràng buộc với bất kỳ bài viết hoặc trang nào và đây là một tùy chọn tốt để tạo nội dung bạn muốn hiển thị trong đầu trang và chân trang sau này.

ACF bị giới hạn trong việc thiết lập cấu trúc nội dung của bạn. Để hiển thị nội dung động trên front-end của trang web, bạn cần biết PHP hoặc sử dụng một plugin tương thích.

Các plugin chỉ hiển thị nội dung động

Nếu bạn đã tạo nội dung muốn hiển thị hoặc bạn sử dụng một plugin khác để tạo nội dung tùy chỉnh của mình (như ACF hoặc Toolset), bạn có thể sử dụng các plugin này để hiển thị nội dung động ở nhiều nơi khác nhau trên trang web của mình.

Trình tạo trang: Elementor Pro, Divi và Beaver Themer

Bản thân các trình tạo trang cung cấp một số khả năng động cơ bản.
Elementor ProDivi đi kèm với một số tính năng động được tích hợp sẵn, và Beaver Themer là một tiện ích mở rộng thêm chức năng động cho plugin Beaver Builder.

Template bài viết đơn demo bất động sản động của Elementor Pro

Demo mô-đun blog động của Divi

Demo blog động trong bố cục thư viện ảnh của Beaver Themer

Với các trình tạo trang này, bạn có thể:

  • Tạo các template bài viết đơn hoặc sản phẩm động.
  • Tạo các template trang lưu trữ cơ bản và tùy chỉnh các trang lưu trữ sản phẩm mặc định.
  • Tạo đầu trang và chân trang động.
  • Hiển thị danh sách động các bài viết trong widget bài viết (Elementor Pro), mô-đun blog (Divi) hoặc mô-đun bài viết (Beaver Themer).
  • Với Elementor Pro và Beaver Themer, chọn từ nhiều bố cục danh sách động như lưới, thẻ, masonry, hoặc toàn bộ nội dung, hoặc thư viện ảnh. Divi bị giới hạn ở bố cục lưới.

Nếu bạn không phải là nhà thiết kế, tất cả các tùy chọn trình tạo trang này đều cung cấp nhiều template sẵn sàng sử dụng và các trang web tham khảo có thể tải xuống. Đây có thể là nguồn cảm hứng tuyệt vời hoặc điểm khởi đầu vững chắc cho việc tùy chỉnh.

Dynamic Content for Elementor

Dynamic Content for Elementor mở rộng chức năng trang web động cơ bản do Elementor Pro cung cấp.

Demo dòng thời gian động của Dynamic Content for Elementor

Điểm mạnh của Dynamic Content for Elementor nằm ở các tùy chọn bố cục phong phú khi hiển thị danh sách động các bài viết của bạn. Bạn có thể chọn từ các bố cục sau:

  • Lưới
  • Băng chuyền
  • Băng chuyền kép
  • Dòng thời gian
  • 3D
  • Lưới sang 3D toàn màn hình
  • Crossroads
  • Trình chiếu

Lưu ý rằng bạn cần Elementor để sử dụng plugin này, cộng với một plugin cho phép bạn tạo nội dung tùy chỉnh của mình (như ACF hoặc Toolset Types) nếu bạn muốn hiển thị bất kỳ thứ gì ngoài các bài viết cơ bản và các trường tiêu chuẩn. Nếu bạn muốn thêm các tùy chọn tìm kiếm tùy chỉnh, bạn sẽ cần một plugin của bên thứ 3 khác, Search and Filter Pro.

Nội dung động thậm chí còn quan trọng hơn đối với các trang web đa ngôn ngữ

Nội dung động rất tuyệt vời cho các trang web đơn ngữ, nhưng đối với các trang web đa ngôn ngữ, nó rất quan trọng. Đối với các trang web rất nhỏ, bạn có thể quản lý nội dung trong các “trang” thông thường và cập nhật bản dịch của chúng theo cách thủ công. Tuy nhiên, nếu bạn đang xây dựng một trang web lớn với nhiều ngôn ngữ, bạn cần dịch mỗi đoạn thông tin chỉ một lần.

Khi bạn xây dựng các trang web đa ngôn ngữ một cách động, bạn sẽ dịch mỗi “phòng tập” và mỗi “huấn luyện viên” một lần. Các template, View và trang lưu trữ của bạn sẽ tải đúng thông tin cho từng ngôn ngữ.

Hãy dùng thử và cho chúng tôi biết!

Nếu bạn duy trì một trang web có nội dung thay đổi liên tục, bạn sẽ được hưởng lợi từ việc có một trang web động. Việc tạo các trang web động dễ dàng hơn bao giờ hết nhờ vào nhiều plugin cho phép bạn tạo nội dung tùy chỉnh, hiển thị nội dung đó một cách động ở bất cứ đâu bạn cần hoặc cả hai – tất cả đều không cần viết mã!

Khách hàng hiện tại của WPML có thể nhận được chiết khấu cho một số plugin được đề cập trong bài viết này, bao gồm giảm 30% cho giấy phép Toolset. Để biết thêm chi tiết, hãy đăng nhập vào tài khoản WPML của bạn và truy cập trang Ưu đãi của bạn.

Bạn thường xây dựng các trang web tĩnh hay động? Bạn đã sử dụng các tính năng động trong bất kỳ plugin nào mà chúng tôi đã đề cập chưa? Hãy để lại bình luận và cho chúng tôi biết!

Bạn thấy bài viết này hữu ích? Hãy chia sẻ bài viết này: