Làm thế nào để bạn hiển thị giá trị trường ACF?

Bài đăng được tài trợ này nêu bật một sản phẩm có liên quan đến độc giả của chúng tôi đồng thời đáp ứng các nguyên tắc biên tập của chúng tôi về tính khách quan và giáo dục

nè mọi người. Chào mừng bạn đến với hướng dẫn khác của Envato Tuts+. Tên tôi là Adi và trong hướng dẫn hôm nay, tôi sẽ chỉ cho bạn hai cách hiển thị bài đăng và trường ACF trong WordPress

Chuyển đến nội dung trong phần này

Xem video

Sử dụng “Chế độ xem ACF” cho các trường tùy chỉnh nâng cao trong WordPress

Làm thế nào để bạn hiển thị giá trị trường ACF?

Giới thiệu

Dành cho những bạn chưa biết. ACF là một plugin WordPress cho phép bạn thêm các trường tùy chỉnh và lý do chúng tôi cần một plugin như thế này là vì mặc dù WordPress có hỗ trợ Trường tùy chỉnh theo .

Bây giờ đây là điều. nếu bạn không rành về mã và bạn muốn hiển thị Trường tùy chỉnh ở giao diện người dùng, vì vậy trên trang web thực tế, bạn có thể thấy hơi khó khăn vì bạn cần viết một số mã PHP để lấy các trường đó từ cơ sở dữ liệu

1

2
3
// it's a simple example for a text field, fields have different types (select, image, gallery…),

4
// and displaying depends on a type

5
6
echo get_field('page-subtitle');

0

1

2

Đó là lý do tại sao trong hướng dẫn này, tôi sẽ chỉ cho bạn hai cách để bạn có thể làm điều đó. Đầu tiên là mã và thứ hai là plugin tuyệt vời có tên Chế độ xem ACF. Mà thực sự là nhà tài trợ của bài viết ngày hôm nay. Chế độ xem ACF là một plugin WordPress hoạt động trên Trường tùy chỉnh nâng cao. Nó cho phép bạn hiển thị các trường Bài đăng và ACF ở bất kỳ đâu trên trang web của bạn bằng cách sử dụng mã ngắn. Điều này có nghĩa là bạn sẽ không còn cần phải viết bất kỳ mã PHP nào để truy vấn các bài đăng hoặc nhận các giá trị trường và hiển thị chúng.

Chế độ xem ACF được tải xuống và sử dụng miễn phí hoặc có giá 25 đô la mỗi năm cho phiên bản Pro, if you want to unlock extra features, like advanced filtering, Ajax pagination, custom Gutenberg blocks and more. And if you use the promo code envato , bạn sẽ được giảm giá 20% cho phiên bản Pro.

Giới thiệu về Meta bài đăng WordPress và các loại bài đăng tùy chỉnh

Trước khi chúng ta làm việc với Trường ACF. Có hai khái niệm cơ bản bạn cần hiểu. Meta bài đăng WordPress và các loại bài đăng tùy chỉnh. Vì vậy, hãy xem đây là gì và vai trò của chúng khi nói đến Trường tùy chỉnh.

Bây giờ, nếu bạn đã từng làm việc với WordPress, thì bạn biết rằng có một số loại dữ liệu nhất định mà bạn có thể tự nhập hoặc tự tạo, chẳng hạn như Bài đăng, Hình ảnh hoặc bất kỳ loại Phương tiện, Trang, Người dùng nào, v.v. Và đây là điều. WordPress thực sự chứa tất cả thông tin này trong một bảng duy nhất và bảng đó được gọi là Bài viết WP.

Vì vậy, ngay cả khi thông tin chúng tôi đang nhập là Bài đăng hoặc Trang hoặc Tệp đính kèm hoặc thậm chí là Sản phẩm WooC Commerce, mọi thứ sẽ được đặt bên trong bảng Bài đăng WP trong cơ sở dữ liệu. Vì vậy, hãy để tôi thực sự chỉ cho bạn cái bảng đó. Và tôi đang sử dụng bản cài đặt cục bộ của Wordpress ở đây, nhưng cơ sở dữ liệu, bảng hoàn toàn giống nhau. Vì vậy, nếu chúng tôi mở Bài đăng WP và chúng tôi chọn dữ liệu ở đây, bạn có thể tìm thấy tất cả nội dung mà tôi hiện đã nhập trong bản cài đặt WordPress của mình.  

Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?

Vì vậy, tôi có một bài đăng ở đây tên là “Xin chào thế giới”, và chúng ta thực sự có thể tìm thấy nó ngay tại đây, đây là bài đăng đầu tiên. Bạn có thể thấy chúng tôi có Tiêu đề bài đăng và cái này có ID bài đăng là 1, nhưng tôi cũng có một vài trang hoặc thực tế chỉ một trang có tên là “Trang mẫu”. Và chúng ta cũng có thể tìm thấy điều đó ngay tại đây, ngay với Post ID của 2

Vì vậy, đây là Bài đăng, đây là Trang, nhưng cả hai đều được lưu trong bảng Bài đăng WP trong cơ sở dữ liệu. Và bạn sẽ thấy rằng nếu chúng ta cuộn đến cuối ở đây, bạn sẽ thấy rằng mỗi mục trong bảng này có một Loại bài đăng khác nhau

Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?

Bài đăng gốc của tôi có Loại bài đăng Bài đăng. Trang của tôi có Loại bài đăng của Trang. Và bạn có thể thấy có một vài loại bài đăng khác ở đây. Bây giờ, mỗi bài đăng trong bảng này có cấu trúc giống hệt nhau, đúng vậy, nó có một ID, nó có Tác giả bài đăng, Ngày, Nội dung, Tiêu đề, Đoạn trích, Loại bài đăng, đúng như bài bạn đã thấy ở đây và không thể thương lượng.  

Về cơ bản, mọi mục nhập đều có cấu trúc chính xác được xác định bởi cấu trúc của bảng này. Vì vậy, chúng tôi không thể thêm các đặc điểm khác nhau vào các bài đăng trong bảng này, tôi không thể thêm một cột khác ở đây và đặt tên cho nó theo ý muốn. Điều đó đơn giản là không thể, và đây là lúc Post Meta xuất hiện và Post Meta được lưu trong một cơ sở dữ liệu riêng có tên là WP PostMeta và nếu chúng ta xem dữ liệu ở đây, bạn có thể thấy rằng cấu trúc của bảng này rất đơn giản

Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?

Chúng tôi có Meta ID, Post ID, Meta Key và Meta Value và cách thức hoạt động của nó cực kỳ đơn giản. mỗi mục trong bảng này có Khóa và Giá trị và tôi có thể liên kết cặp này với bất kỳ ID bài đăng nào. Vì vậy, ví dụ: đối với bài đăng “Xin chào thế giới” của tôi, có ID bài đăng là 1, tôi có meta bài đăng này, được liên kết với trang mẫu của tôi, có ID bài đăng là 2. Tôi có hai mục ở đây, tôi có Phụ đề Trang và Phụ đề Trang có dấu gạch dưới.

Và đừng lo lắng về ý nghĩa của những điều này, về cơ bản, đây là những đặc điểm riêng biệt của bài đăng hoặc trang đó hoặc bất kỳ thứ gì.  

Vì vậy, bất cứ khi nào tôi cần thêm một đặc điểm đặc biệt vào Bài đăng, Trang hoặc Tệp đính kèm hoặc bất cứ thứ gì, tôi không làm điều đó trong bảng Bài đăng WP, tôi làm điều đó trong bảng Meta Bài đăng phải không. Tôi chỉ cần đảm bảo tham chiếu ID bài đăng chính xác. Vì vậy, nếu tôi muốn thêm Khóa Meta và Giá trị Meta cho bài đăng “Xin chào thế giới” của mình, bài đăng có ID bài đăng là 1, tôi chỉ cần tạo một mục nhập mới, tôi chọn ID bài đăng là 1 và tôi nhập thông tin của mình, nhưng . Tôi chỉ cho bạn thấy những bảng này trong cơ sở dữ liệu chính để bạn có thể hiểu điều gì đang xảy ra đằng sau hậu trường

Được rồi, về cơ bản đó là Post Meta. Bây giờ tôi cũng đã đề cập đến Loại bài đăng tùy chỉnh. Vì vậy, đó là những gì chính xác? . right here, where it says Post Type, you'll see that every entry in this table has a Post Type. 

Chúng tôi có thể có Trang, Bài đăng, trường ACF, Bản sửa đổi, Điện thoại thông minh, Tệp đính kèm, ngay cả khi bạn đã thêm hình ảnh thích vào cài đặt WordPress của mình, đây đều là các loại bài đăng, nhưng loại mà bạn thấy ở đây, Điện thoại thông minh, . php , bạn sẽ thấy rằng tôi đang đăng ký Loại bài đăng tùy chỉnh tại đây, được gọi là “Điện thoại thông minh”.

1

2

6
3

8
4
2
0
5
2
2
6
2
4

0
2
6

1
2
8
2
9
3
0
3
1
3
2
3
3
3
4__
3
5
3
6
3
7
3
8
3
9
// it's a simple example for a text field, fields have different types (select, image, gallery…),

0
// it's a simple example for a text field, fields have different types (select, image, gallery…),

1
// it's a simple example for a text field, fields have different types (select, image, gallery…),

2____
// it's a simple example for a text field, fields have different types (select, image, gallery…),

3
// it's a simple example for a text field, fields have different types (select, image, gallery…),

445
// it's a simple example for a text field, fields have different types (select, image, gallery…),

5

Các loại bài đăng tùy chỉnh, nếu được thực hiện đúng cách, sẽ thực sự cho phép bạn xem các bài đăng đó một cách riêng biệt trong phần phụ trợ WordPress của bạn. Vì vậy, tôi có một mục riêng ở đây, trong menu, có tên là “Điện thoại thông minh” và tôi có một danh sách các bài đăng sử dụng Loại bài đăng tùy chỉnh này và tôi cũng có các danh mục cho chúng. Bình dân, Cao cấp, Tiền vệ và tôi cũng có thể thêm, xóa và chỉnh sửa, giống như bất kỳ bài đăng nào khác trong bản cài đặt WordPress của mình.  

Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?

Điều này cực kỳ hữu ích, chẳng hạn nếu bạn đang xây dựng trang web cho ai đó muốn bán điện thoại thông minh hoặc họ muốn hiển thị dưới dạng danh mục điện thoại thông minh mà họ đang bán, việc có một danh mục riêng ở đây trong menu sẽ giúp bạn dễ dàng hơn rất nhiều . Nhưng điều này cũng liên kết rất tốt với ACF, đúng vậy, ACF là viết tắt của Trường tùy chỉnh nâng cao, đó là một plugin tuyệt vời. Vì vậy, nếu chúng ta đi đến Trường tùy chỉnh, tôi có một Nhóm ở đây, được gọi là Tùy chọn điện thoại thông minh và bạn sẽ thấy rằng Nhóm trường này chỉ được hiển thị nếu Loại bài đăng bằng Điện thoại thông minh.  

Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?

Được rồi, vì vậy nếu tôi truy cập “điện thoại thông minh” và mở một trong số chúng, bạn sẽ thấy rằng tôi có một số Trường tùy chỉnh ngay tại đây, ở dưới cùng, “Nhà sản xuất” và “Giá” mà tôi có thể chỉnh sửa và tất nhiên là sử dụng để

Bây giờ nói về "điện thoại thông minh". Để tôi thực sự chỉ cho bạn cách Post Meta liên kết với tất cả những điều này. Vì vậy, nếu chúng tôi mở cái này, đó là “Huawei Nova”, cái này có ID bài đăng là 40 và nếu chúng tôi chuyển đến bảng WP PostMeta và chúng tôi sắp xếp theo ID bài đăng, bạn sẽ thấy ở đó có ghi ID bài đăng .  

Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?

Vì vậy, trong trường hợp này, bảng Post Meta được sử dụng để hiển thị hoặc lưu trữ Trường tùy chỉnh cho các bài đăng này, vì vậy, đây là một cái nhìn thực sự nhanh về cách WordPress lưu trữ thông tin bài đăng, cũng như Post Meta và chúng ta cũng đã thấy cách tạo Loại bài đăng tùy chỉnh,

Cách hiển thị trường ACF (2 cách)

Được rồi, hi vọng bây giờ bạn đã hiểu cách hoạt động của Meta bài đăng và Loại bài đăng tùy chỉnh trong WordPress. Hãy xem cách chúng tôi có thể hiển thị các trường ACF hoặc Trường tùy chỉnh mà chúng ta đã thấy trước đó ở giao diện người dùng và như tôi đã nói, tôi sẽ chỉ cho bạn hai cách cho cách đó bằng mã và cách thứ hai bằng plugin.  

Hãy bắt đầu với mã.  

Vì vậy, nếu chúng ta xem Trường tùy chỉnh, tôi có một Nhóm ở đây, được gọi là Trang bổ sung và trường tùy chỉnh này chỉ hiển thị nếu Loại bài đăng bằng với Trang, vâng, vì vậy nếu tôi truy cập các trang của mình và tôi mở

Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?

Vì vậy, hãy nói. “đây là phụ đề demo”. Được rồi, đây là giá trị của trường tùy chỉnh và tôi sẽ nhấn cập nhật. Bây giờ nếu tôi mở trang của mình, tôi không thấy văn bản đó ở bất kỳ đâu, vậy làm cách nào để thêm nó vào giao diện người dùng, làm cách nào để chúng tôi hiển thị giá trị trường tùy chỉnh đó trên trang web thực tế?

Vâng với mã chúng ta cần phải làm một cái gì đó như thế này. chúng ta sẽ đi đến trang. php và đây là mẫu mà WordPress sử dụng để hiển thị nội dung này và ngay tại đây tôi có thể làm một cái gì đó như thế này. Tôi có thể nói PHP, the_field, và sau đó tôi sẽ nói Phụ đề trang, là tên của trường tùy chỉnh của tôi và tôi sẽ đóng thẻ PHP

1
4
3

Vì vậy, tôi sẽ lưu cái này, làm mới và thực sự là một lỗi đánh máy nhỏ ở đây, nó như thế này, làm mới và bây giờ tôi có thể thấy “Phụ đề” ngay tại đây và chắc chắn . Vì vậy, đó là một bản demo thực sự đơn giản, nhưng còn những điện thoại thông minh đó thì sao, bởi vì nếu tôi vào danh sách điện thoại thông minh, hãy mở “Huawei Nova” này, ở đây bạn có thể thấy rằng tôi có hai Trường tùy chỉnh, “Nhà sản xuất” và “Giá”. Vì vậy, nếu chúng tôi nhấn “cập nhật” và nếu chúng tôi mở trang này, chúng tôi chỉ có thể thấy “tiêu đề” và nội dung được xác định cơ bản tại đây. Làm thế nào để chúng tôi hiển thị hai? .

Vì vậy, hãy tiếp tục và sửa đổi điều này. Ngay trước vòng lặp, tôi sẽ nói điều gì đó như thế này. H3, các đặc điểm và sau đó hãy tạo một danh sách và sau đó là một mục danh sách và chúng ta sẽ nói “Thương hiệu” và sau đó bên trong chúng ta sẽ nói PHP và tôi sẽ nói trường “Nhà sản xuất” và sau đó chúng ta hãy bắt đầu . and I'm going to change this to “Price” then save and now when we refresh. 

1
4
5
2
_______57
3
4
9
4
// and displaying depends on a type

1
5
// and displaying depends on a type

3
6
// and displaying depends on a type

5

0
// and displaying depends on a type

7

Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?

Bạn sẽ thấy rằng các đặc điểm hiện được hiển thị ngay tại đây và tất nhiên tôi có thể duyệt qua các đặc điểm này và WordPress sẽ hiển thị các trường tùy chỉnh đó ngay tại nơi tôi đặt chúng trong mẫu để hoàn toàn có thể hiển thị các trường tùy chỉnh đó bằng mã nhưng bạn cần phải .  

Thay vào đó, điều bạn có thể làm là cài đặt plugin cho phép bạn truy cập vào các trường ACF đó và hiển thị chúng ở bất cứ đâu bạn muốn trên trang của mình và plugin đó được gọi là ACF Views, it's this one right here and of course it relies on you having installed ACF in the first place so you need some custom Fields before working with ACF Views and this is created by WP Lake. I'll tell you more about this in just a little bit.

Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?

Với cả hai plugin này được cài đặt và kích hoạt, bạn có thể vào Chế độ xem ACF và ở đây bạn có thể thấy rằng tôi đã tạo hai Chế độ xem, chế độ xem đầu tiên được gọi là “Phần bổ sung trang” và “Phần bổ sung trang” hoạt động theo cách sau, nhân tiện, bạn

Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?

Bây giờ nếu chúng tôi xem trang này, bạn sẽ thấy rằng chúng tôi có trường tùy chỉnh được hiển thị ngay tại đây và tất nhiên đây là Gutenberg, bạn có thể tiếp tục và di chuyển trường này đến bất cứ đâu bạn muốn. Nếu bạn có một mẫu tùy chỉnh ở đây, bạn có thể chọn nơi hiển thị nó. Giả sử chúng ta muốn hiển thị phần này ngay trên đầu, vì vậy nếu tôi nhấn 'cập nhật' và tôi làm mới ngay bây giờ, phần đó sẽ được hiển thị ngay tại đây và chúng ta đã làm điều đó mà không cần viết một dòng mã nào.  

Trang này vẫn hiển thị trường tùy chỉnh ban đầu của tôi vì nó vẫn được mã hóa cứng trong chủ đề của tôi ngay tại đây, nhưng tôi có thể dễ dàng nhận xét điều này và nếu chúng tôi làm mới, nó sẽ biến mất, vì vậy chỉ cái này sẽ được hiển thị

Vì vậy, bây giờ Chế độ xem này thực sự sử dụng đánh dấu này, phải, vì vậy nó tạo một div và sau đó nó sử dụng một vài biến để hiển thị .

Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?

Chúng ta hãy xem Chế độ xem tiếp theo dành cho “Trường tùy chỉnh điện thoại thông minh” nếu bạn còn nhớ khi chúng tôi xác định Trường tùy chỉnh ở đây trong ACF, chúng tôi có một nhóm được gọi là “tùy chọn điện thoại thông minh” có “nhà sản xuất” và “giá”, vì vậy nếu chúng tôi .  

Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?

Hãy mở cái này “Nova” và nó hoàn toàn giống nhau, chèn một mã ngắn, dán mã đó vào đây, “cập nhật” và bây giờ khi chúng tôi làm mới trang ở đây, bạn sẽ thấy rằng chúng tôi hiện có thông tin tùy chỉnh đó, các trường tùy chỉnh đó được hiển thị đúng .  

Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?

Bây giờ, nếu bạn không thích cách hiển thị này, bạn thực sự có thể sử dụng đánh dấu tùy chỉnh. Nếu chúng ta quay lại Chế độ xem ACF, bạn sẽ thấy rằng dưới đánh dấu, đây là đánh dấu mặc định được tạo tự động cho bạn và tôi thực sự đã thêm đánh dấu tùy chỉnh của riêng mình tại đây, vì vậy nếu tôi xóa đánh dấu này và nhấn “cập nhật” thì .  

Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?

Nó chỉ là một phần tử được hiển thị sau phần tử khác, tôi muốn sử dụng một phần tử danh sách, vì vậy thay vì đánh dấu tùy chỉnh, tôi đã tạo phần tử này, hãy cẩn thận khi thực hiện việc này, bạn cần hiển thị các biến này như vậy vì nếu không, bạn sẽ không có quyền truy cập vào trường tùy chỉnh thực tế .  

Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?

Bây giờ, điều thực sự thú vị về plugin Chế độ xem ACF là nó cũng hỗ trợ các khối Gutenberg để tôi có thể biến Chế độ xem “trường tùy chỉnh trên điện thoại thông minh” này thành một khối Gutenberg, tất cả những gì tôi phải làm là kiểm tra hộp này ngay tại đây, nhấn 'cập nhật' và bây giờ khi nào

Bạn sẽ thấy rằng bây giờ tôi có cùng một đánh dấu, cùng một cấu trúc cho nội dung này nhưng với các giá trị mới, vì vậy điều này thật tuyệt. Bây giờ tôi có thể lấy khối này, tôi có thể đặt nó ở một nơi khác, về cơ bản tôi có thể sử dụng lại nó trên tài liệu của mình.  

Chức năng khối Gutenberg thực sự là một phần của ACF Views Pro, có phiên bản pro cho plugin này, hiện tại tôi đã cài đặt nó và bạn có thể tải phiên bản pro bằng cách truy cập . //wplake. org/acf-views và sau đó là “Nhận PRO” và nhân tiện đây là trang web chính thức của plugin, họ cũng có kênh YouTube và tài liệu về plugin và bạn sẽ tìm thấy các liên kết đến . Phải và đó là cách bạn có thể sử dụng Chế độ xem ACF để hiển thị các trường tùy chỉnh mà không cần viết một dòng mã nào. envato you will get 20% off the pro version so remember that envato promo code 20% off. Right and that's how you can use ACF Views to display custom fields without writing a single line of code.

Cách hiển thị bài viết (2 cách)

Bây giờ, chúng ta hãy chú ý đến việc hiển thị các bài đăng này và thậm chí cả các loại bài đăng tùy chỉnh cho đến nay chúng ta đã xem xét cách hiển thị Trường ACF bằng cách sử dụng mã và plugin Chế độ xem ACF nhưng plugin Chế độ xem ACF cũng có thể được sử dụng thành công để truy vấn và hiển thị bài đăng dựa trên

Đầu tiên, hãy bắt đầu với bản demo mã. Tôi có một kho lưu trữ cho loại bài đăng tùy chỉnh “điện thoại thông minh” và trong kho lưu trữ này về cơ bản tôi đang sử dụng WP_query để lấy một loạt bài đăng từ cơ sở dữ liệu dựa trên các đối số này và ở đây tôi đang sử dụng bộ lọc meta, tôi đang lọc bằng cách sử dụng .  

1

2
5
1
3
5
3
4
5
5
5
5
7
6
5
9

0
6
1

1
6
3
2
9
6
5
3
1
6
7
3
3
6
9
3
5
echo get_field('page-subtitle');
1
3
7
echo get_field('page-subtitle');
3
3
9
echo get_field('page-subtitle');
5
// it's a simple example for a text field, fields have different types (select, image, gallery…),

1
echo get_field('page-subtitle');
7
// it's a simple example for a text field, fields have different types (select, image, gallery…),

3
echo get_field('page-subtitle');
9
// it's a simple example for a text field, fields have different types (select, image, gallery…),

5

01
// it's a simple example for a text field, fields have different types (select, image, gallery…),

7

03
// it's a simple example for a text field, fields have different types (select, image, gallery…),

9

05
4
0

07

08

09

10

11

12

13

14

15

16

17

18

19

20

21

16

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

41

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

Bây giờ nếu tôi truy cập phần cài đặt WordPress của mình tại đây và để tôi đóng một vài tab trong số này và nếu tôi chuyển đến “điện thoại thông minh” sẽ đưa tôi đến kho lưu trữ, bạn có thể thấy rằng điều này hiển thị mọi điện thoại thông minh phù hợp với bộ lọc meta này, đúng vậy . Được rồi, vì vậy điều đó sẽ chỉ hiển thị một số bài đăng của tôi có loại bài đăng tùy chỉnh là “điện thoại thông minh”, đó là bài này, bài này và bài này, vì vậy để có được thứ như thế này, bạn sẽ phải viết tất cả mã này bằng tay mà bạn

Được rồi, giả sử chúng ta muốn thực hiện tất cả những điều này bằng cách sử dụng plugin, có một số cách chúng ta có thể làm điều đó. Trước hết, nếu chúng ta xem qua “điện thoại thông minh” và trong các danh mục, chúng tôi có phân loại được xác định ở đây, vì vậy về cơ bản chúng tôi có các danh mục dành cho điện thoại thông minh, chúng tôi có ngân sách cao cấp, Trung cấp, v.v. và mỗi danh mục này có một danh mục được chỉ định cho .  

Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?

Tôi sẽ chuyển đến Chế độ xem ACF rồi đến Thẻ ACF và tôi sẽ tạo một Thẻ và tôi sẽ đặt tên cho thẻ này .

Plugin sử dụng phân loại này để lọc các bài đăng đó và hiển thị chúng trên trang và bất kỳ lúc nào tôi cũng có thể quay lại Thẻ, . Vì vậy, đó là cách bạn có thể sử dụng phân loại. Card and I can change the taxonomy to something else, maybe I want to display the budget phones right so now it's it's gonna display just the budget phones. So that's how you can use taxonomies. 

Điều gì sẽ xảy ra nếu bạn muốn hiển thị những điện thoại này theo Giá hoặc theo nhà sản xuất?

Giả sử chúng ta chỉ muốn hiển thị tốt điện thoại “Apple”, tôi có thể thêm một trang mới và tôi có thể nói “Điện thoại thông minh Apple” và chúng ta sẽ quay lại vấn đề này sau một chút nữa chúng ta có thể quay lại . View and we'll go to filters, again we'll just display smartphones and then under meta filters I can add a rule and I can select the manufacturer to be equal to “Apple” okay, make sure the correct group, ACF group is selected here, so we'll publish that, we'll copy the shortcode and we'll paste that in and we'll publish the page and now when we open the page it just shows me the “Apple smartphones” and that's how you can use the meta filters in ACF Views to display a list of posts based on different criteria.

Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?

Bây giờ, một việc khác mà bạn có thể làm với plugin là phân trang và để tôi thực sự mở Thẻ “tầm trung” đang sử dụng các bộ lọc phân loại. Hãy chọn các điện thoại “Midfield”, hãy “cập nhật” nhé, vì vậy bây giờ chúng ta có bốn điện thoại ở đây nhưng giả sử tôi chỉ muốn hiển thị hai trong số chúng và sau đó có một số loại phân trang bằng mã, rất nhiều việc phải làm

Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?
Làm thế nào để bạn hiển thị giá trị trường ACF?

Vì vậy, bây giờ nếu tôi làm mới, tôi chỉ hiển thị hai bài đăng với nút tải thêm hiển thị cho tôi hai bài đăng còn lại và đó là hai cách hiển thị bài đăng và trường ACF của chúng trong WordPress

Phần kết luận

Tôi đã chỉ cho bạn cách thực hiện điều đó bằng mã và cả cách thực hiện điều đó với plugin Chế độ xem ACF tuyệt vời. Hãy nhớ nếu bạn muốn mua phiên bản chuyên nghiệp của plugin, hãy sử dụng mã envato để được giảm giá 20%.

Tôi hy vọng bạn thấy video này hữu ích, hãy nhớ xem cả envato tuts cộng với YouTube

kênh để biết thêm nội dung như thế này mà còn để tìm hiểu về thiết kế web, phát triển web, v.v. và đừng quên đăng ký và ủng hộ video này nếu bạn thích nó. Tôi là Adi, cảm ơn bạn rất nhiều vì đã đọc và tôi sẽ gặp bạn lần sau

Giá trị ACF là gì?

ACF là hàm tự động tương quan (đầy đủ) cung cấp cho chúng tôi các giá trị tương quan tự động của bất kỳ chuỗi nào có giá trị trễ của nó . Chúng tôi vẽ các giá trị này cùng với dải tin cậy và tada. Chúng tôi có một cốt truyện ACF. Nói một cách đơn giản, nó mô tả mức độ liên quan giữa giá trị hiện tại của chuỗi với các giá trị trong quá khứ của nó.

Hàm nào được sử dụng để truy xuất giá trị của trường tùy chỉnh?

get_post_custom_values( string $key = '', int $post_id ) . mảng. vô giá trị. Truy xuất giá trị cho trường bài đăng tùy chỉnh.

Làm cách nào để nhận giá trị trang tùy chọn trong ACF?

Liên kết tới tiêu đề#ACF PRO . Khi thanh toán, bạn sẽ nhận được biên lai từ ACF và tài khoản người dùng cho phép truy cập vào các bản tải xuống của bạn. Sau khi ACF PRO được cài đặt, hãy nhập khóa cấp phép của bạn để bật cập nhật plugin. The Options Page can be installed by purchasing a license for ACF PRO. On payment, you will receive a receipt from ACF and a user account allowing access to your downloads. Once ACF PRO is installed, enter your license key to enable plugin updates.

Các trường ACF được lưu trữ trong cơ sở dữ liệu ở đâu?

Các nhóm và trường ACF được lưu trữ trong bảng wp-posts mặc định với loại bài đăng acf-field-group cho các nhóm và acf . Loại bài đăng acf-field là các bài đăng con của loại bài đăng acf-field-group.