wordpress如何调用标签tag文章列表

作者: 鲁智深 分类: wordpress 发布时间: 2013-09-01 23:19

如何调用tag下面的文章,以列表的方式呈现出来?

本人博客的侧边栏“CamtasiaStudio7视频软件使用教程”就是利用此方法调用。

如下图:

调用tag下的文章

调用tag下的文章

php代码部分

php调用代码如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<?php
    $args=array(
        'tag_id' => 82,
        'posts_per_page' => 5,
    );
    query_posts($args);
    if(have_posts()) : while (have_posts()) : the_post();
?>
                <li>
               <img src="<?php echo catch_first_image() ?>" alt="<?php the_title(); ?>" width="40" height="40" /><div>
                    <a href="<?php the_permalink(); ?>"  title="<?php the_title(); ?>">  <?php echo cut_str($post->post_title,36); ?></a>
                    <p>
                        <?php echo mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 35,"……"); ?>
                      </p>
                </div>
              </li>
           
<?php endwhile; endif; wp_reset_query();?>

如果不想调用出图片!把下面的这段代码删除。

1
<img src="<?php echo catch_first_image() ?>" alt="<?php the_title(); ?>" width="40" height="40" />

去除图片后的效果图如下:

调用tag下的文章

调用tag下的文章

css样式部分

1
2
3
4
#new_art ul{padding:5px 5px;}
#new_art ul li{border-bottom: 1px dotted #CCC;padding:3px 0;}
#new_art ul li a.title{padding:0 0 0 15px; background:url(images/newAirtl_icon.png) no-repeat 3px 50%;max-width:170px;overflow:hidden;}
#new_art ul li img{ float: left; height: 40px;margin: 5px 10px 0 0px;}

注意:如果出现错位或者位置偏离,可调整css样式参数!

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注