Cách sửa phần Journal trên trang chủ của Digital Pro

Trang chủ của Digital Pro có phần Tạp chí hiển thị 3 bài đăng trên blog bên dưới các khu vực tiện ích.

Nếu bạn muốn có một trang blog riêng biệt, nơi tất cả các bài đăng được hiển thị, phương pháp được đề xuất là chỉ định hai Trang làm trang chủ tĩnh và trang Bài đăng trong cài đặt Đọc của WordPress và sau đó tất cả các bài đăng sẽ tự động xuất hiện trên trang Bài đăng.

Thật không may, làm như vậy sẽ làm cho phần Tạp chí trống (hoặc bất cứ điều gì là nội dung của trang chủ tĩnh xuất hiện) trên trang chủ.

Điều này là do mẫu của chủ đề cho trang đầu sử dụng truy vấn mặc định và không sử dụng một truy vấn riêng biệt như nó nên dùng để hiển thị các bài đăng trong phần Nhật ký. Điều này sẽ làm cho nội dung của Trang tĩnh được đặt làm trang chủ xuất hiện trong Tạp chí chứ không phải các bài đăng trên blog như người ta mong đợi.

Chúng tôi có thể khắc phục điều này bằng cách xóa vòng lặp Genesis mặc định và thêm một vòng lặp tùy chỉnh trên trang đầu.genesis_custom_loop()

Vì việc phân trang ở đây không hợp lý, chúng tôi sẽ thay thế nó bằng một liên kết đến trang Bài đăng (thường là / blog).

Bước 1

Chỉnh sửa front-page.php của Digital Pro .

a) Bên trong digital_front_page_genesis_meta (), thay đổi

if ( 'true' === $journal ) {

    // Add opening markup for blog section.
    add_action( 'genesis_before_loop', 'digital_front_page_blog_open' );

    // Add closing markup for blog section.
    add_action( 'genesis_after_loop', 'digital_front_page_blog_close' );

} else {

đến

if ( 'true' === $journal ) {

    // Remove the default Genesis loop.
    remove_action( 'genesis_loop', 'genesis_do_loop' );

    // Add opening markup for blog section.
    add_action( 'genesis_before_loop', 'digital_front_page_blog_open' );

    // Add closing markup for blog section.
    add_action( 'genesis_after_loop', 'digital_front_page_blog_close' );

} else {

b) thay thế

// Add opening markup for blog section.
function digital_front_page_blog_open() {

    $journal_text = get_option( 'digital_journal_text', __( 'Our Journal', 'digital-pro' ) );

    if ( 'posts' == get_option( 'show_on_front' ) ) {

        echo '<div id="journal" class="widget-area fadeup-effect"><div class="wrap">';

        if ( ! empty( $journal_text ) ) {

            echo '<h2 class="widgettitle widget-title center">' . $journal_text . '</h2>';

        }

    }

}

// Add closing markup for blog section.
function digital_front_page_blog_close() {

    if ( 'posts' == get_option( 'show_on_front' ) ) {

        echo '</div></div>';

    }

}

với

// Add opening markup for blog section.
function digital_front_page_blog_open() {

    $journal_text = get_option( 'digital_journal_text', __( 'Our Journal', 'digital-pro' ) );

    // if ( 'posts' == get_option( 'show_on_front' ) ) {

        echo '<div id="journal" class="widget-area fadeup-effect"><div class="wrap">';

        if ( ! empty( $journal_text ) ) {

            echo '<h2 class="widgettitle widget-title center">' . $journal_text . '</h2>';

        }

        $args = array(
            'posts_per_page' => '3',
            'no_found_rows'  => true,
        );

        genesis_custom_loop( wp_parse_args( $args ) );

        printf( '<div class="pagination"><a href="%s">%s</a></div>',
                get_permalink( get_option( 'page_for_posts' ) ),
                __( 'Our Journal »', 'digital-pro' )
            );

    // }

}

// Add closing markup for blog section.
function digital_front_page_blog_close() {

    // if ( 'posts' == get_option( 'show_on_front' ) ) {

        echo '</div></div>';

    // }

}

Bước 2

Thêm phần sau vào style-front.css phía trên các truy vấn phương tiện:

.front-page .entry {
    margin-bottom: 10%;
    padding-bottom: 10%;
    border-bottom: 1px solid #eee;
}

.front-page .entry-header,
.front-page .entry-content {
    max-width: none;
}

.front-page .entry-title {
    font-size: 36px;
    font-size: 3.6rem;
    letter-spacing: -2px;
}

#journal .pagination {
    text-align: right;
}