非插件实现WordPress侧边栏热门日志功能

  • 时间:
  • 浏览:0
  • 来源:大发uu快3_uu快3人工计划_大发uu快3人工计划
作者:匿名 hihi 来源:可咔酷 浏览: 2011-10-26 11:300:42 字号:大 中 小

[摘要]本文介绍下WordPress我过多 插件实现侧边栏热门日志的功能,页面加带入或多或少相关日志、热门日志等功要还上能 让访客更方便的找到本人感兴趣的内容,并肩增加用户在网站上的在在等待,给您的网站带来更多的流量!

  好多好多 网站都是在首页加带爬行榜,比如点击最多的、评论最多的等等。这篇文章是要介绍WordPress我过多 插件实现侧边栏热门日志的功能。这里说的热门日志是按照评论数量十哪几个 来调用的。页面加带入或多或少相关日志、热门日志等功要还上能 让访客更方便的找到本人感兴趣的内容,并肩增加用户在网站上的在在等待。

  相信对WordPress比较熟悉的人都知道过多的插件会影响到网站的性能,好多好多 尽量保持网站简单很有必要,尽量只用或多或少必需的插件,比如屏蔽垃圾评论插件等。

  使用下面的教程不还要安装任何插件,不过,在这些 教程里提到了文章缩略图,好多好多 ,首页要保证你的主题支持缩略图功能,也假使 说用WordPress 3.0+版本,或多或少可能会出错。

代码如下:

1. 首页定义$popular_posts,用WP_Query函数定义调用评论数最多的10篇日志。

<ul id="popular-posts">

<?php

$popular_posts = new WP_Query('orderby=comment_count&posts_per_page=10'); ?>

2. 或多或少创建最多评论数日志的循环列表,检查该日志不是 位于缩略图,可能有得话则显示缩略图,或多或少不显示缩略图。

<?php while ($popular_posts->have_posts()) : $popular_posts->the_post(); ?>

<li>

<?php

if ( has_post_thumbnail() ) { // check if the post has a Post Thumbnail assigned to it.

?>

<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_post_thumbnail('thumb', array('alt' => ''.get_the_title().'', 'title' => ''.get_the_title().'')); ?></a>

<a class="popular-post-title" href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>

<?php } else {?> <a class="popular-post-title" href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>

<?php } ?>

3. 基本上学会英语了,最后可能还要显示日子对应的分类目录得话就加带下面的代码。

<p>in <span class="popular-categ"><?php $category = get_the_category(); $categLink = get_category_link($category[0]->cat_ID); ?> <a href="<?php echo $categLink; ?>" title="<?php $category[0]->cat_name; ?>"><?php echo $category[0]->cat_name; ?></a></span></p>

</li>

<?php endwhile; ?>

</ul>

4. 下面是删改的代码哦,克隆qq到主题目录的sidebar.php里相应位置,就要能实现在侧边栏显示热门日志的列表了。

<ul id="popular-posts">

<?php

$popular_posts = new WP_Query('orderby=comment_count&posts_per_page=10'); ?>

<?php while ($popular_posts->have_posts()) : $popular_posts->the_post(); ?>

<li>

<?php

if ( has_post_thumbnail() ) { // check if the post has a Post Thumbnail assigned to it.

?>

<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_post_thumbnail('thumb', array('alt' => ''.get_the_title().'', 'title' => ''.get_the_title().'')); ?></a>

<a class="popular-post-title" href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>

<?php } else {?> <a class="popular-post-title" href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>

<?php } ?>

<p>in <span class="popular-categ"><?php $category = get_the_category(); $categLink = get_category_link($category[0]->cat_ID); ?> <a href="<?php echo $categLink; ?>" title="<?php $category[0]->cat_name; ?>"><?php echo $category[0]->cat_name; ?></a></span></p>

</li>

<?php endwhile; ?>

</ul>

CSS代码:

  把下面的样式代码克隆qq到主题目录的style.css,OK,刷新页面看下效果吧。样式可根据本人还要来调整。

#popular-posts li { overflow:auto; margin:20px 0px;}

#popular-posts li img { float:left; margin-right:10px; border:3px solid #798295;}

.popular-post-title { text-decoration:none; font-weight:bold; color:#798295;}

.popular-post-title:hover{color:#6eaebe;}

#popular-posts li p { margin-top:10px; }

.popular-categ{padding:5px;background:#6eaebe;}

.popular-categ a{ font-weight:normal;color:#464b56;}

.popular-categ a:hover{color:#545b68;}

WordPress下载

本文转自:http://www.kekaku.com/?p=177

sssss
Tags: WordPress   WordPress热门日志   WordPress使用   WordPress技巧  
责任编辑:cc120