WordPress边栏显示日志评论排行榜

我的博客边栏一直在使用着关注博客排行榜,这些日志是按总点击量排行的,这样更容易让读者发现更有价值的文章,另外,如果让评论最多的文章也展示出来的话,效果也会不错,更容易让读者参与到热烈的讨论中,更容易搞活博客的人气。

使用插件可以简单实现:Most Commented Widget

你要做的就是安装并启用插件,再之后你就可以把下面调用代码写在sidebar.php文件中,也可以写在其他位置:

< ?php mdv_most_commented(); ?>

如果想自定义列表,可以使用下面的带参数的代码:

< ?php mdv_most_commented(10, '', '
', true, 30, true) ?>

参数详细说明:

  • $no_posts – 设置显示日志数量
  • $before – 显示在链接前面的内容
  • $after – 显示在链接后面的内容
  • $show_pass_post – 是否显示加密的日志
  • $duration – 显示多少天以来发布的日志

刚介绍的这个插件是用的较多的插件,向大家推荐。

也可以使用Most Comments这个插件,这个插件不需要自己向主题文件里写代码,已经支持后台小工具,最后的效果是一样的。

变形金刚红色起源 很棒的CG作品

今天发现一个视频,那个牛啊,实在没法表达了,和国外的变形金刚直接不相上下,转发到这里,与CG爱好者共享。《变形金刚红色起源》2分30秒精彩片花 自行车变形!国内浙江CG团队自主原创,目前为止没有作为任何品牌的商业推广用途,意在与国内外CG行业和影视特效人士共勉。

Timthumb文件导致博客安全漏洞解决办法

前段时间网上爆出Timthumb.php文件导致博客安全漏洞,黑客通过虚假二级或三级域名通过timthumb攻击服务器,在使用的主题文件中如果有 timthumb.php文件提取图片的朋友,请马上更新文件或采取其他补救措施:

  1. 升级Timthumb到最新版本:http://code.google.com/p/timthumb/source/browse/trunk/timthumb.php
  2. 打开Timthumb.php文件,找到代码:
    $allowedSites = array (
    'flickr.com',
    'picasa.com',
    'img.youtube.com',
    'upload.wikimedia.org',
    );
    

    删除里面的域名或直接改为以下代码:

    $allowedSites = array ();
  3. 强烈建议删除空间里所有的文件,全新安装博客程序,之后上传新的主题文件,别忘了使用最新修改的timthumb.php
  4. 为了保证数据库的安全,请使用wordpress后台自带的导出网站内容,直接清理mysql数据库,在新博客后台导入自己导出的博客内容,而不要直接恢复数据库。

在使用我所设计的主题的用户,如果使用的主题中出现timthumb.php,请及时按此教程修复或停用主题,以免造成不必要的损失。

不过使用图片外链的就不能正常显示了,本地图片不受影响。

WordPress日志分栏显示方法初探

通常我们见到的WordPress博客显示的文章都是以一栏显示的,但如果我们想设计个杂志主题的样式,让文章多栏显示,效果肯定比一栏要更出彩,本文我们以WordPress日志分两栏为例来进行探讨,三栏、四栏道理完全一样。

我们需要在主题目录下的functions.php文件中加入以下代码,代码可以实现根据<h2>标签进行分栏。

    function wp_multi_col($content){
    $columns = explode('

', $content); $i = 0; foreach ($columns as $column){ if (($i % 2) == 0){ $return .= '
' . "\n"; if ($i > 1){ $return .= "

"; } else{ $return .= '
' . "\n

"; } $return .= $column; $return .= '

'; $i++; } if(isset($columns[1])){ $content = wpautop($return); }else{ $content = wpautop($content); } echo $content; } } add_filter('the_content', 'wp_multi_col');

另外,还需要在样式表文件style.css里添加样式代码:

    .content_right, .content_left{
        float:left;
        width:45%;
    }

    .content_left{
        padding-right:5%;
    }

至此,你的博客内容就完全以两栏显示了。

WordPress仿古书中文直排主题 VerTick

今天帮朋友找书法类的WordPress主题,无意中发现一款中文直排主题,效果很不错,对爱好文学或书法类的博客肯定是个不二选择。

使用说明:

安装:将下载的 .zip 文件解压缩后上传到 WordPress 的 wp-content/themes 子目录下。

设定:启用 VerTick 后,控制台的 Appearance 栏目中会出现 VerTick Options,其中有三个选项:

  1. Punctuations:设定使用传统中文标点(居中,单层引号在外)或者中国大陆国家标准标点(部分标点偏右,双层引号在外)
  2. Font Stack:设定施加在直排中文(标题不受此影响)上的 CSS 字体。
    • Song 对应:STSong, Hiragino Mincho Pro, LiSong Pro, MS Mincho, SimSun, WenQuanYi Micro Hei, serif
    • Hei 对应:Hiragino Sans GB, Hiragino Kaku Gothic Pro, LiHei Pro, Microsoft YaHei, SimHei, WenQuanYi Micro Hei, sans-serif
    • FangSong 对应:STFangSong, FangSong, MS Mincho, SimSun, WenQuanYi Micro Hei, serif
    • Kai 对应:STKaiti, KaiTi, WenQuanYi Micro Hei, serif
    • 建议使用 Song 或者 Hei,其他两个选项在 Windows 下效果很差。
  3. Use traditional Chinese? 若勾选此选项,则各类提示(如果“请登录”)等将变为繁体中文。

如果日期显示不正确,请确认自己使用的 WordPress 的日期格式为英文。

演示下载

WordPress主题:SimplePro-TT 免费发布

前段时间把我的自用 主题SimplePro V1.0 发布,受到很多博友们的支持,感谢这些朋友的建议及反馈,因为时间紧,不能及时修复bug和升级版本,希望大家原谅,今天应猫、子意等同学的要求,把主题进行了升级,添加了稍美观一些的有图版,命名为SimplePreo-TT。

同时所有收费主题均免费下载:

在我现有博客的基础上增加了文章列表缩略图,效果图如下:

原有主题的一切功能都不受影响,特色图片会在小图和文字的上面正常显示,完全可以自主使用。效果如下:

缩略图支持外链图片,自动提取内容里的第一个图片,请自行保证图片的可用性。

更新记录:

  1. 缩略图需要缓存文件到博客根目录下的cache目录,如果没有,请手动新建一个,属性设置为777(此步已不需要)
  2. 取消timthumb.php获取图片缩略图,直接调用内容里的图片
  3. 添加首页顶部slide幻灯片,不需要的请自行删除相应代码
  4. 边栏小工具添加至两个,专门为单栏显示、两栏显示使用;
  5. 为了让主题闪速,取消文章列表的图片缩略图;
  6. 完善了菜单颜色;
  7. 后台设置界面中文化。
  8. (代码更新至2011.11.03)

使用教程:

  1. 首页顶部slide幻灯片,请在后台slides里添加,上传610×255大小图片,把图片设置为特色图片;
  2. 在边栏,想一栏显示的内容,请拖放到Sidebar1里,想两栏显示的(友情链接、日志分类)请放Sidebar2中;
  3. 想增加缩略图的,请自行查资料添加,不提供相关技术指导;

主题的制作过程是辛苦的,但我觉得很快乐,因为可以让喜欢的朋友使用,最后提一个小小的要求,主题sidebar.php有一个小小的广告位,请朋友们给予保留,footer.php里的版权信息请保留,也算是对我的工作的支持,谢谢。主题供学习研究之用,不喜勿下,请那些像娘们一样的喜欢唧唧歪歪、嘴里不干不净的绕道!

[download id=”11″ format=”1″]

木头主机(MT.MU) MediaTemple主机震撼上线

世界上最强大的博客主机木头的木(MT.MU)震撼上线!对于MT,其实没什么好说的,玩博客的资深元老们都熟悉。

Media Temple 简称 (mt) ,是一家比较独特的美国主机商,和其他美国商一样大肆的做广告不一样,(mt) 更关注社区,它的营销计划可以简单归纳为:Host Great Sites,所以你会发现很多你喜欢的博客都会在自己的博客上贴有 (mt) 的 logo,因为他们正使用 (mt) 主机 Host 自己的 Great Site,所以选择了 (mt),就选择和许多伟大的站点做邻居。

(gs) Grid-Service

(mt) 的第一种配置的主机为 (gs) Grid-Service,这个和 BlueHost 的虚拟主机基本类似,GS 提供 100G 空间,1T 流量,100 个域名捆绑,1,000 GPUs,可以创建个无限数据库.

(dv) Dedivated-Virtual

虚拟服务器(Dedivated-Virtual)是 (mt) 吸引我的主要原因,我爱水煮鱼现在使用的就是 (mt) 的 (dv) 的第二档次套餐, 50G 空间,1.5T 流量,1G 内存,并且都使用最新的服务器操作系统和软件:PHP 5.2, MySQL 5.0,CentOS系统,Apache 2,主机管理后台系统是 Plesk,访问速度你完全可以查看我的博客,并且最重要的是稳定,不说 100% up time 我相信 99% 是有的,这个在我使用在我使用的国内主机和 Bluehost 这些虚拟主机来说是基本不可能的。

(ve) Server

为了一些能够对自己的 Linux 服务器能够有更灵活以及更高层次控制的高级用户的需求,(mt) 还推出了 (ve) 主机,(ve) 是 Virtual Environment (虚拟环境)的简写,它部署在一个虚拟化的 Linux 集群服务群组上面,但是由于其安装在高性能的硬件和快速的存储设备上,所以 (ve) 主机的速度不亚于原生安装的服务器的速度,并且稳定性更高。

中国博客联盟为了满足一些高端用户的需要,专门代理了MT主机,豪华别墅,欢迎入住!

地址:http://www.mt.mu

花式台球 最美的境界 Venom Trickshots 正片完整版

今天看到youku上一个花式台球的视频,很是震惊,开始看到的完美的击球、进球简直是不可思议,再往后看,才知道拍出这一部30分钟的完美的视频更是让我震惊,娱乐式的视频,也给我们一个小小的启发,每一次成功,都是经历无数次的失败得来了,如果你打算做成功一件事,要先有承受无数次失败的心理准备。

博客添加jQuery页面载入进度条

今天花生给博客添加了页面载入进度条,普通的页面加载一般都比较生硬,如果载入速度慢的话,很难让浏览者等待页面加载,如果把页面加载过程做成动态进度条,肯定给浏览者一个很好的等待体验。

我的博客是在顶部添加的1px的蓝线消失的过程,等页面全面加载完毕后,蓝线就会全部消失。

加载条的载入原理其实很简单:WordPress主题一般由header、index(single、archive)、sidebar、footer四部分构成,我们对每部分加载样式的一部分,到最后加载完毕即可。

要实现线条加载的效果,需要主题启用jQuery功能,在<header></header>之间加入代码:

为了提升js文件的加载速度,我直接把这个js文件放在主题目录下,你也可以使用下面的代码(二者选一):

在页面body开始标签的后面加入代码:

CSS文件样式代码加入到主题的style.css文件中:

/*头部进度条*/
#blog-loading {
width:100%;
height:1px;
background:#0099cc;
position:fixed;
left:0;
top:0;
}
#blog-loading div {
width:1px;
height:1px;
background:#fff;
}

之后在主题的各部分加载这个样式,我在header中加载15%,在index部分加载30%,在sidebar部分加载60%,在footer中加载完毕。

那就在各部分加入以下代码:


把里面的15%换成进度即可。