サムネイルの最近の投稿 - 下のタイトルを表示したい

Question

ウィジェットの最近の投稿としてサムネイルを表示するためにこのコードが見つかりました。それは私が大好きなグリッド形式で表示されます。各サムネイル画像の下に投稿のタイトルを追加したいと思います。私はthe_title（）を使ってタイトルのショーを手に入れることができます。しかしそれはグリッドのままではなく、リストに変わります。助けていただければ幸いです。おかげ

が使用CSSは次のとおりです。

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

コード：それはだときタイトルテキストに割り当てられているCSS属性を知っていると便利だろう

<?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

作成しているページに導入され、グリッドをリストに変換する可能性があります。私はここで最善の方法は、divのサムネイル/タイトルのペアをラップし、それらのdivに属性を "表示：インライン"にすることで、divが互いの上にではなく横に表示されるようにすることです。