最近的帖子作为缩略图 - 想在图片下方显示标题

Question

我发现此代码用于在小部件中将缩略图显示为最近的帖子。它以我非常喜欢的网格格式出现。我想在每个缩略图图像下方添加帖子的标题。我可以通过使用 the_title(); 来获得标题显示。但随后它不会保持为网格，而是变成一个列表。我将不胜感激任何帮助。谢谢

使用的css是：

.attachment-thumbnail {
height:150px;
width:150px;
padding:5px;
background:#fff;
margin:5px 5px 0 0;
}

代码：

<?php
$my_query = new WP_Query('showposts=12&amp;amp;amp;amp;orderby=rand');
if( $my_query->have_posts() ) {
while ($my_query->have_posts()) : $my_query->the_post();
?>

<?php
$attachments = get_posts( array(
'post_type' => 'attachment',
'number_posts' => 1,
'post_status' => null,
'post_parent' => $my_query->post->ID,
) );
if ($attachments) {
?>

<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>">

<?php
$thumbnail_id = $attachments[0]->ID;
echo wp_get_attachment_image( $thumbnail_id );
}
endwhile;
}
wp_reset_query();
?>

Answer 1

在将标题文本引入您正在创建的页面时，了解分配给标题文本的 CSS 属性会很有帮助，因为这很可能会将您的网格变成列表。我认为最好的方法是将缩略图/标题对包装在一个 div 中，并使这些 div 具有属性“显示：内联”，以便 div 并排显示，而不是彼此重叠。