Question

我想横向显示相关帖子。

function get_related_author_posts() {
    global $authordata, $post;
    $authors_posts = get_posts( array( 'author' => $authordata->ID,'post__not_in' => array( $post->ID ), 'posts_per_page' => 3 ) );
    $output = '<div class="rp-users">';
    foreach ( $authors_posts as $authors_post ) {
        $output .= get_the_post_thumbnail($authors_post->ID,array(370, 300, true));
        $output .= '</div>';
        $output .= '<a href="' . get_permalink( $authors_post->ID ) . '"class="rp-title">' . apply_filters( 'the_title', $authors_post->post_title, $authors_post->ID ) . '</a>';
    }
    return $output;
}

我尝试过以下css，但不起作用。

.rp-users {display:inline-block;}
.rp-title {font-size:19px; width: 370px;text-align:left;display:block;}

Answer 1

function get_related_author_posts() {
global $authordata, $post;
$authors_posts = get_posts( array( 'author' => $authordata->ID,'post__not_in' => array( $post->ID ), 'posts_per_page' => 3 ) );
$output = '<div class="rp-users">';
foreach ( $authors_posts as $authors_post ) {
    $output .= '<div class="rp-user-entry">';
    $output .= get_the_post_thumbnail($authors_post->ID,array(370, 300, true));
    $output .= '<a href="' . get_permalink( $authors_post->ID ) . '"class="rp-title">' . apply_filters( 'the_title', $authors_post->post_title, $authors_post->ID ) . '</a>';
    $output .= '</div>';
}
$output .= '</div>';
return $output;

和css：

.rp-users {display:block;}
.rp-user-entry { display: inline-block; vertical-align: top; width: 33.333%; }
.rp-title {font-size:19px; width: 370px;text-align:left;display:block;}

Answer 2

我认为代码看起来应该是这样的

function get_related_author_posts() {
global $authordata, $post;
$authors_posts = get_posts( array( 'author' => $authordata->ID,'post__not_in' => array( $post->ID ), 'posts_per_page' => 3 ) );
$output = '<div class="rp-users">';
foreach ( $authors_posts as $authors_post ) {
    $output .= get_the_post_thumbnail($authors_post->ID,array(370, 300, true));
    $output .= '<a href="' . get_permalink( $authors_post->ID ) . '"class="rp-title">' . apply_filters( 'the_title', $authors_post->post_title, $authors_post->ID ) . '</a>';
}
$output .= '</div>';
return $output;

}

水平样式相关帖子

2 个答案: