不知所云 » plugins http://leo-n.com Leo.N's Blog Tue, 12 Oct 2010 14:36:46 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Gray&Green? http://leo-n.com/theme-gray-green.html http://leo-n.com/theme-gray-green.html#comments Sun, 11 Oct 2009 11:05:56 +0000 Leo.N http://leo-n.com/?p=601 闲了这么久，终于花了一个晚上把wlsy童鞋的SimpleG主题修改完了。

话说每一次对主题的修改就是一次对CSS学习的过程，这不，这一次又学到了一点知识，在Firefox等对CSS规则支持良好的浏览器中，我们想实现div框体透明都会使用

opacity:

这个属性，但对于绝大部分网民使用的IE6.0或其内核的浏览器，它就不认这属性，这时，我们只能使用IE的透明滤镜

filter:Alpha(opacity=)

，但是在我使用这一属性的时候，发现它不起作用了，于是只有贯彻Google&Baidu的伟大方针，在对岸的一位朋友博客里发现了问题之所在，简单的说，加个

zoom:1

属性就能使IE滤镜发挥作用了，为什么呢？我也懒去深究。:)

就像每一次的主题修改总会出现一些莫名其妙的问题一样，这次它也如约而至了，当我在Firebug里调试侧边Recentcomments的CSS时，Firebug突然罢工了，任你怎么动任何地方的CSS时，浏览器里都不能作出反应，在高举马克思主义，毛泽东思想，邓小平理论后，我终于到达了解决问题的彼岸，原来是在我整合Recentcomments的CSS到主题CSS里面时发生了错误，原路走回后，问题解决了，说到这也顺便做个记录：

点击打开

其他也没什么能说的了，喜欢这个主题的朋友可以稍微关注下我的博客，待我完善后公开CSS。

]]> http://leo-n.com/theme-gray-green.html/feed 10 意外啊意外 http://leo-n.com/simple-stats-widge-and-unforeseen.html http://leo-n.com/simple-stats-widge-and-unforeseen.html#comments Sat, 26 Sep 2009 09:41:12 +0000 Leo.N http://leo-n.com/?p=592 记得曾经有一款统计插件叫clicki，它能在您的博客里显示出访客来自哪里以及访客是通过哪个链接点进来的，当时我是非常喜欢，但此插件是通过js来实现效果，无法修改样式，与整个版面有点不协调，在我最求完美的心态下我用了一段时间后放弃了。

昨天无意间点进博友freephp的博客，发现其博客里面有一个类似clicki的插件simple-stats-widget，后得知是博主自己开发的，于是马上下载来试用，安装激活后发现还是与博客风格不协调，但此插件是名符其实的Wordpress插件，所有文件都存放于博客的空间里，于是立马修改，好久没动CSS，忘的几乎差不多了，只能一边查阅W3CSchool一边改，用Firebug反复修改后终于达到了我所期望的样子。下面放出修改的地方以及代码，此修改后的样式同样适用于使用wlsy制作的SimpleG主题，因为我的主题就是依据此主题修改而来的。。。

打开插件文件夹里面的simple-stats-widget.php（务必使用稍微专业点的编辑器，不然可能发生各种不能预知的错误）。
搜索

height:'.$widgetheightpx.'px;width:'.$widgetwidthpx.'px;padding:0 '.$paddingn.'px;border:'.$bordern.'px solid '.$bordercolor.';background-color:'.$backgroundcolor.';

全部删之；
搜索

border-bottom:1px dotted #d3d3d3;padding:3px 0;

替换为

border-left: 1px solid rgb(211, 211, 211); margin-top: 8px; margin-left: 15px; margin-bottom: 4px; padding-left: 10px;

收工，保存之，上传至空间替换原文件即可。

顺便说下一件很意外的事，当我启用了simple-stats-widge后，发现一个来自江苏省扬州市的客户端短时间内试图访问一些不存在的asp页面，我看了Apache使用日志后过滤出这个ip为222.189.238.57的访问数据：

点击打开

真是让人哭笑不得，Wordpress，一个php语言开发的程序它却来探试各种asp的登录页面，222.189.238.57，做了这么多无用功爽么？
暂时找不到对策，只能在.htaccess里面添加规则送你去见SB了。

order allow,deny
deny from 222.189.238.57
ErrorDocument 403 http://img.leo-n.cn/sb.html
allow from all

]]> http://leo-n.com/simple-stats-widge-and-unforeseen.html/feed 27 利用Collapsible Elements实现文章内容折叠效果 http://leo-n.com/wordpress-plugins-collapsible-elements.html http://leo-n.com/wordpress-plugins-collapsible-elements.html#comments Sun, 05 Jul 2009 06:41:57 +0000 Leo.N http://leo-n.com/?p=427 有些时候，你可能不得不在文章中添加一些图片、Flash或视频文件，但当此篇文章位于博客首页且你不愿意使用more标签时，你会发现，你的博客首页打开速度变慢了，某篇关于网页打开速度的心理学中提到：用户最满意的打开网页时间，是在2秒以下；用户能够忍受的最长等待时间的中位数，在6～8秒之间，这就是说，8秒是一个临界值，如果你的网站打开速度在8秒以上，那么很可能，大部分访问者最终都会离你而去；如果等待12秒以后，网页还是没有载入，那么99%以上的用户会关闭这个网页，不再等待。可见，加快博客首页的打开速度对提高用户体验是非常重要的。

记得以前见过一个叫AnyPlayer的WordPress播放器插件，它能把在文章中的播放器折叠起来，并且设置了一个点击打开播放器的按钮，这个功能十分让我喜欢，但无奈它只能针对视频及音乐文件，经过一番搜索后，我发现了Collapsible Elements这个在国内不怎么被提起的插件，经过一番本地测试后，它完美的实现了我所需要的功能。

此插件官方下载地址：http://wordpress.org/extend/plugins/collapsible-elements/

作者博客发布页面：http://deuced.net/collapsible-elements/

后台设置：安装都会，就不说了，安装激活以后，进入后台在工具选项下面找到XCollapse选项点击进去，在Choose a container:后面有三个选项，分别是TABLE、SPAN、DIV，这三个标签相信大家都不陌生，它们在这个插件里是用于定义文章内折叠区域的，按照喜好，我选择了 DIV；在下一栏Update CSS Style:里用于定义折叠区域CSS样式的，为了配合主题，我写的是：

background: #f6f6f6; padding-left:15px; border:1px solid #8aab46;

至此，插件的设置就完成了，需要注意的是，写CSS时，必须写成一行，不能分行，否则会出各种莫名其妙的问题，且推荐先写CSS然后再选择上面的DIV再点Update Options，因为此页面每刷新一次，无论你选或者是没选，它会自作主张的把Choose a container:设为第一个选项。

使用方法：按照一般套路进入后台选择添加新文章，在编辑器为HTML模式下你会发现多出一个名为XCollapse的标签，点它一下，出现了一个类似于下面的代码：

<a href="#" onclick="xcollapse('X1898');return false;"> REPLACE WITH LINK ELEMENT HERE... </a>
<br />
<div id="X1898" style="display: none; background: #f6f6f6; padding-left:15px; border:1px solid #8aab46;">
REPLACE WITH COLLAPSIBLE ELEMENT HERE...
</div>

其中红色部分你可以改为诸如点击打开之类的话（如果你嫌每次编辑麻烦，你可以利用CTRL+F修改插件collapsible-elements.php的相关位置），蓝色的部分就是给你写入需要折叠内容的区域。

下面的是演示：

文本演示

点击打开文本演示

图片演示

点击打开图片演示

视频演示
点击打开视频演示

OK，介绍结束，希望能对您有帮助。

]]> http://leo-n.com/wordpress-plugins-collapsible-elements.html/feed 27 不用插件实现分享博文至校内 http://leo-n.com/share-to-xiaonei-without-plugins.html http://leo-n.com/share-to-xiaonei-without-plugins.html#comments Tue, 30 Jun 2009 14:17:00 +0000 Leo.N http://leo-n.com/archives/2009/06/%e4%b8%8d%e7%94%a8%e6%8f%92%e4%bb%b6%e5%ae%9e%e7%8e%b0%e5%88%86%e4%ba%ab%e5%8d%9a%e6%96%87%e8%87%b3%e6%a0%a1%e5%86%85.html 其实这是别人在Wordpress.org.cn上提出来的问题，因为我也时不时弄下校内，所以就研究了下怎么实现。

首先，找到你所使用模板里的single.php，用文本编辑器打开（注意选择用UTF-8编码，某则会出现乱码）。

在适当位置添加一下代码：

<a href="http://share.xiaonei.com/share/buttonshare.do?link=<?php the_permalink() ?>&title=<?php the_title(); ?>"target="_blank">分享到校内</a>

解释：

http://share.xiaonei.com/share/buttonshare.do?link=

是校内提交分享地址的接口，等号后面的就是所需提交的地址；

<?php the_permalink() ?>

这个是WordPress提取当前页面url的函数；

<?php the_title(); ?>

这个是提取当前日志标题的函数。

这样，我们就像搭积木搬的搭出一段分享日志到校内的代码。

另外还有一种方法，根据校内提供给FireFox快速分享标签的代码，我们可以直接拿过来套用：

<a href="javascript:void((function(s,d,e){if(/xiaonei\.com/.test(d.location))return;var%20f='http://share.xiaonei.com/share/buttonshare.do?link=',u=d.location,l=d.title,p=[e(u),'&title=',e(l)].join('');function%20a(){if(!window.open([f,p].join(''),'xnshare',['toolbar=0,status=0,resizable=1,width=626,height=436,left=',(s.width-626)/2,',top=',(s.height-436)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent));">分享到校内</a>

对于这一串长的恶心的javascript代码，我也无能力详细解释了，反正用上去效果绝对不错。

对于代码添加位置的说明：

一般来说找到single.php里面的<div id="comments">，添加于这个之上；

如果你的single.php有<div id="copyright">，你可以直接添加在这里面；

如果没有，你可以先定义个<div id="share"> ，然后添加这里面添加上面所写的代码；

到这里，我们就可以以此类推的添加更多的分享网站：

以下代码收集于网络，未作有效性测试。

<a href="http://shuqian.qq.com/post?from=3&title=<?php the_title(); ?>&uri=<?php the_permalink() ?>" target="_blank">QQ书签</a>
<a href="http://cang.baidu.com/do/add?it=<?php the_title(); ?>&iu=<?php the_permalink() ?>" target="_blank">百度收藏</a>
<a href="http://del.icio.us/post?url=<?php the_permalink() ?>&title=<?php the_title(); ?>" target="_blank">Del.icio.us</a>
<a href="http://google.com/bookmarks/mark?op=edit&bkmk=<?php the_permalink() ?>&title=<?php the_title(); ?>" target="_blank">Google书签</a>
<a href="http://www.xianguo.com/service/submitfav/?link=<?php the_permalink() ?>&title=<?php the_title(); ?>" target="_blank">鲜果</a>
<a href="http://myweb2.search.yahoo.com/myresults/bookmarklet?u=<?php the_permalink() ?>&=<?php the_title(); ?>" target="_blank">yahoo收藏</a>
<a href="http://digg.com/submit?phase=2&url=<?php the_permalink() ?>&title=<?php the_title(); ?>" target="_blank">digg</a>
<a href="http://www.diglog.com/submit.aspx?title=<?php the_title(); ?>&url=<?php the_permalink() ?>">diglog</a>

当然，为了保持页面整洁，我们可以在主题样式中定义一下：

可根据自己喜好修改。

#share p {
border-bottom:1px solid #D2D2D2;
color:#717171;
font-size:12px;
line-height:25px;
margin-right:20px;
background:#99FF99;
}

由于各个模板的single.php不尽相同，所以我也无法提供确切的代码添加位置，要用的话务必先在本地环境中摸索测试下再上传。

]]> http://leo-n.com/share-to-xiaonei-without-plugins.html/feed 13