WordPress Custom Fields 101: Mẹo, Thủ thuật và Hacks

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 nhiều dữ liệu / thông tin bổ sung khác nhau vào các bài đăng và trang WordPress của mình.

Other :

Rất 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ẽ hướng dẫn bạn cách sử dụng các trường tùy chỉnh của WordPress với một số mẹo, thủ thuật và hack.

Using custom fields in WordPress with practical examples

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

  • Các trường tùy chỉnh của 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 đăng
  • 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 một trường tùy chỉnh
  • Hiển thị các bài đăng bằng một khóa tùy chỉnh cụ thể
  • Thêm tên tác giả của khách bằng trường tùy chỉnh
  • Hiển thị những người đóng góp cho một bài báo 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ị đầu trang, chân trang, thanh bên tùy chỉnh bằng cách sử dụ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 dữ liệu RSS với các trường tùy chỉnh
  • Đặt ngày hết hạn cho các bài đăng bằng cách sử dụng các trường tùy chỉnh

Các trường tùy chỉnh của WordPress là gì?

Các trường tùy chỉnh của 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 mà bạn đang chỉnh sửa.

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

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

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

WordPress tự động thêm tất cả siêu dữ liệu bắt buộc 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ách sử dụ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 bài đăng. Để xem nó, bạn cần nhấp vào menu ba chấm ở góc trên bên phải của màn hình và chọn ‘Tùy chọn’ từ menu.

Post editor options

Thao tác này sẽ hiển thị một cửa sổ bật lên nơi bạn cần kiểm tra tùy chọn ‘Trường tùy chỉnh’ trong Bảng nâng cao. Sau đó, nhấp vào nút ‘Bật & Tải lại’ để tải lại trình chỉnh sửa bài đăng.

Enable and display custom fields panel

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

Custom fields metabox below the post editor

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 điều đó, bạn sẽ cần phải chỉnh sửa các tệp chủ đề WordPress của mình.

Đây là lý do tại sao hướng dẫn này được khuyến nghị cho những 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 đầy tham vọng, những người muốn tìm hiểu cách sử dụng đúng các trường tùy chỉnh trong các chủ đề hoặc plugin của riêng họ.

Đã nói rằng, 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

Đầu tiên, bạn cần chỉnh sửa bài đăng hoặc trang mà bạn muốn thêm trường tùy chỉnh và chuyển đến hộp meta trường tùy chỉnh.

Adding custom field name and value

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 hộp meta trường tùy chỉnh như sau:

Saved custom field

Bạn có thể chỉnh sửa trường tùy chỉnh này bất kỳ 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ó nếu cần.

Bây giờ bạn có thể lưu bài đăng của mình để lưu 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 chủ đề WordPress

Để hiển thị trường tùy chỉnh 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 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ủ đề mà bạn cần chỉnh sửa để hiển thị trường tùy chỉnh của bạn. Lý tưởng nhất là bạn muốn hiển thị nó trên một trang bài đăng. 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 trông giống như sau:

<?php while ( have_posts() ) : the_post(); ?>

Bạn muốn đảm bảo rằng bạn thêm mã của mình trước dòng sau:

<?php endwhile; // end of the loop. ?>

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

<?php echo get_post_meta($post->ID, 'key', true); ?>

Đừng quên thay thế khóa bằng tên của trường tùy chỉnh của bạn. Ví dụ: chúng tôi đã sử dụng mã này trong chủ đề demo của chúng tôi:

<p>Today's Mood: <?php echo get_post_meta($post->ID, 'Mood', true); ?></p>

Bây giờ, bạn có thể lưu các thay đổi của mình và truy cập vào bài đăng mà bạn đã thêm trường tùy chỉnh để xem nó hoạt động.

Custom field data displayed in a WordPress theme

Bây giờ bạn cũng có thể sử dụng trường tùy chỉnh này trong tất cả các bài đăng WordPress khác của mình.

Đơn giản chỉ cần tạo một bài đăng mới hoặc chỉnh sửa một bài hiện có. Đi tới hộp meta trường tùy chỉnh và chọn trường tùy chỉnh của bạn từ menu thả xuống và nhập giá trị của nó.

Reuse custom field

Nhấp vào nút ‘Thêm trường tùy chỉnh’ để lưu các thay đổi của bạn và sau đó xuất bản hoặc cập nhật bài đăng của bạn.

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 đăng

Theo mặc định, WordPress chỉ tải 30 trường tùy chỉnh trong biểu mẫu này.

Nếu bạn đang sử dụng các chủ đề và plugin WordPress đã sử dụng các trường tùy chỉnh, thì có khả năng những trường đó sẽ xuất hiện đầu tiên trong trình đơn thả xuống và bạn sẽ không thể thấy trường tùy chỉnh mới được tạo của mình.

Để khắc phục sự cố này, bạn cần thêm mã sau vào tệp functions.php của chủ đề hoặc một plugin dành riêng cho trang web.


add_filter( 'postmeta_form_limit', 'meta_limit_increase' );
function meta_limit_increase( $limit ) {
    return 50;
}

Đoạn mã trên sẽ thay đổi giới hạn đó thành 50. Nếu bạn vẫn không thể thấy trường tùy chỉnh của mình, hãy thử tăng giới hạn đó hơn nữa.

Tạo giao diện người dùng cho các trường tùy chỉnh

Như bạn có thể thấy, khi bạn thêm trường tùy chỉnh, bạn sẽ phải chọn trường và nhập giá trị của nó mỗi khi bạn viết bài.

Nếu bạn có nhiều trường tùy chỉnh hoặc nhiều người dùng viết trên trang web của bạn, thì đây không phải là giải pháp lý tưởng.

Sẽ thật tuyệt nếu bạn có thể tạo giao diện người dùng nơi người dùng có thể điền vào biểu mẫu để thêm giá trị vào các trường tùy chỉnh của bạn?

Đây là điều mà rất nhiều plugin WordPress phổ biến đã làm. Ví dụ: tiêu đề SEO và hộp mô tả meta bên trong plugin Tất cả trong một SEO phổ biến là một hộp meta tùy chỉnh:

All in One SEO Pack Meta Box

Cách dễ nhất để làm điều này là sử dụng plugin Trường tùy chỉnh nâng cao.

Thêm trường tùy chỉnh bằng cách sử dụng trường tùy chỉnh nâng cao

Điều đầu tiên bạn cần làm là cài đặt và kích hoạt plugin Advanced Custom Fields. Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress.

Sau khi kích hoạt, bạn cần truy cập trang Trường tùy chỉnh »Nhóm trường và nhấp vào nút thêm mới.

Add new field group

Một nhóm trường giống như một vùng chứa một tập hợp các trường tùy chỉnh. Điều này cho phép bạn thêm nhiều bảng trường tùy chỉnh.

Bây giờ, bạn cần cung cấp tiêu đề cho nhóm trường của mình và sau đó nhấp vào nút ‘Thêm trường’.

Add new field

Bây giờ bạn có thể cung cấp tên cho trường tùy chỉnh của mình và chọn một loại trường. Trường tùy chỉnh nâng cao cho phép bạn tạo tất cả các loại trường bao gồm văn bản, tải lên hình ảnh, số, danh sách thả xuống, hộp kiểm, v.v.

Adding a new fielld

Cuộn xuống và bạn sẽ thấy các tùy chọn khác cho trường cụ thể đó. Bạn có thể thay đổi chúng theo yêu cầu của riêng bạn.

Bạn có thể thêm nhiều trường vào nhóm trường của mình nếu bạn muốn. Sau khi hoàn tất, hãy nhấp vào nút xuất bản để lưu các thay đổi của bạn.

Giờ đây, bạn có thể chỉnh sửa bài đăng hoặc tạo bài đăng mới và bạn sẽ thấy một bảng điều khiển mới cho các trường tùy chỉnh của mình bên dưới trình chỉnh sửa nội dung.

Custom field panel on the post edit screen

Để biết hướng dẫn chi tiết từng bước, hãy xem hướng dẫn của chúng tôi về cách thêm hộp meta tùy chỉnh trong các bài đăng và loại bài đăng WordPress.

Ẩn các trường tùy chỉnh trống với câu lệnh có điều kiện

Cho đến nay, chúng tôi đã trình bày cách tạo trường tùy chỉnh và hiển thị trường đó trong chủ đề của bạn.

Bây giờ chúng ta hãy xem cách kiểm tra xem trường tùy chỉnh có trống không trước khi hiển thị nó. Để làm điều đó, chúng tôi sẽ sửa đổi mã của mình để trước tiên kiểm tra xem trường có dữ liệu trong đó hay không.

<?php 

$mood = get_post_meta($post->ID, 'Mood', true);

if ($mood) { ?>

<p>Today's Mood: <? echo $mood; ?></p>

<?php 

} else { 
// do nothing; 
}

?>

Đừng quên thay 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 một 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 đăng để 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.

Adding multiple values to a custom field

Tuy nhiên, mã chúng tôi đã sử dụng trong các ví dụ trên 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à làm cho 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:

<?php 
$mood = get_post_meta($post->ID, 'Mood', false);
if( count( $mood ) != 0 ) { ?>
<p>Today's Mood:</p>
<ul>
<?php foreach($mood as $mood) {
            echo '<li>'.$mood.'</li>';
            }
            ?>
</ul>
<?php 
} else { 
// do nothing; 
}
?>

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

Trong ví dụ này, bạn sẽ nhận thấy rằng chúng tôi đã thay đổi tham số cuối cùng của get_post_meta thành false. Tham số này xác định liệu hàm có nên trả về một giá trị duy nhất hay không. Đặt nó thành false cho phép nó trả về dữ liệu dưới dạng một mảng, sau đó chúng tôi hiển thị trong một vòng lặp foreach

Hiển thị các bài đăng với một khóa tùy chỉnh cụ thể

WordPress cho phép bạn hiển thị các bài đăng với các khóa tùy chỉnh và giá trị của chúng. Ví dụ: nếu bạn đang cố gắng tạo một trang lưu trữ tùy chỉnh để hiển thị tất cả các bài đăng bằng các khóa tùy chỉnh cụ thể, thì bạn có thể sử dụng lớp WP_Query để truy vấn các bài đăng khớp với các trường đó.

Bạn có thể sử dụng mã sau làm điểm bắt đầu.

$args = array(
	'meta_key'   => 'Mood',
	'meta_value' => 'Happy'
);
$the_query = new WP_Query( $args );

<?php 
// the query
$the_query = new WP_Query( $args ); ?>

<?php if ( $the_query->have_posts() ) : ?>

	<!-- the loop -->
	<?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
		<h2><?php the_title(); ?></h2>
		<?php the_content(); ?>

	<?php endwhile; ?>
	<!-- end of the loop -->

	<!-- pagination here -->

	<?php wp_reset_postdata(); ?>

<?php else : ?>
	<p><?php _e( 'Sorry, no posts matched your criteria.' ); ?></p>
<?php endif; ?>

Đừng quên thay thế meta_keymeta_value bằng các giá trị của riêng bạn.

Thêm tên tác giả của khách bằng các trường tùy chỉnh

Bạn có muốn thêm bài đăng của khách nhưng không muốn thêm hồ sơ người dùng mới chỉ để thêm một bài đăng duy nhất? Một cách dễ dàng hơn để làm điều đó là thêm tên tác giả khách mời làm trường tùy chỉnh.

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

add_filter( 'the_author', 'guest_author_name' );
add_filter( 'get_the_author_display_name', 'guest_author_name' );
function guest_author_name( $name ) {
global $post;
$author = get_post_meta( $post->ID, 'guest-author', true );
if ( $author )
$name = $author;
return $name;
}

Mã này móc một chức năng để the_authorget_the_author_display_name bộ lọc trong WordPress.

Trước tiên, chức năng kiểm tra tên tác giả của khách. Nếu nó tồn tại, sau đó nó thay thế tên tác giả bằng tên tác giả khách.

Bây giờ bạn sẽ cần phải chỉnh sửa bài đăng mà bạn muốn hiển thị tên tác giả khách mời. Đi tới hộp meta trường tùy chỉnh và thêm tên tác giả khách mời của bạn.

Adding guest author custom field

Để biết chi tiết, hãy xem bài viết của chúng tôi về cách viết lại tên tác giả khách bằng các trường tùy chỉnh trong WordPress.

Hiển thị những 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

Trên nhiều blog và trang tin tức phổ biến, nhiều tác giả đóng góp để viết một bài báo. Tuy nhiên, WordPress chỉ cho phép một tác giả duy nhất được liên kết với một bài đăng.

Một cách để giải quyết vấn đề này là sử dụng plugin Co-Authors Plus. Để tìm hiểu thêm, hãy xem hướng dẫn của chúng tôi về cách thêm nhiều tác giả trên một bài đăng WordPress.

Một cách khác để làm điều đó là thêm cộng tác viên làm trường tùy chỉnh.

Trước tiên, bạn cần chỉnh sửa bài đăng mà bạn muốn hiển thị đồng tác giả hoặc cộng tác viên. Cuộn xuống hộp meta trường tùy chỉnh và thêm tên tác giả làm trường tùy chỉnh đồng tác giả.

Adding co-author custom field

Bây giờ, hãy thêm mã này vào các tệp chủ đề của bạn nơi bạn muốn hiển thị các đồng tác giả.


<?php 

$coauthors = get_post_meta($post->ID, 'co-author', false);
if( count( $coauthors ) != 0 ) { ?>
<ul class="coauthors">
<li>Contributors</li>
<?php foreach($coauthors as $coauthors) { ?>
           <?php echo '<li>'.$coauthors.'</li>' ;
            }
            ?>
</ul>
<?php 
} else { 
// do nothing; 
}
?>

Để hiển thị tên tác giả được phân tách bằng dấu phẩy, bạn có thể thêm CSS tùy chỉnh sau.

.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ó trông như thế nào trên trang demo của chúng tôi.

Co-authors displayed using custom fields

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ụ nơi các trường tùy chỉnh được hiển thị bên trong vòng lặp WordPress. Điều gì sẽ xảy ra nếu bạn cần hiển thị chúng bên ngoài vòng lặp? Ví dụ: trong thanh bên của một bài đăng.

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

<?php
global $wp_query;
$postid = $wp_query->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.

Hiển thị Đầu trang, Chân trang, Thanh bên tùy chỉnh bằng cách sử dụng Trường tùy chỉnh

Thông thường, hầu hết các chủ đề WordPress sử dụng cùng một đầu trang, chân trang và thanh bên trên tất cả các trang. Có nhiều cách để hiển thị các thanh bên, đầu trang hoặc chân trang khác nhau cho các trang khác nhau trên trang web của bạn. Xem hướng dẫn của chúng tôi về cách hiển thị các thanh bên khác nhau cho mỗi bài đăng hoặc trang WordPress.

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

Adding custom sidebar to a post using custom field

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

<?php get_sidebar(); ?>

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

<?php 
global $wp_query;
$postid = $wp_query->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 thanh bên và sau đó hiển thị nó trong chủ đề của bạn. Ví dụ: nếu bạn thêm wpbpage làm trường tùy chỉnh thanh bên, thì mã sẽ tìm kiế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 muốn hiển thị dữ liệu hoặc nội dung meta bổ sung cho người dùng nguồn cấp dữ liệu RSS của mình? Sử dụng các trường tùy chỉnh, bạn có thể thao tác 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 mình.

Trước tiên, bạn cần thêm mã sau vào tệp functions.php của chủ đề hoặc 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."<br /><br /><div>".$coolcustom."</div>
";
}
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ó tên là “coolcustom” và thêm bất kỳ giá trị nào bạn thích. 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ứ thứ 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 RSS. Ví dụ: nếu bạn đang xuất bản một bài đăng được tài trợ hoặc một bài đăng của khách.

Trước tiên, bạn thêm mã sau vào tệp functions.php của chủ đề hoặc 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ị thêm văn bản trong trường tiêu đề và thêm khách_bài_đăng và tài trợ_bài viết trong các trường tùy chỉnh.

Sponsored and guest post custom fields

Nếu bất kỳ trường nào trong hai trường tùy chỉnh này được tìm thấy có giá trị “true”, thì nó sẽ thêm văn bản thích 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 bất kỳ thứ gì bạn thích.

Bạn muốn tìm hiểu thêm các cách hack nguồn cấp dữ liệu RSS thú vị? Xem 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 bài đăng trong WordPress bằng cách sử dụng trường tùy chỉnh

Bạn muốn đặt ngày hết hạn cho một số bài đăng trên trang WordPress của mình? Điều này rất hữu ích trong các tình huống khi bạn chỉ muốn xuất bản nội dung trong một khoảng thời gian cụ thể như chạy khảo sát hoặc ưu đãi trong thời gian giới hạn.

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

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

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ư sau:

<?php
if (have_posts()) :
while (have_posts()) : the_post(); 
$expirationtime = get_post_meta($post->ID, "expiration", false);
if( count( $expirationtime ) != '' ) { 
if (is_array($expirationtime)) {
$expirestring = implode($expirationtime);
}

$secondsbetween = strtotime($expirestring)-time();
if ( $secondsbetween >= 0 ) {
echo 'This post will expire on ' .$expirestring.'';
the_content();
} else { 
echo "Sorry this post expired!"
}
} else { 
the_content();
} 
endwhile;
endif;
?>

Lưu ý: Bạn sẽ cần chỉnh sửa mã này để phù hợp với chủ đề của mình.

Sau khi thêm mã này, bạn có thể thêm trường tùy chỉnh hết hạn vào bài đăng mà bạn muốn hết hạn. Đảm bảo rằng bạn thêm thời gian ở định dạng này mm / dd / yyyy 00:00:00 .

Adding an expiration date using custom field

Tạo kiểu cho các bài đăng riêng lẻ bằng các trường tùy chỉnh

Bạn muốn thay đổi giao diện của từng bài đăng bằng CSS? WordPress tự động gán cho mỗi bài đăng một lớp riêng mà bạn có thể sử dụng để thêm CSS tùy chỉnh.

Tuy nhiên, bằng cách sử dụng các trường tùy chỉnh, bạn có thể thêm các lớp tùy chỉnh của riêng mình và sau đó sử dụng chúng để tạo kiểu bài đăng khác nhau.

Trước tiên, bạn cần chỉnh sửa một bài đăng mà bạn muốn tạo kiểu khác. Chuyển đến hộp trường tùy chỉnh và trường tùy chỉnh sau lớp.

Post class custom field

Tiếp theo, bạn cần chỉnh sửa các tệp chủ đề WordPress của mình và thêm mã này vào đầu vòng lặp WordPress.

<?php $custom_values = get_post_meta($post->ID, 'post-class'); ?>

Bây giờ bạn cần tìm một dòng có hàm post_class (). Đây là cách nó trông như thế nào trong chủ đề demo của chúng tôi:

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

Thay đổi dòng này để bao gồm giá trị trường tùy chỉnh của bạn, như sau:

<article id="post-<?php the_ID(); ?>" <?php post_class($custom_values); ?>>

Bây giờ nếu bạn kiểm tra mã nguồn của bài đăng bằng công cụ Kiểm tra, thì bạn sẽ thấy lớp CSS trường tùy chỉnh của bạn được thêm vào lớp bài đăng.

Custom field post class

Bây giờ bạn có thể sử dụng lớp CSS này để thêm CSS tùy chỉnh và tạo kiểu cho bài đăng của bạn theo cách khác.

Đó là tất cả, chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu thêm về các trường tùy chỉnh của WordPress. Bạn cũng có thể muốn xem hướng dẫn từng bước cuối cùng của chúng tôi để tăng tốc độ và hiệu suất WordPress cho người mới bắt đầu.

Nếu bạn thích bài viết này, vui lòng đăng ký Kênh YouTube của chúng tôi để xem các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy chúng tôi trên Twitter và Facebook.

Free Download WordPress Custom Fields 101: Mẹo, Thủ thuật và Hacks :

Trong khi chờ đợi, vui lòng nhấn vao quảng cáo phía trên để tác giả có phí duy trì website , xin cám ơn ^^^

In the meantime, please click on the ad so that the author has a website maintenance fee, very very very thank you ^^^ !!!!

Download Instructions

Join our official telegram group and channel for latest updates.

Để lại một bình luận

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More

© 2021 All Rights Reserved | Shared by Tainguyenwordpress