Hướng dẫn what does body_class () function actually do in wordpress? - hàm body_class () thực sự làm gì trong wordpress?

Hiển thị tên lớp cho phần tử cơ thể.

.page {
	/* styles for all posts within the page class */
}
.page-id-2 {
	/* styles for only page ID number 2 */
}
.logged-in {
	/* styles for all pageviews when the user is logged in */
}

Chuỗi phân tách không gian hoặc mảng tên lớp để thêm vào danh sách lớp.

Mặc định:

.page {
	/* styles for all posts within the page class */
}
.page-id-2 {
	/* styles for only page ID number 2 */
}
.logged-in {
	/* styles for all pageviews when the user is logged in */
}

Chức năng này cung cấp cho các phần tử cơ thể các lớp khác nhau và có thể được thêm vào, thông thường, trong thẻ cơ thể HTML tiêu đề.php.

Cách sử dụng cơ bản

Ví dụ sau đây cho thấy cách thực hiện thẻ mẫu body_class thành một chủ đề.

>

Đầu ra HTML thực tế có thể giống với một cái gì đó như thế này (trang Giới thiệu từ thử nghiệm đơn vị chủ đề):

[HTML] [/HTML]

[/html]

Trong bảng kiểu chủ đề WordPress, thêm các kiểu phù hợp, chẳng hạn như:

.page {
	/* styles for all posts within the page class */
}
.page-id-2 {
	/* styles for only page ID number 2 */
}
.logged-in {
	/* styles for all pageviews when the user is logged in */
}

Tệp:

.page {
	/* styles for all posts within the page class */
}
.page-id-2 {
	/* styles for only page ID number 2 */
}
.logged-in {
	/* styles for all pageviews when the user is logged in */
}

function body_class( $class = '' ) {
	// Separates class names with a single space, collates class names for body element.
	echo 'class="' . esc_attr( implode( ' ', get_body_class( $class ) ) ) . '"';
}

Xem trên Tracview trên GitHub View on GitHub