Cách đặt lại vị trí các nút Liên quan đến Bài đăng và Chiến tranh xã hội của Jetpack trong Genesis

Các nút xã hội của Jetpack’s Related Posts và Social Warfare, theo mặc định, tự đính kèm với nội dung và xuất hiện như thế này trên các bài đăng đơn lẻ:

Bạn đang tìm cách di chuyển chúng xuống bên dưới nội dung (và nhận xét - nếu được bật) bên trong một div mới trên các bài đăng đơn lẻ trong Genesis như thế này?

Bước 1

Thêm phần sau vào functions.php của chủ đề con :

add_filter( 'wp', 'jetpackme_remove_rp', 20 );
/**
 * Removes Jetpack Related Posts from the bottom of posts.
 */
function jetpackme_remove_rp() {
    if ( class_exists( 'Jetpack_RelatedPosts' ) ) {
        $jprp = Jetpack_RelatedPosts::init();
        $callback = array( $jprp, 'filter_add_target_to_dom' );
        remove_filter( 'the_content', $callback, 40 );
    }
}

add_action( 'genesis_after_entry', 'custom_below_entry_section_begin' );
/**
 * Adds opening div tag for .below-entry on single posts.
 */
function custom_below_entry_section_begin() {
    if ( is_singular( 'post' ) ) {
        echo '<div class="below-entry">';
    }
}

add_action( 'genesis_after_entry', 'custom_add_social_warfare' );
/**
 * Adds Social Warfare share buttons below entry on single posts.
 */
function custom_add_social_warfare() {
    if ( is_singular( 'post' ) && function_exists( 'social_warfare' ) ) {
        social_warfare();
    }
}

add_action( 'genesis_after_entry', 'jetpackme_add_rp' );
/**
 * Adds JetPack Related Posts below entry on single posts.
 */
function jetpackme_add_rp() {
    if ( is_singular( 'post' ) && class_exists( 'Jetpack_RelatedPosts' ) ) {
        echo do_shortcode( '[jetpack-related-posts]' );
    }
}

add_action( 'genesis_after_entry', 'custom_below_entry_section_end' );
/**
 * Adds closing div tag for .below-entry on single posts.
 */
function custom_below_entry_section_end() {
    if ( is_singular( 'post' ) ) {
        echo '</div>';
    }
}

Bước 2

Thêm phần sau vào style.css của chủ đề con :

.below-entry {
    background-color: #fff;
    padding: 40px;
    margin-bottom: 40px;
}