Cách di chuyển Tiêu đề trang bên dưới Tiêu đề trong Digital Pro

Thủ thuật WordPress
1

Tìm cách di chuyển tiêu đề từ vị trí thông thường của chúng (bên trong .entry-header trong nội dung) xuống bên dưới tiêu đề trang web trong div riêng của chúng trên Trang tĩnh trong Digital Pro?

Chúng tôi sẽ xóa tiêu đề mục nhập (có tiêu đề mục nhập) và thêm tiêu đề mục nhập được bao bọc bên trong div .page-title tùy chỉnh bên dưới tiêu đề.

Bước 1

Thêm phần sau vào functions.php :

// Reposition Page Title
add_action( 'genesis_header', 'custom_page_title' );
function custom_page_title() {

	if ( is_page() and !is_front_page() ) {
		remove_action( 'genesis_entry_header', 'genesis_entry_header_markup_open', 5 );
			remove_action( 'genesis_entry_header', 'genesis_do_post_title' );
		remove_action( 'genesis_entry_header', 'genesis_entry_header_markup_close', 15 );

		add_action( 'genesis_after_header', function () {
			echo '<div class="page-title"><div class="wrap">';
		} );
			add_action( 'genesis_after_header', 'genesis_do_post_title' );
		add_action( 'genesis_after_header', function () {
			echo '</div></div>';
		} );
	}

}

Bước 2

Thêm phần sau vào style.css :

.page .site-inner {
	margin-top: 0;
}

.page-title {
	margin-top: 91px;
	padding: 60px 0;
	background-color: #f7f7f7;
	text-align: center;
}

.page-title .wrap {
	max-width: 1280px;
	margin: 0 auto;
}

.page .entry-title {
	margin-bottom: 0;
}

@media only screen and (max-width: 800px) {

	.page-title {
		margin-top: 0;
	}

}