实现的效果是列举出所有的分类及分类下面的前面一定篇数的文章
这样首页不用显示一大摞一大摞的文章内容
可以用更多的位置去放置文章标题,内链大幅度增加,对于非常看重首页的百度非常重要。
下面是实现代码
第一步:修改主题首页模板(index.php)
将显示文章内容的代码替换为下面的代码
<?php
//获得全部
$cat_index=0;
$scat = get_categories(‘hide_empty=1’);
foreach ($scat as $mx_cat)
{
$cat_index=$cat_index+1;
echo ‘<div>’;
echo $mx_cat->cat_name.”<br>”;
$recentPosts = new WP_Query();
// showposts=20,表示最多显示20篇文章,应该要按时间倒序排列,不过还没有来得及做
$query_str=”cat=”.$mx_cat->cat_ID.”&showposts=10″;
$recentPosts->query($query_str);
while ($recentPosts->have_posts()) : $recentPosts->the_post();
echo ‘<a href=”‘;
echo the_permalink();
echo ‘”>’;
echo $post->post_title;
echo ‘</a><br/>’;
endwhile;
echo ‘<a href=”‘;
echo get_category_link($mx_cat->cat_ID);
echo ‘”>’;
echo ‘查看分类 “‘.$mx_cat->cat_name.'” 全部文章…’;
echo ‘</a><br/>’;
echo ‘</div>’;
//输出竖向分隔符
echo ‘<div></div>’;
if($cat_index%3==0)
{
//输出横向分隔符
echo ‘<div></div>’;
}
}
第二步:修改样式表(style.css)
在最后面增加下面的内容就可以了
/*增加首页文章分类列表.css样式(20130912)*/
.index-cat-art-list{width:30%;height:350px;float:left;background:#eee;font-size:10px;}
/*增加首页文章分类列表竖直分隔.css样式(20130912)*/
.index-catartlist-vfg{width:3%;height:350px;float:left;font-size:10px;}
/*增加首页文章分类列表水平分隔.css样式(20130912)*/
.index-catartlist-hfg{width:100%;height:10px;float:left;font-size:10px;}


杭州格原