存档

文章标签 ‘wordpress’

wp-cumulus完美显示中文标签

2010年5月6日 8 条评论 88 views

相信大家都知道wp-cumulus这个插件吧!Flash+JS实现的超炫Wordpress标签云3D效果。传达给用户强大的视觉冲击力,具体可以参看我博客的右边的展示。当然这篇文章并不是仅仅介绍这个插件,因为这个插件不支持中文,所以如果从官方下载常规安装后只显示英文tags,而不显示中文tags。国人也对此做了研究,就是把博客或者常用的中文tags都导入到swf中,结果是swf会膨胀到5M左右,严重影响其加载速度。

今为大家提供TwaMix修改过的wp-cumulus,其大小竟然比官方的还要小数倍,加载迅速,完美显示中英文tags,使用方法和官方一样!!

wpcumulus

 

插件调方法:

1、在侧边连调用

2、是页面调用:页面函数调用:<?php wp_cumulus_insert(); ?>

下载:

wp-cumulus#TwaMix修改版

分类: Web 标签: ,

jquery.lazyload.js实现图片延迟加载——wordpress图片随滚动条渐显效果

2010年5月4日 56 条评论 9,906 views

看到Louis Han的博客有个图片随滚动条渐显的效果,感觉既华丽又能节省资源,一举两得,于是就开始研究。

通过查看其源代码以及google搜索知识,初步搞明白了,它是通过一个js来实现的,下面就来介绍一下:

特效优点:

  1. 加速wordpress站点的页面载入速度;
  2. 不唐突的图片渐显方式;
  3. 代码精简,便于操作维护,JS代码仅仅 1.6KB  先决条件是:你的站加载了 Jquery.js

阅读全文…

分类: Web 标签: , ,

WP-Syntax Quick Insert——自己写的Windows Live Writer代码高亮插件

2010年5月1日 12 条评论 416 views

重新打理博客后,开始纠结选代码高亮插件的问题。各种插件都试过,感觉都不尽如人意。比如说WP后台写日志时要用html模式而不能用visual模式,而且如果用WP-Syntax或者codebox这种以pre方式插入代码的,还要考虑到转义符的问题,我就在转义符这个问题上纠结了N久N久,一定要在pre里加一个escaped=true的属性,不然当遇到尖括号和引号的代码会惨不忍睹。

后来用Windows Live Writer写日志了,也开始找相关的插件。装了很多个都倒在转义符这个问题上。最后哥火了,自己写!

参考了网上几篇介绍编写wlw插件的博文,折腾了一个下午,终于解决了转义符的问题。现在只要在wlw中点击插入代码,然后把代码复制进去,选择语言类型,程序就自动把需要转义处理的都处理掉,在页面上显示就正常了。在wlw中看到是什么代码,最后发布到网页上也是什么代码,至少目前还没发现问题。当然欢迎提建议或者报告bug。

所以我觉得自己这个插件最大特点是:所见即所得,解决转义符问题

wp_syntax_quick_insert_1

wp_syntax_quick_insert_2

阅读全文…

分类: IT, Web 标签: , , , , ,

WordPress图片保持宽高比自动缩小

2010年5月1日 6 条评论 1,285 views

前阵子一篇博文里面介绍了WordPress图片自动缩放,后来发现有个问题,它仅仅改变了图片的宽度,而没有改变图片的高度,也就是说影响了图片的宽高比,那个叫惨不忍睹。

在网上查了好些资料,经过自己实验,发现只要在原来基础上再加一句代码即可。

max-width:600px;
width: expression(this.width > 600 ? "600px" : true);
height:auto;

这样就可以实现自动按宽高比缩小了。

阅读全文…

分类: Web 标签: ,

WordPress图片自动缩放

2010年4月23日 1 条评论 1,045 views

打开所用主题的style.css文件,找到.post-content img{,如果没有的话直接添加,在后面加上如下代码:

max-width:600px;
width: expression(this.width > 600 ? "600px" : true);

这里的.post-content img{不是固定的,不同的主题可能不同,比如我自己用的主题就叫post-content。
max-width: 600px: 代码中的这个部分针对Firefox/Opera浏览器,限制对象的最大宽度为600px。此代码对IE无用,为了让IE也能限制对象宽度,所以在代码中 加入第2行代码,用IE提供的expression命令,使所有图片的宽度自动缩小或放大至600px。
这里只是修改了宽度,如果需要修改高度,修改相应代码即可。

分类: Web 标签: , ,

wordpress留言板评论倒序显示新方法

2010年4月5日 2 条评论 324 views

晚上解决留言板评论顺序问题时,想出一个新办法。
直接在comments.php的显示评论那段代码里面将类似

<!--?php
wp_list_comments('type=comment&callback=mystique_list_comments'); //mystique是我这个主题的名称,其他主题对应即可
?-->

改写成:

<!--?php
  if (is_page())
     wp_list_comments('reverse_top_level=1&type=comment&callback=mystique_list_comments');
  else
     wp_list_comments('type=comment&callback=mystique_list_comments');
?-->

这样就自动判断如果是在page上显示倒序,在其他地方显示正序。对我而言够用了哈。

分类: Code, Web 标签: ,