Последние сообщения в виде миниатюр - хотите показать заголовок под изображением

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 имели атрибут «display: inline», чтобы элементы div отображались рядом, а не друг над другом.