Bạn có muốn hiển thị các trường tùy chỉnh bên ngoài vòng lặp trên WordPress không?

Thông thường, các trường tùy chỉnh được hiển thị trong vòng lặp WordPress cùng với nội dung và siêu dữ liệu khác.

Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách hiển thị các trường tùy chỉnh bên ngoài vòng lặp trên WordPress.

Hiển thị các trường tùy chỉnh bên ngoài vòng lặp 1 của wordpress

Các trường tùy chỉnh trên WordPress là gì

Các trường tùy chỉnh cho phép bạn thêm siêu dữ liệu bổ sung vào các bài đăng WordPress của mình, để hiển thị với nội dung của ấn phẩm của bạn.

Bạn có thể thêm các trường tùy chỉnh chỉ bằng cách kích hoạt hộp metas của các trường tùy chỉnh trên " Tùy chọn màn hình " Bạn cũng có thể tạo các hộp metas tùy chỉnh trên WordPress để cung cấp cho các trường tùy chỉnh của bạn một giao diện người dùng tốt hơn.

Trình phân từ trường tùy chỉnhVì các trường tùy chỉnh thêm siêu dữ liệu vào bài đăng, chúng có thể dễ dàng hiển thị trong vòng lặp WordPress với nội dung khác. Tuy nhiên, đôi khi bạn có thể muốn hiển thị chúng bên ngoài vòng lặp. Ví dụ, trong một tiện ích thanh bên. Tại thời điểm này, nó có một chút khó khăn.

Xem thêm: 6 plugin WordPress để thêm tự động hoàn thành vào biểu mẫu của bạn

Điều đó nói rằng, hãy xem cách dễ dàng hiển thị các trường tùy chỉnh bên ngoài vòng lặp trên WordPress.

Cách hiển thị dữ liệu trường tùy chỉnh bên ngoài vòng lặp trên WordPress

Thay vì hiển thị siêu dữ liệu trường tùy chỉnh bên ngoài vòng lặp, chúng tôi sẽ chỉ cho bạn cách sử dụng nhiều vòng lặp trong Chủ đề WordPress mà không ảnh hưởng đến vòng lặp chính.

Bài viết này yêu cầu bạn phải thêm mã vào tập tin chủ đề WordPress của bạn.

Bạn sẽ cần thêm mã sau vào các vị trí khác nhau trên các tệp chủ đề WordPress của mình, nơi bạn muốn hiển thị dữ liệu meta.

post-> ID; echo get_post_meta ($ postid, 'Your-Custom-Field', true); wp_reset_query (); ?>

Mã này sử dụng biến toàn cục $ wp_query để lấy ID mặt hàng. Sau đó, nó sử dụng " get_post_meta () Để lấy và hiển thị dữ liệu trường tùy chỉnh của bạn.

Đừng quên sửa đổi " Trường của bạn được cá nhân hóa Với lĩnh vực tùy chỉnh thực sự của bạn.

Bạn có thể tùy chỉnh mã để đáp ứng nhu cầu của bạn. Bạn cũng có thể sử dụng các đối số truy vấn khác để truy xuất và hiển thị dữ liệu trường tùy chỉnh cho các bài đăng và trang khác nhau.

Hãy xem một ví dụ khác. Cái này sử dụng lớp WP_Query, tốt hơn và linh hoạt hơn nhiều khi sử dụng nhiều vòng lặp trong các tệp chủ đề WordPress của bạn.

Chỉ cần thêm mã này vào chủ đề WordPress hoặc chủ đề con của bạn nơi bạn muốn hiển thị trường tùy chỉnh.

$ args = array (// ID bài đăng hoặc trang 'p' => 231,); // Truy vấn $ the_query = new WP_Query ($ args); // Vòng lặp if ($ the_query-> have_posts ()) {while ($ the_query-> have_posts ()) {$ the_query-> the_post (); echo get_post_meta (get_the_ID (), 'Tâm trạng', true); } / * Khôi phục dữ liệu bài viết gốc * / wp_reset_postdata (); } else {echo 'Không tìm thấy gì'; }

Đừng quên thay thế " Khí sắc Bằng tên riêng của trường tùy chỉnh và ID của bạn với ID xuất bản hoặc ID trang của riêng bạn.

Trình diễn các trường tùy chỉnh trên wordpress

Giờ đây, bạn có thể hiển thị các trường tùy chỉnh từ một bài đăng / trang trên một phần khác với vòng lặp WordPress. Tuy nhiên, nếu bạn cần một giải pháp cao cấp để quản lý hiển thị các trường tùy chỉnh của một bài viết / trang, chúng tôi cung cấp cho bạn 3 plugin WordPress phí bảo hiểm sẽ giúp bạn trong nhiệm vụ này.

1. Plugin đăng ký WooC Commerce

Le Plugin WordPress Đăng ký WooCommerce cao cấp, Thêm các trường đăng ký tùy chỉnh cho phép bạn thêm các trường tùy chỉnh bổ sung vào biểu mẫu đăng ký của mình. Bạn sẽ có thể thêm hộp văn bản, hộp lựa chọn, hộp kiểm, hộp tùy chọn, bộ chọn ngày, mật khẩu và những thứ khác. Đăng ký Woocommerce thêm các trường tùy chỉnh vào biểu mẫu đăng ký plugin wordpess

Nó cũng sẽ cho phép bạn bật hoặc tắt Lĩnh vực thương mại Woo mặc định Tính năng kết nối qua Facebook và Twitter cũng được kích hoạt trong plugin này.

Khám phá Làm thế nào để tối ưu hóa hình ảnh của bạn và cải thiện SEO của bạn bằng cách nhấp vào liên kết này.

Các tính năng khác bao gồm: hỗ trợ số lượng trường không giới hạn trên biểu mẫu đăng ký, hỗ trợ tính năng Kéo và Thả, tùy chỉnh các trường để dễ đọc hơn, hiển thị tạm thời hoặc không. một lĩnh vực, khả năng để cho khách hàng sửa đổi hồ sơ của mình và nhiều người khác.

Tải về Bản demo | Web hosting

2. Trường tùy chỉnh nâng cao 

Như tên cho thấy, điều này Plugin WordPress premium cho phép bạn tạo một nhóm trường tùy chỉnh như một thành phần độc lập mà bạn có thể sử dụng lại trong các nhóm trường khác. Trường tùy chỉnh nâng cao trường thành phần addon plugin wordpess

Sau này, nếu bạn muốn sửa đổi thành phần này, bạn chỉ phải sửa đổi nó một lần, nó sẽ áp dụng cho tất cả các nhóm trường sử dụng thành phần này.

Đọc bài viết của chúng tôi về Các plugin 8 WordPress để tăng sự tương tác của khách truy cập của bạn

Nó rất dễ sử dụng và bạn có thể cầm nó trong tay rất dễ dàng. Vì vậy, tiết kiệm thời gian và năng suất bằng cách chỉ sử dụng lại các trường hoặc nhóm trường mà bạn đã tạo.

Tải về | Bản demo | Web hosting

3. Trường tùy chỉnh đặt

Điều quan trọng cần lưu ý là Plugin WordPress premium là một tiện ích bổ sung yêu cầu plugin Bookly WordPress hoạt động. Theo mặc định, khách hàng hoặc khách truy cập thường quen với việc điền vào một số trường như tên, số điện thoại và địa chỉ email trước khi xác nhận đặt chỗ.Các trường tùy chỉnh theo sách thêm vào plugin wordpess

Nhưng với plugin WordPress này, bạn có thể yêu cầu họ điền vào nhiều trường hơn, cuối cùng là có thêm chi tiết hoặc bất kỳ loại thông tin nào khác. Các trường mới này sẽ xuất hiện trong bước Tải về du quá trình đặt phòngvà các chi tiết của đặt phòng sẽ được thêm vào lịch Bookly của bạn.

Xem thêm bài viết của chúng tôi về Làm thế nào để ẩn các mục không cần thiết trên bảng điều khiển WordPress

Các tính năng của nó, trong số những tính năng khác: khả năng tạo nhiều trường nếu cần, hỗ trợ cho các loại trường khác nhau, khả năng bắt buộc hoặc tùy chọn các trường nhất định để điền, tài liệu chi tiết và hơn thế nữa.

Tải về Bản demo | Web hosting

Tài nguyên đề xuất

Tìm hiểu về các tài nguyên được đề xuất khác để giúp bạn xây dựng và quản lý trang web của mình.

Kết luận

Đây ! Đó là nó cho hướng dẫn này, hy vọng nó cho phép bạn hiển thị các trường tùy chỉnh ra khỏi vòng lặp trên WordPress. Nếu bạn có bất kỳ đề nghị hoặc nhận xét, họ sẽ được chào đón.

Tuy nhiên, bạn cũng sẽ có thể tham khảo ý kiến ​​của chúng tôi ressources, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress hoặc một ngày Divi: chủ đề WordPress tốt nhất mọi thời đại.

Đừng quên cho chúng tôi biết ý kiến, đề xuất và đề xuất về bài viết này. NChúng tôi cũng kêu gọi bạn chia sẻ bài viết này trên các mạng xã hội khác nhau của bạn.

...