wordpress调用指定标签下文章

作者: 鲁智深 分类: wordpress 发布时间: 2013-08-05 00:32

最近有网友问我什么调用标签的下的文章,此调用方法用的网站不多,以前也没有实践过此方法。称这次机会学习一下方法,下面就来分享一下wordpress调用置顶标签下的文章代码:

指定标签下文章标题调用方法

1
2
3
4
5
6
7
8
9
10
11
12
13
<?php
    $args=array(
        'tag_id' => 82,
        'posts_per_page' => 5,
    );
    query_posts($args);
    if(have_posts()) : while (have_posts()) : the_post();
?>
                <li>
//内容
              </li>
           
<?php endwhile; endif; wp_reset_query();?>

注意:

【’tag_id’ => 18】中的18是标签页的id号;

【’posts_per_page’ => 1,】中的1代表显示文章的数量。

如果想要实现缩略图调用的话,就必须在循环中加上图片调用代码,并且需要修改css样式。

如图是本博写的侧边栏代码:

CamtasiaStudio7

CamtasiaStudio7

代码:

1
2
3
4
5
6
7
8
9
10
11
12
<li>
     <img src="<?php echo catch_first_image() ?>" alt="<?php the_title(); ?>" width="40" height="40" />
<div class="intro">
 <a href="<?php the_permalink(); ?>"  title="<?php the_title(); ?>">
<?php echo cut_str($post->post_title,36); ?>
</a>
           <p class="intr">
    <?php
echo mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 35,"……"); ?>
                      </p>
    </div>
      </li>

css样式

1
2
3
4
5
#new_art ul{padding:5px 5px;}
#new_art ul li{border-bottom: 1px dotted #CCC;padding:3px 0;}
#new_art ul li img{ float: left; height: 40px;margin: 5px 10px 0 0px;}
.intro{overflow: hidden;}
.intr{color: #737373;font-size: 11px;overflow: hidden; white-space: nowrap;}

样式都是自己整的,也许不够专业,但已经满足要求!

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

2条评论
  • 伟峰

    2013 年 10 月 30 日 15:58

    如果我想在这个功能上加上随机调用怎么弄啊

    1. 中盾现货

      2013 年 10 月 30 日 22:06

      随机没有用过,玩过手动调用http://www.yujzw.com/wlyx/wordpresspaixu.html

发表评论

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