Cách thêm tiêu đề phía trên các widget linh hoạt trong phần Front Trang 4 của Wellness Pro

Trong diễn đàn StudioPress, một người dùng đã hỏi:

-Trên trang chủ của tôi, ở khu vực widget thứ 4, tôi có đăng 6 bài blog mới nhất của mình. Tôi muốn một tiêu đề ở trên cùng có nội dung “BÀI ĐĂNG MỚI NHẤT”. Tôi nghĩ rằng tôi sẽ cần 7 khu vực phụ tùng, nhưng khi tôi thêm tiện ích thứ 7, nó được đặt ở cuối bài viết.

Chúng tôi có thể chỉnh sửa mã xuất ra khu vực tiện ích FP4 trong Wellness Pro và mã hóa tiêu đề / tiêu đề mong muốn của chúng tôi.

Đã thử nghiệm trong Wellness Pro 1.1.4.

Bước 1

Trong front-page.php thay thế

genesis_widget_area( 'front-page-4', array(
    'before' => '<div id="front-page-4" class="front-page-4"><div class="flexible-widgets widget-area' . wellness_widget_area_class( 'front-page-4' ) . '"><div class="wrap">',
    'after'  => '</div></div></div>',
) );

với

genesis_widget_area( 'front-page-4', array(
    'before' => '<div id="front-page-4" class="front-page-4"><div class="wrap"><h2 class="section-title">Latest Posts</h2></div><div class="flexible-widgets widget-area' . wellness_widget_area_class( 'front-page-4' ) . '"><div class="wrap">',
    'after'  => '</div></div></div>',
) );

Văn bản và thẻ tiêu đề “Bài đăng mới nhất” (h2) có thể được đặt / thay đổi ở trên.

Bước 2

Trong css / style-front.css phía trên các truy vấn phương tiện, hãy thêm

.front-page-4 {
    padding: 80px 0 40px;
}

.front-page-4 .section-title {
    text-align: center;
    margin-bottom: 20px;
}

.front-page-4 .flexible-widgets .wrap {
    padding: 0;
}

Đó là nó.