在wordpress上分离标题与缩略图

Question

I'm doing a wordpress theme and I'm trying to create some margins between a thumbnail and a post title on the recent posts on my sidebar. I tried everything but it just won't work. Any tips?

<?php $recent_posts = wp_get_recent_posts();
foreach( $recent_posts as $recent ){
if($recent['post_status']=="publish"){
if ( has_post_thumbnail($recent["ID"])) {
    echo '<li style=" list-style: none; ">
    <a class="post-title" href="' . get_permalink($recent["ID"]) . '" title="Look '.esc_attr($recent["post_title"]).'" >' .   get_the_post_thumbnail($recent["ID"], 'thumbnail').$recent["post_title"].'</a></li> ';
}else{
    echo '<li style=" list-style: none; ">
    <a class="post-title" href="' . get_permalink($recent["ID"]) . '" title="Look '.esc_attr($recent["post_title"]).'" >' .   $recent["post_title"].'</a></li> ';
}
 }
}
?> 

Answer 1

Have you tried insert a break line between them?

get_the_post_thumbnail($recent["ID"], 'thumbnail') . '<br />' . $recent["post_title"].'

OR

add this to the CSS file:

img.attachment-thumbnail { margin:10px; }