Hướng dẫn Advanced Custom Fields (ACF)

Plugin,
03/07/2020, 02/07/2020, 7:18 sáng

Xin chào các bạn hôm nay netweb.vn sẽ hướng dẫn cho các bạn 1 plugin khá chất cho devevop website wordpress

Chức năng của Advanced Custom Fields

Sử dụng plugin Trường tùy chỉnh nâng cao để kiểm soát hoàn toàn màn hình chỉnh sửa WordPress và dữ liệu trường tùy chỉnh của bạn.

Thêm các lĩnh vực theo yêu cầu. Trình tạo trường của chúng tôi cho phép bạn nhanh chóng và dễ dàng thêm các trường vào màn hình chỉnh sửa WP chỉ bằng một vài nút bấm!

Thêm chúng ở bất cứ đâu. Các trường có thể được thêm vào tất cả trên WP bao gồm bài đăng, người dùng, thuật ngữ phân loại, phương tiện, bình luận và thậm chí các trang tùy chọn tùy chỉnh!

Hiển thị chúng ở khắp mọi nơi. Tải và hiển thị các giá trị trường tùy chỉnh của bạn trong bất kỳ tệp mẫu chủ đề nào với các chức năng thân thiện với nhà phát triển miễn phí rắc rối của chúng tôi!

ACF thì có 2 bản 1 bản thường là Advanced Custom Fields và Advanced Custom Fields Pro

Bắt đầu với Advanced Custom Field

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 bạn. 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 nhanh hơn.

Các bạn có thể xem Hướng dẫn chi tiết ở đây https://www.advancedcustomfields.com/resources/

Cài đặt advanced custom field như thế nào

Cách 1: Tự động

  1. Đăng nhập vào cài đặt WP của bạn
  2. Từ Bảng quản trị , nhấp vào Menu Plugin
  3. Bên dưới Plugin, nhấp vào menu phụ Thêm
  4. Tìm kiếm các lĩnh vực tùy chỉnh nâng cao
  5. Nhấp vào nút Cài đặt ngay bây giờ trên nút ACF trên plugin ACF (nên là nút đầu tiên)
  6. Sau khi cài đặt, bạn sẽ tìm thấy một mục menu mới.

Phương pháp 2: FTP

  1. Tải xuống plugin Trường tùy chỉnh nâng cao
  2. Tải lên ‘trường tùy chỉnh nâng cao’ vào thư mục ‘/ wp-content / plugins /’
  3. Kích hoạt plugin thông qua menu ‘Plugins’ trong WordPress
  4. Sau khi cài đặt, bạn sẽ tìm thấy một mục menu mới.

Cách sử dụng 1 nhóm field

ACF sử dụng các nhóm trường để đính kèm các trường vào bài viết. Mỗi nhóm trường chứa một tiêu đề, các trường, quy tắc vị trí và cài đặt hình ảnh. Để tạo một nhóm trường, bấm vào Custom Fieldsmục menu. Bạn sẽ thấy một màn hình chào mừng như thế này:

Thêm mới

Nhấp vào nút Thêm Thêm Mới sẽ tạo Nhóm Trường mới. Khi chỉnh sửa một nhóm lĩnh vực, bạn sẽ thấy 3 lĩnh vực quan tâm; Các lĩnh vực, địa điểm và tùy chọn.

Tiêu đề

Mỗi nhóm lĩnh vực yêu cầu một tiêu đề. Tiêu đề này được hiển thị trong tay cầm metabox trên màn hình chỉnh sửa. Một mẹo hay là sử dụng các tiêu đề có liên quan như Trang chủ Trang chủ

Lĩnh vực

Here you can create and manage a variety of custom fields. Clicking the “Add Field” button will create a new field and add it to the bottom of the list (you can reorder your fields by dragging the order number as a handle). Adding a field will look like this:

Mỗi lĩnh vực yêu cầu một Nhãn, tên và loại. Tất cả các tùy chọn khác là không bắt buộc và sẽ thay đổi tùy thuộc vào loại trường.

Nhãn trường hiển thị khi nhập nội dung nhưng không được API sử dụng, hãy sử dụng chữ hoa và khoảng trắng cho nhãn trường thân thiện với con người.

Tên trường là phiên bản máy tính nên viết thường và không có khoảng trắng / ký tự đặc biệt. Tên này được sử dụng trong các mẫu của bạn để lấy nội dung / dữ liệu.

Di chuột qua thanh màu xám ở đầu trường sẽ hiển thị các nút hành động tương tự như bất kỳ danh sách WP nào khác. Những hành động này cho phép bạn xóa, chỉnh sửa (mở / đóng) và sao chép trường.

Vị trí

Hộp vị trí cho phép bạn tạo một bộ quy tắc quyết định thời điểm và địa điểm để thêm các trường này vào đối tượng chỉnh sửa màn hình / bài đăng. Dưới đây là ví dụ về một số quy tắc vị trí sẽ làm cho nhóm trường này chỉ xuất hiện trên các trang có mẫu được chọn là Mẫu Sidebar Sidebar

Xin lưu ý rằng quy tắc vị trí có thể được nhóm lại với nhau để tạo bất kỳ kết hợp andvà orcâu lệnh nào.

Tùy chọn

Đối với mỗi nhóm trường, có một vài tùy chọn đơn giản để giúp tùy chỉnh màn hình chỉnh sửa nơi nhóm trường này xuất hiện. Nếu bạn có nhiều nhóm trường xuất hiện trên một trang, các tùy chọn của nhóm trường đầu tiên sẽ được sử dụng. Đây là lý do tại sao bạn có thể đặt một số thứ tự. Các nhóm trường được tải và hiển thị theo thứ tự trên đơn đặt hàng của họ, không có điểm nào trong đó 0 là đầu tiên và 99 là cuối cùng.

Cách cài đặt các trường (Field Settings)

Các bạn vào web chính rồi dịch qua tiếng việt nhé!

https://www.advancedcustomfields.com/resources/field-settings/

Hiển thị giá trị ra ngoài theme (Displaying values in your theme)

Xem hướng dẫn: https://www.advancedcustomfields.com/resources/displaying-custom-field-values-in-your-theme/

Code mẫu cho các bạn dùng (Code Examples)

Tham khảo link: https://www.advancedcustomfields.com/resources/code-examples/

Với bản advanced custom fields pro thì nó hiện thêm nhiều tính năng hơn bản thường.

Các bạn click vào từng link xem hướng dẫn bên nhà cung cấp cho tiện update ạ!

1. The Repeater Field

Trường lặp lại cho phép bạn tạo một tập hợp các trường con có thể lặp lại lần nữa và lần nữa và lần nữa.

Bất kỳ loại trường nào cũng có thể được thêm dưới dạng trường con cho phép bạn tạo và quản lý dữ liệu rất tùy chỉnh một cách dễ dàng!

2. ACF Blocks

Khám phá một khung công tác dựa trên PHP mạnh mẽ để phát triển các loại khối tùy chỉnh.

Các khối ACF có khả năng tùy biến cao và năng động mạnh mẽ. Chúng tích hợp sâu với các trường tùy chỉnh cho phép các nhà phát triển PHP tạo ra các giải pháp riêng biệt với phát triển chủ đề WordPress.

3 The Flexible Content Field

Trường nội dung linh hoạt là một trình quản lý bố cục nội dung hoàn chỉnh!

Xác định các nhóm trường con (bố cục) và thêm, chỉnh sửa và sắp xếp lại chúng để tạo nội dung tùy biến cao!

4. Options Pages

Trang tùy chọn cung cấp một tập hợp các chức năng để thêm các trang quản trị bổ sung để chỉnh sửa các trường ACF!

Tất cả dữ liệu được lưu trên một trang tùy chọn là toàn cầu và có thể được hiển thị trên bất kỳ trang nào trên toàn trang web (tốt cho dữ liệu đầu trang và chân trang)!

5.The Gallery Field

Trường bộ sưu tập cung cấp một giao diện đơn giản và trực quan để quản lý bộ sưu tập hình ảnh.

Nhiều hình ảnh có thể được thêm, chỉnh sửa và sắp xếp dễ dàng!

6.The Clone field

Trường bản sao cho phép bạn sử dụng lại các trường và nhóm trường hiện có theo yêu cầu!

Với nhiều cài đặt mạnh mẽ, trường này mở ra một quy trình làm việc hiệu quả hơn để quản lý cài đặt trường.

Chúc các bạn thành công!

Các bài viết cùng chuyên mục

08 9898 2526