Tin tức và phân tích của tất cả các thiết bị di động

Các trường tùy chỉnh WordPress 101: mẹo, thủ thuật và hack

Các trường tùy chỉnh là một tính năng tiện dụng của WordPress cho phép bạn thêm các dữ liệu / thông tin bổ sung khác nhau vào các bài đăng và trang WordPress của bạn.

Nhiều plugin và chủ đề WordPress phổ biến sử dụng các trường tùy chỉnh để lưu trữ dữ liệu quan trọng. Bạn cũng có thể sử dụng các trường tùy chỉnh để lưu trữ dữ liệu của riêng bạn và sau đó sử dụng nó trên trang web của bạn.

Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách sử dụng các trường tùy chỉnh WordPress với một số mẹo, thủ thuật và cheat.

Sử dụng các trường WordPress tùy chỉnh với các ví dụ thực tế

Vì đây là một bài viết dài, chúng tôi đã thêm một mục lục để điều hướng dễ dàng.

  • Các lĩnh vực tùy chỉnh WordPress là gì?
  • Thêm các trường tùy chỉnh trong WordPress
  • Hiển thị các trường tùy chỉnh trong các chủ đề WordPress
  • Không thể tìm thấy trường tùy chỉnh trong menu thả xuống trên màn hình chỉnh sửa bài
  • Tạo giao diện người dùng cho các trường tùy chỉnh
  • Thêm trường tùy chỉnh bằng cách sử dụng trường tùy chỉnh nâng cao
  • Ẩn các trường tùy chỉnh trống với câu lệnh có điều kiện
  • Thêm nhiều giá trị vào trường tùy chỉnh
  • Hiển thị bài đăng với một khóa tùy chỉnh cụ thể
  • Thêm tên của tác giả được mời bằng trường tùy chỉnh
  • Hiển thị người đóng góp cho một bài viết bằng cách sử dụng các trường tùy chỉnh
  • Hiển thị các trường tùy chỉnh bên ngoài vòng lặp trong WordPress
  • Hiển thị tiêu đề, chân trang, thanh bên tùy chỉnh bằng các trường tùy chỉnh
  • Thao tác nội dung nguồn cấp RSS với các trường tùy chỉnh
  • Thao tác tiêu đề nguồn cấp RSS với các trường tùy chỉnh
  • Đặt ngày hết hạn cho các bài đăng sử dụng các trường tùy chỉnh

Các lĩnh vực tùy chỉnh WordPress là gì?

Các trường tùy chỉnh WordPress là siêu dữ liệu được sử dụng để thêm thông tin bổ sung liên quan đến bài đăng hoặc trang bạn đang chỉnh sửa.

Theo mặc định, khi bạn viết một bài đăng mới, trang hoặc bất kỳ loại nội dung nào, WordPress sẽ lưu nó trong hai lĩnh vực khác nhau.

Phần đầu tiên là phần nội dung của bạn mà bạn thêm bằng trình chỉnh sửa bài.

Phần thứ hai là thông tin về nội dung cụ thể đó. Ví dụ: tiêu đề, tác giả, ngày, thời gian, và nhiều hơn nữa. Bit thông tin bài này được gọi là siêu dữ liệu.

WordPress tự động thêm tất cả các siêu dữ liệu cần thiết vào mỗi bài đăng hoặc trang bạn tạo.

Bạn cũng có thể tạo và lưu trữ siêu dữ liệu của riêng mình bằng các trường tùy chỉnh.

Theo mặc định, tùy chọn trường tùy chỉnh bị ẩn trên màn hình chỉnh sửa tiếp theo. Để xem nó, bạn phải nhấp vào menu ba chấm ở góc trên bên phải màn hình và chọn "Tùy chọn" từ menu.

Tùy chọn biên tập bài

Một cửa sổ bật lên sẽ xuất hiện trong đó bạn phải kiểm tra tùy chọn "Trường tùy chỉnh" trong các bảng nâng cao. Sau đó, nhấp vào nút "Kích hoạt và tải lại" để tải lại trình chỉnh sửa bài đăng.

Kích hoạt và hiển thị bảng trường tùy chỉnh

Trình chỉnh sửa bài đăng sẽ tải lại và bạn sẽ thấy bảng trường tùy chỉnh bên dưới trình chỉnh sửa nội dung.

Trường tùy chỉnh metabox bên dưới bài chỉnh sửa bài

Các trường tùy chỉnh có thể được sử dụng để thêm bất kỳ thông tin nào liên quan đến bài đăng, trang hoặc bất kỳ loại nội dung nào. Thông tin meta này có thể được hiển thị trong chủ đề của bạn.

Tuy nhiên, để làm như vậy, bạn sẽ cần chỉnh sửa các tệp chủ đề WordPress của mình.

Đó là lý do tại sao hướng dẫn này được khuyến nghị cho người dùng quen thuộc với việc chỉnh sửa tệp chủ đề. Nó cũng hữu ích cho các nhà phát triển WordPress khao khát muốn tìm hiểu cách sử dụng chính xác các trường tùy chỉnh trong các chủ đề hoặc plugin của riêng họ.

Như đã nói, chúng ta hãy xem cách thêm và sử dụng các trường tùy chỉnh trong WordPress.

Thêm các trường tùy chỉnh trong WordPress

Trước tiên, bạn cần chỉnh sửa bài đăng hoặc trang nơi bạn muốn thêm trường tùy chỉnh và đi đến trường meta của trường tùy chỉnh.

Thêm tên và giá trị trường tùy chỉnh

Tiếp theo, bạn cần cung cấp tên cho trường tùy chỉnh của mình và sau đó nhập giá trị của nó. Nhấp vào nút Thêm trường tùy chỉnh để lưu nó.

Trường sẽ được lưu trữ và hiển thị trong trường meta của các trường tùy chỉnh như thế này:

Đã lưu trường tùy chỉnh

Bạn có thể chỉnh sửa trường tùy chỉnh này bất cứ lúc nào bạn muốn và sau đó nhấp vào nút cập nhật để lưu các thay đổi của bạn. Bạn cũng có thể xóa nó khi cần thiết.

Bây giờ bạn có thể lưu bài đăng của mình để lưu trữ cài đặt trường tùy chỉnh của bạn.

Hiển thị các trường tùy chỉnh trong các chủ đề WordPress

Để hiển thị trường tùy chỉnh của bạn trên trang web của bạn, bạn sẽ cần chỉnh sửa các tệp chủ đề WordPress của mình. Nếu bạn chưa từng làm điều này trước đây, hãy xem hướng dẫn của chúng tôi về cách sao chép và dán mã trong WordPress.

Trước tiên, bạn sẽ cần tìm tệp chủ đề bạn cần chỉnh sửa để hiển thị trường tùy chỉnh của mình. Tốt nhất, bạn nên hiển thị nó trên một trang xuất bản. Bạn sẽ cần chỉnh sửa tệp single.php hoặc content-single.php.

Bạn sẽ cần nhập mã trường tùy chỉnh của mình bên trong vòng lặp WordPress. Tìm dòng giống như thế này:

Bạn muốn chắc chắn rằng bạn thêm mã của bạn trước dòng sau:

Bây giờ bạn cần thêm mã này vào tệp chủ đề của mình:

 

Đừng quên thay thế Tâm trạng bằng tên trường tùy chỉnh của riêng bạn.

Thêm nhiều giá trị vào trường tùy chỉnh

Các trường tùy chỉnh có thể được sử dụng lại trong cùng một bài để thêm nhiều giá trị. Bạn chỉ cần chọn nó một lần nữa và thêm một giá trị khác.

Thêm nhiều giá trị vào trường tùy chỉnh

Tuy nhiên, mã chúng tôi đã sử dụng trong các ví dụ trước sẽ chỉ có thể hiển thị một giá trị duy nhất.

Để hiển thị tất cả các giá trị của một trường tùy chỉnh, chúng ta cần sửa đổi mã và yêu cầu nó trả về dữ liệu trong một mảng. Bạn sẽ cần thêm mã sau vào tệp chủ đề của mình:

'.$coauthors.'' ;
             }
             ?>
    

Para mostrar los nombres de los autores separados por comas, puede agregar el siguiente CSS personalizado.

.coauthors ul { 
 display:inline;
 }
 .coauthors li { 
 display:inline;
 list-style:none;
 }
 .coauthors li:after { 
 content:","
 }
 .coauthors li:last-child:after {
     content: "";
 }
 .coauthors li:first-child:after {
     content: ":";
 }
 

Đây là cách nó nhìn trên trang web demo của chúng tôi.

Đồng tác giả được hiển thị bằng cách sử dụng các trường tùy chỉnh

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

Cho đến nay, chúng tôi đã cho bạn thấy tất cả các ví dụ hiển thị các trường tùy chỉnh trong vòng lặp WordPress. Điều gì nếu bạn cần phải hiển thị chúng ra khỏi mạch? Ví dụ, trong thanh bên của một bài viết.

Để hiển thị các trường tùy chỉnh bên ngoài vòng lặp WordPress, hãy thêm đoạn mã sau:

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

Đừng quên thay thế khóa bằng tên trường tùy chỉnh của bạn.

Nói chung, hầu hết các chủ đề WordPress sử dụng cùng một tiêu đề, chân trang và thanh bên trên tất cả các trang. Có một số cách để thể hiện khác nhau barras bên, tiêu đề hoặc chân trang cho các trang khác nhau của trang web của bạn. Kiểm tra hướng dẫn của chúng tôi về cách hiển thị khác nhau barras bên cho mỗi bài viết hoặc trang WordPress.

Một cách để làm điều này là thông qua việc sử dụng các trường tùy chỉnh. Chỉnh sửa bài đăng hoặc trang nơi bạn muốn hiển thị một thanh bên khác, sau đó thêm thanh bên dưới dạng trường tùy chỉnh.

Thêm thanh bên tùy chỉnh vào bài đăng bằng trường tùy chỉnh

Bây giờ bạn cần chỉnh sửa các tệp chủ đề WordPress của mình dưới dạng single.php nơi bạn muốn hiển thị thanh bên tùy chỉnh. Nó sẽ tìm kiếm mã sau đây:

 

Thay thế dòng này bằng mã sau đây:

post->ID;
 $sidebar = get_post_meta($postid, "sidebar", true);
 get_sidebar($sidebar);
 wp_reset_query();
 ?>
 

Mã này chỉ đơn giản là tìm kiếm trường tùy chỉnh trong thanh bên và sau đó hiển thị nó trong chủ đề của bạn. Ví dụ: nếu bạn thêm trang wpbpage là trường thanh bên tùy chỉnh của bạn, sau đó mã sẽ tìm tệp sidebar-wpbpage.php để hiển thị.

Bạn sẽ cần tạo tệp sidebar-wpbpage.php trong thư mục chủ đề của mình. Bạn có thể sao chép mã từ tệp sidebar.php của chủ đề làm điểm bắt đầu.

Thao tác nội dung nguồn cấp RSS với các trường tùy chỉnh

Bạn có muốn hiển thị siêu dữ liệu hoặc nội dung bổ sung cho người dùng nguồn cấp RSS của mình không? Sử dụng các trường tùy chỉnh, bạn có thể thao tác với nguồn cấp dữ liệu RSS WordPress của mình và thêm nội dung tùy chỉnh vào nguồn cấp dữ liệu của bạn.

Trước tiên, bạn phải thêm mã sau vào tệp tin.php của chủ đề hoặc trong một plugin dành riêng cho trang web.

function wpbeginner_postrss($content) {
 global $wp_query;
 $postid = $wp_query->post->ID;
 $coolcustom = get_post_meta($postid, 'coolcustom', true);
 if(is_feed()) {
 if($coolcustom !== '') {
 $content = $content."

".$coolcustom."

"; } else { $content = $content; } } return $content; } add_filter('the_excerpt_rss', 'wpbeginner_postrss'); add_filter('the_content', 'wpbeginner_postrss');

Bây giờ chỉ cần tạo một trường tùy chỉnh được gọi là "coolcustom" và thêm bất kỳ giá trị nào bạn muốn. Bạn có thể sử dụng nó để hiển thị quảng cáo, hình ảnh, văn bản hoặc bất cứ điều gì bạn muốn.

Thao tác tiêu đề nguồn cấp RSS với các trường tùy chỉnh

Đôi khi bạn có thể muốn thêm văn bản bổ sung vào tiêu đề bài đăng cho người dùng nguồn cấp dữ liệu RSS. Ví dụ: nếu bạn đang xuất bản một ấn phẩm được tài trợ hoặc một ấn phẩm dành cho khách.

Trước tiên, hãy thêm đoạn mã sau vào tệp tin.php của chủ đề hoặc trong một plugin dành riêng cho trang web.

function wpbeginner_titlerss($content) {
 global $wp_query;
 $postid = $wp_query->post->ID;
 $gpost = get_post_meta($postid, 'guest_post', true);
 $spost = get_post_meta($postid, 'sponsored_post', true);
 
 if($gpost !== '') {
 $content = 'Guest Post: '.$content;
 }
 elseif ($spost !== ''){
 $content = 'Sponsored Post: '.$content;
 }
 else {
 $content = $content;
 }
 return $content;
 }
 add_filter('the_title_rss', 'wpbeginner_titlerss');
 

Tiếp theo, bạn cần chỉnh sửa bài đăng mà bạn muốn hiển thị văn bản bổ sung trong trường tiêu đề và thêm guest_post và financeor_post trong các trường tùy chỉnh.

Các trường tùy chỉnh cho các bài đăng được tài trợ và được mời

Nếu một trong hai trường tùy chỉnh này được tìm thấy với giá trị "true", nó sẽ thêm văn bản phù hợp vào trước tiêu đề. Kỹ thuật này có thể được sử dụng theo nhiều cách khác nhau để phù hợp với những gì bạn muốn.

Bạn có muốn tìm hiểu thêm hack hack RSS? Kiểm tra hướng dẫn của chúng tôi về cách thêm nội dung và thao tác với nguồn cấp dữ liệu RSS WordPress của bạn.

Đặt ngày hết hạn cho các bài đăng WordPress bằng các trường tùy chỉnh

Bạn có muốn đặt ngày đáo hạn cho một số bài đăng trên trang web WordPress của mình không? Điều này hữu ích trong các tình huống mà bạn chỉ muốn đăng nội dung trong một khoảng thời gian cụ thể, chẳng hạn như thực hiện khảo sát hoặc cung cấp trong một thời gian giới hạn.

Một cách để làm điều này là xóa thủ công nội dung khỏi bài đăng hoặc sử dụng một plugin như plugin Post Expirator.

Một cách khác để làm điều này là bằng cách sử dụng các trường tùy chỉnh để tự động hết hạn các bài đăng sau một thời gian được chỉ định.

Bạn sẽ cần chỉnh sửa các tệp chủ đề của mình và thêm sửa đổi vòng lặp WordPress như thế này: