ACF trong WordPress là gì?
Tôi đã hâm mộ Trường tùy chỉnh nâng cao (ACF) từ lâu rồi. Nó được sử dụng trên hầu hết mọi trang web tôi đã xây dựng hoặc làm việc trong vài năm qua Show
Đối với những người chưa biết, ACF là một plugin cho phép bạn kiểm soát nhiều hơn nội dung của mình. Nó sử dụng meta bài đăng tùy chỉnh để làm phong phú nội dung của bạn với dữ liệu có cấu trúc. Nó cũng cho phép bạn xây dựng và định cấu hình các trường dữ liệu trong hộp meta khi bạn cập nhật bài đăng, trang, loại bài đăng tùy chỉnh, v.v. Trước đây, tôi đã sử dụng plugin như một phần của dự án trên trang web Delicious Brains. Tuy nhiên, bài đăng trên blog này đã cho tôi thấy tầm quan trọng của giải pháp bên thứ ba đối với việc phát triển WordPress. Hãy để tôi giải thích… ACF hoạt động như thế nàoTôi đã mất một lúc để hiểu ACF làm gì, vì vậy đây là một ví dụ nhanh. Tôi đã sử dụng nó trên một trang web từ thiện cứu hộ chó, nơi người dùng thêm những chú chó mới để phục hồi dưới dạng một loại bài đăng tùy chỉnh. Tuy nhiên, cùng với tên, mô tả, tiêu đề bài đăng và nội dung của chú chó, họ cũng muốn lưu trữ giống và giới tính của chú chó, liên kết tới video và một số ảnh Để làm điều này, tôi đã tạo một nhóm trường cho dữ liệu này từ menu Trường tùy chỉnh > Nhóm trường > Thêm mới Bạn có thể thêm các trường thuộc nhiều loại khác nhau. Ở đây tôi đã sử dụng các lựa chọn, hộp văn bản, hộp kiểm boolean đơn giản và trường thư viện. Cái sau là tùy chọn ACF Pro và tôi sẽ thảo luận thêm về điều này sau Đây là cách bạn định cấu hình hộp chọn, hoàn chỉnh với các tùy chọn người dùng Tiếp theo, tôi đã nói rằng nhóm này chỉ nên xuất hiện trên màn hình chỉnh sửa cho loại bài đăng tùy chỉnh 3. Có tất cả các loại logic mà bạn có thể sử dụng ở đây, chẳng hạn như loại bài đăng, mẫu, danh mục và vai trò người dùngTuy nhiên, sức mạnh thực sự của ACF là khi bạn thêm dữ liệu Thêm dữ liệu vào trường ACFMàn hình chỉnh sửa trông khác khi làm việc trên bài đăng 3. Nó hiển thị một hộp meta tùy chỉnh hoàn chỉnh với các trường đã xác địnhĐiều này làm cho việc thêm tất cả dữ liệu bổ sung trở nên dễ dàng đối với người chỉnh sửa nội dung. Nó cũng cho phép bạn chỉ định chính xác nơi bạn muốn hiển thị dữ liệu trong chủ đề, sử dụng mã hàm 5
Nếu không có plugin, tôi phải sử dụng các hộp meta tùy chỉnh mặc định của WordPress, mã hóa các hộp meta phong phú hơn của riêng tôi từ đầu hoặc đánh dấu giống và giới tính của chó vào các nguyên tắc phân loại tùy chỉnh. Tôi thậm chí có thể phải sử dụng thư viện gốc được nhúng bên trong nội dung bài đăng. Rùng mình ACF nâng tầm WordPressACF chính xác là thứ mà WordPress với tư cách là Hệ thống quản lý nội dung (CMS) đã thiếu khi có nhiều quyền kiểm soát hơn đối với nội dung của bạn. Với hơn một triệu lượt cài đặt đang hoạt động, nó đã giúp làm cho nền tảng WordPress trở nên mạnh mẽ hơn và thậm chí có thể góp phần vào sự phát triển của nó Hơn nữa, các nhà phát triển và đại lý đã tận dụng nó để cung cấp cho khách hàng quyền kiểm soát nội dung của họ mà không cần mã ngắn, trình tạo trang hay thậm chí là 6. Các nhà phát triển có toàn quyền kiểm soát nơi dữ liệu xuất hiện trên giao diện người dùng của trang web, tránh các chỉnh sửa không thể tránh khỏi của khách hàng làm hỏng hình ảnhTrên thực tế, ACF rất phổ biến đối với khách hàng của chúng tôi, chúng tôi đã phải tích hợp thêm với WP Offload Media. Giờ đây, hình ảnh và tính năng cắt xén hoạt động với phương tiện được giảm tải xuống Amazon S3, DigitalOcean Spaces hoặc Google Cloud Storage Thêm tùy chọn trường bổ sung vào ACFPhiên bản miễn phí của plugin có rất nhiều chức năng. Tuy nhiên, phiên bản cao cấp là điều cần thiết để có quyền truy cập vào các trường như bộ lặp, bố cục linh hoạt và phòng trưng bày Ví dụ: chúng tôi đang sử dụng trường Bộ lặp lại để cho phép người dùng hiển thị các lời chứng thực được chọn trong một thanh trượt trên các trang sản phẩm. Bộ lặp chứa trường đối tượng bài đăng lồng nhau Sau đó, nó sẽ xuất hiện khi chỉnh sửa trang, vì vậy chúng tôi có thể kiểm soát lời chứng thực nào sẽ được hiển thị Với các hành động và bộ lọc nằm xung quanh cơ sở mã, ACF luôn là một công cụ cực kỳ thân thiện với nhà phát triển và có thể mở rộng. Nó cũng ưu tiên những cải tiến quan trọng đối với người dùng Sử dụng tính năng JSON cục bộTuy nhiên, trước đây tôi gặp một số vấn đề là lưu trữ cấu hình trường trong cơ sở dữ liệu, cụ thể là các loại bài đăng tùy chỉnh cho nhóm trường và trường Điều này có nghĩa là nếu bạn thay đổi định nghĩa trường trên một trang web đang phát triển, thì bạn không thể đẩy cơ sở dữ liệu của mình bằng một giải pháp như WP Migrate DB Pro hoạt động trở lại. Bạn sẽ thấy bảng bài đăng sẽ thay đổi và bạn sẽ mất dữ liệu mới Đây là sự cố hợp nhất cơ sở dữ liệu lâu đời (đừng để tôi bắt đầu…). Tôi đã từng giải quyết vấn đề này bằng cách thực hiện thay đổi trường trên trang web trực tiếp trước. Sau đó, tôi sẽ kéo cơ sở dữ liệu về trang địa phương của mình để tiếp tục phát triển. không lý tưởng May mắn thay, ACF đã giới thiệu tính năng Local JSON. Điều này làm là cho phép lưu cấu hình trường dưới dạng tệp JSON, có thể đồng bộ hóa với cơ sở dữ liệu Tính năng tuyệt vời này giải quyết vấn đề hợp nhất cơ sở dữ liệu cho dữ liệu ACF. Điều đó cũng có nghĩa là bạn có thể giữ các tệp JSON dưới sự kiểm soát phiên bản và biến cấu hình thành một phần của quy trình triển khai tệp điển hình của bạn. Trong khi làm việc với plugin trên trang web của chúng tôi, tôi đã thêm một số điều chỉnh để tích hợp nó nhiều hơn với Git và thiết lập đa môi trường của chúng tôi
Mặc dù hiện tại chúng tôi có Trình chỉnh sửa khối WordPress (trước đây gọi là Gutenberg), tôi cho rằng ACF vẫn rất quan trọng để tạo trải nghiệm chỉnh sửa tuyệt vời Sử dụng Trình chỉnh sửa khối cùng với ACFTrình chỉnh sửa khối cung cấp một hướng chỉnh sửa nội dung khác với ACF. Bạn tạo nội dung bằng cách sử dụng Khối thay vì lưu trữ nội dung đó dưới dạng dữ liệu meta bài đăng, điều này mang lại cho bạn sự linh hoạt trong thiết kế Lúc đầu, Trình chỉnh sửa khối không hỗ trợ hộp meta. Chúng thậm chí còn bị xóa khỏi màn hình “Chỉnh sửa bài đăng”, khiến rất nhiều người phẫn nộ. Hiện tại, hỗ trợ đã được thêm cho các hộp meta. Chúng xuất hiện bên dưới Trình chỉnh sửa khối với Giao diện người dùng (UI) tối thiểu, kém tinh tế hơn Sử dụng Khối thay vì trường cho dữ liệu tùy chỉnh, trình chỉnh sửa mới có khả năng tác động lớn đến tương lai của ACF. Hơn nữa, các trang web mới sẽ ít có khả năng cài đặt công cụ của bên thứ ba hơn khi giờ đây đã có giải pháp gốc Tuy nhiên, đây không phải là lần đầu tiên những thay đổi cốt lõi được đề xuất đe dọa tương lai của ACF. Một vài năm trước, một nhóm mới đã được thành lập cho Post Meta. Lúc đầu, điều này nghe có vẻ như sẽ giết chết các giải pháp trường tùy chỉnh khác nhau của bên thứ ba Đã có một loạt các thư viện/khuôn khổ/plugin (CMB, SCB, WPAlchemy, ACF, Pods), hiện tại đã hoàn thành vai trò này. Chúng tôi sẽ coi đây là những phần tiền truyện tâm linh cho một plugin mới xứng đáng với cốt lõi Vào thời điểm đó, tôi đã viết về việc quyết định giới thiệu các tính năng cạnh tranh mới này có thể khiến một số plugin trở nên dư thừa như thế nào. Cuối cùng, dự án Post Meta chẳng đi đến đâu, biên tập viên mới đã xuất hiện và ACF đã vượt qua cơn bão ACF không chỉ phục hồi trở lại, họ còn thích nghi. Kết quả là thứ kết hợp sức mạnh của ACF và tính linh hoạt của Khối tùy chỉnh. Hãy nói về điều này tiếp theo Cách xây dựng khối bằng ACFRõ ràng, Khối tùy chỉnh có thể có lợi. Tuy nhiên, quy trình kỹ thuật để tạo ra chúng rất phức tạp. Khối ACF lấp đầy khoảng trống Khối ACF tích hợp với các trường tùy chỉnh hiện tại của bạn, năng động và có thể tùy chỉnh, đồng thời cho phép bạn đạt được hai điều
Chúng được hiển thị bằng tệp mẫu PHP hoặc hàm 0 – vì vậy nó giống như phát triển một chủ đề. Chúng cũng duy trì khả năng tương thích cốt lõi của WordPress, vì vậy bạn thậm chí có thể tạo các Khối có thể tái sử dụng thông qua khungMặc dù Khối ACF không phải là một cái nạng, nhưng tôi muốn nói rằng nếu kỹ năng Phản ứng của bạn vẫn còn sơ sài, bạn chắc chắn sẽ muốn tìm hiểu thêm về chúng. Họ sẽ cho phép bạn tận dụng sức mạnh của Trình chỉnh sửa khối trong khi vẫn ở trong tệp 1 quen thuộcXây dựng khối ACFHãy chỉ cho bạn cách xây dựng Khối ACF. Phiên bản Pro của công cụ đã bao gồm chức năng này từ ACF 5. 8, vậy là nó đã ở với chúng tôi được khoảng hai năm rồi. Đây là mã đăng ký khối ví dụ siêu đơn giản
Từ đây, bạn sẽ muốn tạo một nhóm trường và hiển thị Khối. Trước đây, bạn sẽ thực hiện việc này từ bên trong Trường tùy chỉnh > Màn hình Nhóm trường trong WordPress Tại đây, thêm nhóm trường của bạn và điền vào như bình thường. Tuy nhiên, trong hộp meta “Vị trí”, bạn sẽ muốn sử dụng quy tắc “Chặn” để chọn (trong trường hợp này) Khối chứng thực Cuối cùng, bạn sẽ cần kết xuất Khối. Điều này tuân theo quy trình tương tự mà bạn có thể đã quen với các trường tùy chỉnh
Lưu ý rằng chức năng 3 cung cấp cài đặt 4, 5 và 6Nhìn chung, các Khối không nên thay thế mọi hộp meta trường tùy chỉnh khi cần, nhưng chúng sẽ cho phép bạn tận dụng lợi thế của việc tạo nội dung trong trình chỉnh sửa Hỗ trợ 'InnerBlocks'Block Editor cũng có chức năng giúp bạn làm việc với ACF Blocks. Về cơ bản, InnerBlocks cho phép bạn chèn bất kỳ Khối mới nào vào Khối ACF của bạn Chúng có thể là Khối tùy chỉnh hoặc Khối cốt lõi và bạn có thể sử dụng các trường “Tiêu đề”, “Nội dung” và “Nút” hiện tại trong Khối ACF của riêng bạn Dưới đây là hướng dẫn nhanh để thiết lập và chạy. Để bắt đầu sử dụng InnerBlocks, bạn đưa 7 vào mảng 8 1Sau đó, bạn sẽ cần phải 9 thẻ HTML 10 trong mẫu Khối của mình 4Đây chỉ là một ví dụ đơn giản, nhưng bạn có thể làm được nhiều điều hơn nữa với InnerBlocks Các lựa chọn thay thế cho Khối ACFTất nhiên, ACF sẽ không phải là giải pháp duy nhất để tạo Khối. Như vậy, bản năng đầu tiên của bạn có thể sẽ là một bản dựng tùy chỉnh Trước đây, chúng tôi đã đề cập đến cách tạo Khối 'vanilla', nhưng trước khi bắt đầu, bạn sẽ cần có kiến thức về React Ngoài ra còn có các plugin WordPress cho phép bạn lắp ráp các Khối từ nhiều thành phần khác nhau, nhưng tôi muốn nói rằng chúng không thực sự dành cho các nhà phát triển mà là 'những người mày mò người dùng cuối'. Lazy Blocks được cập nhật thường xuyên, vì vậy đây là một lựa chọn tốt nếu bạn muốn thử nghiệm những gì nó cung cấp Tương lai của ACFKể từ khi phát hành, ACF đã là một plugin bổ sung quan trọng cho WordPress. Nó mở rộng, làm phong phú và làm cho nền tảng trở nên hữu ích hơn. Tôi không nghĩ rằng tôi có thể xây dựng các trang web mà không có nó Tuy nhiên, việc kết hợp Trình chỉnh sửa khối và Khối ACF là một điều tuyệt vời – đó là một khoản đầu tư tuyệt vời cho tương lai của CMS. Nó sẽ giúp hạ thấp rào cản gia nhập cho các nhà phát triển để mở rộng Trình chỉnh sửa khối mà không cần bắt đầu quá trình học tập dốc của React. Về lâu dài, những người đang nỗ lực hết mình vì sự phát triển của Trình chỉnh sửa khối có thể coi đây là một chiến thắng Kể từ khi giới thiệu Trình chỉnh sửa khối, bạn đang sử dụng gì để xây dựng trang web? Mục nhập này đã được đăng trong WP Offload Media, Quy trình làm việc và được gắn thẻ Mẹo phát triển, Gutenberg, Trường tùy chỉnh nâng cao, Khối Gutenberg, ACF Giới thiệu về tác giảIain Poulson Giám đốc sản phẩmIain là giám đốc sản phẩm có trụ sở tại miền nam nước Anh. Anh ấy cũng điều hành nhiều sản phẩm WordPress. Anh ấy giúp mọi người mua và bán doanh nghiệp WordPress và viết bản tin hàng tháng về xu hướng WordPress @polevaultweb. com
|