3 phương pháp để thêm tiêu đề cho các widget chân trang trong Genesis

Bạn đang tìm cách thêm tiêu đề hoặc HTML tùy chỉnh phía trên các tiện ích con ở chân trang (.footer-widgets> .wrap)?

Dưới đây là ba cách mà điều này có thể được thực hiện theo thứ tự sở thích cá nhân của tôi từ trên xuống dưới.

Mã PHP nằm trong functions.php của chủ đề con .

Đã thử nghiệm trong chủ đề con Genesis Sample với hỗ trợ Trợ năng được bật cho các tiêu đề

Phương pháp 1

add_action( 'genesis_sidebar_title_output', function ( $heading, $id ) {
	if ( 'Footer' == $id ) {
		$heading = '<h2 class="genesis-sidebar-title">Footer Widgets</h2>';
	}

	return $heading;
}, 10, 2 );

với

.footer-widgets .genesis-sidebar-title {
	text-align: center;
	margin-bottom: 40px;
}

theo phong cách.css .

Nguồn: genesis / lib / functions / widgefying.php

Phương pháp 2

/**
* Filter the footer-widgets context of the genesis_structural_wrap to add a heading before the opening wrap div.
*
* @param string $output The markup to be returned
* @param string $original_output Set to either 'open' or 'close'
*/
add_action( 'genesis_structural_wrap-footer-widgets', function ( $output, $original_output ) {
	if ( 'open' == $original_output ) {
		$output = '<h3 class="footer-widgets-title">Footer Widgets</h3>' . $output;
	}

	return $output;
}, 10, 2 );

với

.footer-widgets-title {
	text-align: center;
	margin-bottom: 40px;
}

theo phong cách.css .

Nguồn: https://www.jowaltham.com/genesis-structural-wrap/

Phương pháp 3

add_action( 'genesis_before_footer', function () {
	echo '<div class="footer-widgets-outer"><h3 class="footer-widgets-title">Footer Widgets</h3>';
}, 7 );

add_action( 'genesis_before_footer', function () {
	echo '</div>';
} );

với

.footer-widgets-outer {
	background-color: #fff;
	padding: 60px 0;
}

.footer-widgets {
	padding: 0;
}

.footer-widgets-title {
	text-align: center;
	margin-bottom: 40px;
}

theo phong cách.css .