Làm cách nào để thêm trường ACF trong WordPress?
|
Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách tích hợp WS Form PRO với plugin Trường tùy chỉnh nâng cao (ACF). Bạn sẽ tìm hiểu cách tạo biểu mẫu có thể tạo bài đăng WordPress chứa các trường tùy chỉnh được định cấu hình trong ACF Show ACF là một plugin cho phép bạn tạo các trường tùy chỉnh cho bất kỳ loại bài đăng nào. Biểu mẫu WS có thể được tích hợp hoàn toàn với các trường tùy chỉnh được tạo bằng ACF ACF có chức năng biểu mẫu cơ bản được tích hợp sẵn cho phép bạn đặt cùng một biểu mẫu ACF mà bạn tìm thấy trong quản trị viên WordPress lên giao diện người dùng của trang web của bạn. Tuy nhiên, dạng này có bố cục và thiết kế cố định Bằng cách sử dụng Biểu mẫu WS, bạn có thể phát triển các biểu mẫu mạnh mẽ, thân thiện với thiết bị di động có bất kỳ bố cục nào thay cho chức năng cơ bản này Trong hướng dẫn này, chúng tôi sẽ tạo một biểu mẫu sẽ tạo một bài đăng blog mới khi nó được gửi. Những hướng dẫn tương tự này có thể được sử dụng để tạo bất kỳ loại bài đăng nào khác, chẳng hạn như trang hoặc sản phẩm Khi được sử dụng với Tiện ích bổ sung quản lý bài đăng biểu mẫu WS, bạn có thể
Các trường bộ lặp ACF được hỗ trợ đầy đủ khi tạo, điền và gửi biểu mẫu điều kiện tiên quyếtĐối với hướng dẫn này, bạn sẽ cần các plugin sau
Tạo trường trong ACFĐầu tiên, chúng tôi sẽ tạo một số trường tùy chỉnh sẽ xuất hiện khi chúng tôi chỉnh sửa bài đăng trong WordPress. Chúng tôi có thể chọn bất kỳ loại trường nào mà ACF cung cấp, bao gồm các nhóm và bộ lặp  Bạn có thể tìm thấy một số tài nguyên hữu ích về cách định cấu hình ACF tại đây Các loại trường ACF sau đây được hỗ trợ trong Biểu mẫu WS Căn bản
Nội dung
Sự lựa chọn
quan hệ
jQuery
Cách trình bày
Nếu bạn thêm trường 'Bộ lặp' trong ACF, trường đó sẽ được chuyển đổi thành phần có thể lặp lại trong Biểu mẫu WS. Khi biểu mẫu đó được gửi, các hàng lặp lại sẽ được điền vào bài đăng tại các hàng trong ACF. Biểu mẫu WS hỗ trợ tất cả các loại trường trong các phần có thể lặp lại Tạo một biểu mẫuTiếp theo, chúng ta sẽ tạo một biểu mẫu trong WS Form. Để thực hiện việc này, chúng tôi nhấp vào 'Thêm mới' trong menu 'Biểu mẫu WS' Bởi vì chúng tôi đã cài đặt tiện ích bổ trợ Quản lý bài đăng, bạn sẽ thấy rằng chúng tôi có tab 'Quản lý bài đăng'. Nếu chúng tôi nhấp vào tab đó, nó sẽ hiển thị cho chúng tôi các mẫu cho từng loại bài đăng đã đăng ký trong WordPress. Chúng tôi sẽ chọn mẫu 'Đăng'
Ở đầu biểu mẫu là một phần bao gồm các trường tiêu chuẩn mà chúng tôi muốn thấy cho một bài đăng, chẳng hạn như tiêu đề, nội dung một đoạn trích. Ngoài ra, nó đã tạo các trường và phần cho tất cả các trường tùy chỉnh mà chúng tôi đã tạo bằng ACF. Biểu mẫu WS đặt độ rộng của các trường để khớp với cài đặt cấu hình ACF của bạn Bạn có thể chỉnh sửa biểu mẫu theo cách chính xác giống như bất kỳ biểu mẫu nào khác. Ví dụ: bạn có thể thay đổi kích thước các trường, thay đổi kích thước các phần và thậm chí chia biểu mẫu thành nhiều tab. Tất cả chức năng của trình chỉnh sửa bố cục Biểu mẫu WS đều có sẵn cho bạn Ánh xạ trường (Tùy chọn)Khi biểu mẫu được gửi, các trường trên biểu mẫu của bạn được sử dụng để tạo bài đăng trong WordPress. Biểu mẫu WS tự động tạo ánh xạ trường cho bạn nếu bạn sử dụng mẫu Các trường được ánh xạ tới các trường WordPress hoặc ACF bằng cách sử dụng hành động 'Quản lý bài đăng' Để chỉnh sửa ánh xạ trường
Các trường như lựa chọn, hộp kiểm và radio kéo các lựa chọn của chúng một cách linh hoạt từ ACF. Điều này có nghĩa là nếu bạn thay đổi một lựa chọn trong ACF, nó sẽ tự động cập nhật trên biểu mẫu của bạn Tương tự như vậy, các trường quan hệ trong ACF chẳng hạn như trường ‘Đối tượng đăng’ và ‘Người dùng’ cũng được cập nhật động Xem trước biểu mẫuBây giờ hãy kiểm tra biểu mẫu. Để làm điều đó, chúng tôi chỉ cần nhấp vào nút 'Xem trước' Bạn sẽ nhận thấy trong cửa sổ xem trước của chúng tôi rằng chúng tôi đã mở bảng điều khiển gỡ lỗi Biểu mẫu WS. Đây là một tính năng thực sự tuyệt vời để kiểm tra biểu mẫu và cho phép bạn điền vào biểu mẫu chỉ bằng một cú nhấp chuột. Mỗi khi bạn nhấp vào 'Điền vào', biểu mẫu sẽ được điền với các dữ liệu khác nhau. Thậm chí còn có nút 'Điền và gửi' cho phép bạn điền dữ liệu vào biểu mẫu và gửi nó Xem bài viếtBây giờ biểu mẫu đã được gửi, hãy xem nó trông như thế nào trong WordPress Đầu tiên, chúng tôi sẽ nhấp lại vào quản trị viên WordPress. Sau đó, chúng tôi sẽ nhấp vào 'Bài đăng' trong menu WordPress Và có bài viết mới của chúng tôi đã được tạo bởi WS Form Nếu chúng tôi nhấp vào bài đăng, chúng tôi có thể thấy rằng tiêu đề bài đăng, đoạn trích và nội dung đã được điền từ biểu mẫu. Bên dưới, bạn có thể thấy các trường tùy chỉnh được tạo trong ACF cũng đã được điền WS Form hỗ trợ tích hợp với tất cả các loại trường ACF cốt lõi Điền trước một biểu mẫu với các trường tùy chỉnh ACFNgoài việc tạo bài đăng, Biểu mẫu WS cũng có thể điền sẵn biểu mẫu bằng các trường tùy chỉnh ACF. Để chứng minh điều này, chúng tôi sẽ quay lại trình chỉnh sửa bố cục cho biểu mẫu mà chúng tôi vừa tạo. Tiếp theo, chúng tôi nhấp vào biểu tượng cài đặt biểu mẫu ở đầu trình chỉnh sửa bố cục Sau đó, chúng tôi nhấp vào tab 'dữ liệu'. Từ đây, chúng tôi định cấu hình Biểu mẫu WS để điền vào biểu mẫu bằng cách sử dụng dữ liệu từ một bài đăng WordPress hiện có. Trong ví dụ này, chúng tôi sẽ đặt Biểu mẫu WS để sử dụng ID của bài đăng mà chúng tôi vừa tạo Trường ACF là gì?Trường tùy chỉnh nâng cao là một plugin WordPress cho phép bạn thêm các trường nội dung bổ sung vào màn hình chỉnh sửa WordPress của mình . Các trường nội dung bổ sung này thường được gọi là Trường tùy chỉnh và có thể cho phép bạn xây dựng trang web nhanh hơn và giáo dục khách hàng của bạn nhanh hơn. Bắt đầu với ACF. Cài đặt.
Làm cách nào để tạo các trường tùy chỉnh nâng cao trong WordPress mà không cần plugin?Thêm siêu dữ liệu tùy chỉnh
. Hộp Trường tùy chỉnh bây giờ sẽ xuất hiện ở cuối trình chỉnh sửa nội dung bài đăng. Bây giờ, chúng tôi có thể thêm siêu dữ liệu tùy chỉnh của mình. Một siêu dữ liệu duy nhất được xử lý với các cặp tên/giá trị khóa. click the Screen Options and tick the Custom Fields option. The Custom Field box should now appear at the bottom of the post content editor. Now, we can add our custom meta-data. A single meta-data is handled with key name/value pairs. |
