Tiêu đề trang tùy chỉnh trong Genesis Các bài viết nổi bật Kết hợp Widget của Plugin

Tổ hợp các bài đăng nổi bật của Genesis là một plugin mới (bắt đầu từ $ 15) của Chinmoy Paul dành cho Genesis nhằm lấp đầy khoảng trống trong các Bài đăng nổi bật của Genesis tiêu chuẩn, các tiện ích của Trang nổi bật của Genesis và các plugin bị bỏ rơi khác như Genesis Nổi bật Widget Khuếch đại (đã chết hoàn toàn) và Nội dung nổi bật của Genesis Sandbox Widget (hầu như không còn sống).

Đây là những điểm hấp dẫn chính của Tổ hợp các bài đăng nổi bật của Genesis đối với tôi bên cạnh khả năng hiển thị đa dạng Bài đăng, Trang và các thực thể tùy chỉnh thông thường:

  1. Các bố cục cài sẵn.
  2. Phân trang thực sự hoạt động.
  3. Đang được phát triển tích cực với một tác giả plugin rất dễ tiếp thu và dễ tiếp cận, người sẵn sàng tiếp nhận các yêu cầu và cải tiến tính năng.

Trong bài viết này, tôi cung cấp các chi tiết về cách chúng tôi có thể hiển thị Hình ảnh nổi bật và tiêu đề của bốn Trang tĩnh trong các cột bằng cách sử dụng Tổ hợp các bài đăng nổi bật của Genesis và ACF.

Trường Tùy chỉnh Nâng cao đang được sử dụng để thiết lập trường “Tiêu đề cho Hộp Trang chủ” tùy chỉnh, trường này khi được điền sẽ thay thế Tiêu đề trang trong tiện ích con ở giao diện người dùng.

Bước 1

Cài đặt và kích hoạt ACF. Tạo nhóm trường có tên say và tạo trường văn bản cho tiêu đề trang tùy chỉnh của bạn.Page Meta

Bước 2

Thêm phần sau vào functions.php của chủ đề con :

// Register a custom image size for Home Boxes images
add_image_size( 'home-box', 300, 300, true );

Bước 3

Tạo lại hình thu nhỏ.

Bước 4

Tạo / chỉnh sửa 4 Trang có Hình ảnh nổi bật và tiêu đề (tùy chỉnh) mà bạn muốn xuất hiện trong giao diện người dùng. Nhập tiêu đề tùy chỉnh của bạn vào trường “Tiêu đề cho Hộp Trang chủ” nếu bạn muốn ghi đè tiêu đề Trang mặc định.

Bước 5

Đi tới Giao diện> Tiện ích và kéo tiện ích Tổ hợp các bài đăng nổi bật của Genesis vào khu vực tiện ích mong muốn của bạn. Đặt ‘trang’ làm Loại bài đăng và nhập ID được phân tách bằng dấu phẩy của các Trang bạn muốn hiển thị. Đặt tên trường tùy chỉnh của bạn cho tiêu đề tùy chỉnh.

Ghi chú:

  1. Tôi đã đặt thứ tự theo ID theo thứ tự Tăng dần để các Trang được sắp xếp từ trái sang phải theo thứ tự mà ID của chúng đã được nhập trước đó.
  2. Giá trị của trường ‘Số lượng bài viết’ không quan trọng đối với Loại bài đăng ‘trang’.

Bước 6

Cập nhật vào thứ Năm, ngày 4 tháng 6 năm 2015: v1.0.1 của plugin có hỗ trợ 4 cột gốc. Vì vậy bước này không cần thiết nữa. Chỉ cần chọn bố cục 4 cột trong cài đặt tiện ích.

Tại thời điểm viết bài này, bố cục 4 cột không phải là tùy chọn tích hợp sẵn trong plugin. Tôi đã được Chinmoy cho biết rằng nó sẽ sớm được bổ sung.

Cho đến lúc đó, chúng ta có thể thêm một vài dòng mã trong functions.php và style.css để thêm lớp cột vào 4 mục nhập.one-fourth

add_action( 'gfpc_before_entry', 'gfpc_four_cols', 10, 2 );
function gfpc_four_cols( $instance, $widget_id ) {
	if ( ( $widget_id == "gfpc-widget-2" ) && ( $instance['layout'] == 'layout-seven' ) ) {
		add_filter( 'post_class', 'adding_one_fourth_class' );
	}
}

add_action( 'gfpc_after_entry', 'gfpc_remove_filter', 10, 2 );
function gfpc_remove_filter( $instance, $widget_id ) {
	if ( ( $widget_id == "gfpc-widget-2" ) && ( $instance['layout'] == 'layout-seven' ) ) {
		remove_filter( 'post_class', 'adding_one_fourth_class' );
	}
}

function adding_one_fourth_class( $classes ) {
	$classes[] = "one-fourth";
	return $classes;
}
#gfpc-widget-2 .layout-seven .one-fourth:nth-of-type(4n+1) {
	clear: both;
	margin-left: 0;
}

nơi là ID của widget. Bạn có thể lấy điều này bằng cách sử dụng Firebug hoặc trình kiểm tra của Chrome.gfpc-widget-2

Bước 7

Bây giờ chúng ta sẽ có thông tin của 4 Trang xuất hiện trong 4 cột ở giao diện người dùng.

Để thay thế tiêu đề Trang bằng tiêu đề tùy chỉnh hiện có, hãy thêm phần sau vào functions.php :

add_filter( 'gfpc_do_post_title_gfpc-widget-2', 'sk_custom_title', 10, 2 );
function sk_custom_title( $title, $instance ) {
	$replace = 'href=';
	$replace_with = 'class="button" href=';

	$title = str_replace( $replace, $replace_with, $title );

	return $title;
}