虚位以待(AD)
虚位以待(AD)
首页 > CMS教程 > WordPress > WordPress标签带最新文章存档页面

WordPress标签带最新文章存档页面
类别:WordPress   作者:码皇   来源:互联网   点击:

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;} } 然后再新建页面选择添加的页面。即可实现标签带最新文章存档页面
相关热词搜索: WordPress标签带最新文章存档页面