0

こんにちは私がやろうとしているのは、サムネイル付きの投稿を表示し、タイトルとコンテンツの最初の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>
4

1 に答える 1

1

サムネイル、タイトル、テキストを表示するには、次のようなものを使用できます。

<a href="<?php the_permalink();?>"><?php the_post_thumbnail('recent-thumbnails'); ?></a>
<h2><a href="<?php the_permalink(); ?>"><?php the_title();?></a></h2>  
<p><?php the_excerpt(); ?></p>

#news img {
float:left;
margin: 0 5px 5px 0; 
}
#news h2 {}
#news p {}

抜粋の長さを制御して、投稿から特定の量の文字のみを表示できます。Wordpress Codex http://codex.wordpress.org/Function_Reference/the_excerptの抜粋機能の使用に関する詳細情報を参照してください。

于 2012-11-19T09:16:52.470 に答える