Thêm Thanh trượt đáp ứng trên Trang chủ - Whitespace Theme PRO

Có thể thêm thanh trượt vào trang chủ chủ đề Whitspace không? Có thể hình ảnh căng ở đâu? Tôi đã thử chỉ đặt tiện ích con trượt đáp ứng Genesis trong khu vực tiện ích Chào mừng nhưng điều đó không hoạt động. - RoxG

Tôi đã thực hiện các bước sau:

Bước 1: Đầu tiên hãy cài đặt Plugin Genesis Responsive Slider trên trang web của bạn. Một liên kết mới “ Cài đặt thanh trượt ” sẽ thêm vào trong menu “ Genesis ” ở phía bên trái. Điều hướng đến Genesis → Cài đặt thanh trượt và định cấu hình cài đặt cho thanh trượt của bạn.

Bước 2: Tạo một Khu vực widget mới “Trang chủ - Thanh trượt”. Thêm mã sau vào tệp functions.php của bạn:

//* Register home slider widget area
genesis_register_sidebar( array(
	'id'          => 'home-slider',
	'name'        => __( 'Home - Slider', 'whitespace' ),
	'description' => __( 'This is the slider section for Home Page.', 'whitespace' ),
) );

Bây giờ, điều hướng Giao diện> Tiện ích và kéo và thả tiện ích con “Genesis Responsive Slider” tại khu vực widget “Home-Slider”. Xem ảnh chụp màn hình.

Bước 3: Sửa đổi tệp front-page.php và thêm vùng widget “ Trang chủ - Thanh trượt ” vào đúng vị trí cho trang chủ. Tôi đang thêm vùng widget mới này bên dưới vùng Widget “Văn bản Chào mừng”. Thay thế mã hiện tại

//* Hook welcome widget area after site header
add_action( 'genesis_after_header', 'whitespace_welcome_widget_area' );
function whitespace_welcome_widget_area() {
genesis_widget_area( 'welcome', array(
'before' => '<div class="welcome">',
'after' => '</div>',
) );
}

Qua

//* Hook welcome & slider widget area after site header
add_action( 'genesis_after_header', 'whitespace_welcome_widget_area' );
function whitespace_welcome_widget_area() {
genesis_widget_area( 'welcome', array(
'before' => '<div class="welcome">',
'after' => '</div>',
) );
// Home Slider Widget area after welcome widget area
genesis_widget_area( 'home-slider', array(
'before' => '<div class="home-slider" id="home-slider">',
'after' => '</div>',
) );
}