こんにちは私がやろうとしているのは、サムネイル付きの投稿を表示し、タイトルとコンテンツの最初の3行を表示することです。私が達成しようとしているのはこれです。
Date
thumbnail - title
some content
現時点では、注目の画像が表示されていますが、残りの部分を取得するのに苦労しています。繰り返しになりますが、左側に注目の画像があり、その横にタイトルの日付とその横のコンテンツが必要です。現時点での様子はこちら
ここに私の機能があります
if ( function_exists( 'add_theme_support' ) ) {
add_theme_support( 'post-thumbnails' ); } //Adds thumbnails compatibility to the theme
set_post_thumbnail_size( 200, 170, true ); // Sets the Post Main Thumbnails
add_image_size( 'recent-thumbnails', 55, 55, true ); // Sets Recent Posts Thumbnails}
function recentPosts() {
$rPosts = new WP_Query();
$rPosts->query('cat=4&showposts=3&orderby=date');
while ($rPosts->have_posts()) : $rPosts->the_post(); ?>
<li>
<a href="<?php the_permalink();?>"><?php the_post_thumbnail('recent-thumbnails'); ?></a>
<h2><a href="<?php the_permalink(); ?>"><?php the_title();?></a></h2>
</li>
<?php endwhile;
wp_reset_query();
}
これが私のCSSです
#posts { width:600px; height:auto; float:left; margin-top:20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#080808;}
#posts .news{ width:600px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; display:inline-block;}
#posts a{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; display:inline-block;}
これが私のindex.phpでの呼び方です
<div class="news">
<?php echo recentPosts(); ?>
</div>