wordpress不同于一般的只是列出所有的标签的页面,它会显示该标签下面最新的一篇文章。 你可以复制page php一份,重命名为page-tags,然后在正文下面添加以下代码: Code From caibaojian com ,魔客吧
wordpress不同于一般的只是列出所有的标签的页面,它会显示该标签下面最新的一篇文章。
你可以复制page.php一份,重命名为page-tags,然后在正文下面添加以下代码:
//Code From caibaojian.com
term_id .'" href="'.get_tag_link($tag).'">'. $tag->name .'x '. $tag->count .'';
$posts = get_posts( "tag_id=". $tag->term_id ."&numberposts=1" );
if( $posts ){
foreach( $posts as $post ) {
setup_postdata( $post );
echo ''.get_the_title().'
'.get_the_time('Y-m-d').'';
}
}
echo '';
}
}
wp_reset_query();
?>
在页面中添加以下CSS代码:
/* tag-clouds */
.contents{margin-right:0;}
.tag-clouds li{float:left;width:25%;margin-bottom:12px;padding-bottom:2px;height:76px;border-bottom:1px dotted #ddd;}
.tag-clouds li .tags{background-color:#019DC8;border-bottom:1px solid #7F9FB6;border-right:1px solid #97b1c4;color:#fff;padding:2px 5px;margin-right:4px;display:inline-block;border-radius:2px}
.tag-clouds li .tags:hover{background-color:#4982aa;color:#fff;border-bottom-color:#325975;border-right-color:#477291}
.tag-clouds strong{color:#666;margin-left:2px;}
.tag-clouds p{overflow:hidden;height:18px;padding:8px 20px 0 0;}
.tag-clouds em{color:#bbb;display:block;font-style:normal}
@media screen and (max-width:480px){
.tag-clouds li{width:50%; height:auto;}
.tag-clouds em{display:none;}
.tag-clouds p{display:none;}
}
然后再新建页面选择添加的页面。即可实现标签带最新文章存档页面