Richie.Blog

比CSS还重要

昨天打开自己blog页面时顺手点了一下firefox上的ie tab键，然后页面就又错位了：

• 首先整体不再居中而是靠左
• 其次侧边栏又被挤到了下面
• 但是访问除首页之外的其他页面没有问题

打开IE8，问题依旧，选择compatibility view也没变化。firefox下还能用css view或者firebug之类的东西检查一下，IE怎么办？犯愁之际想起来IE7还是IE8开始提供了一个developer tools，点开来看果然有作用。

也顾不上琢磨为什么以前没这个情况了，开始找原因。开始以为侧栏错位是page navi引起，但是禁用没效果；又怀疑是首页某篇post的问题，开始修改首页文章数量，发现只显示一篇的时候侧栏位置正常，更加确定了这一猜测。总想走捷径的念头又冒出来，恰好发现了developer tools的outline div elements，是那篇带有代码引用的日志捣乱，把那段放到read more里，“侧栏问题解决!”

看起来developer tools功能还算齐全，而且对于我这种小白来说还比较友好，正打算再研究是不是css导致首页整体不能居中时，鼠标发现了document mode，当前是quirks mode，点开发现有IE7和 IE8 Standard，切换之。hurrah！页面正常了。

一念之差差点又去折腾CSS，最后问题是在header中加入如下代码：

<meta http-equiv=”X-UA-Compatible” content=”IE=7.5″ > <!– IE7 mode –>

原文在这里：http://msdn.microsoft.com/en-us/library/cc288325(VS.85).aspx

不过还未测试在IE6下是什么情况。

墙外tweets墙内采

除了Gmail上的TwitterGadget，在局域网内的blog侧栏中显示tweets也有了解决方案，用Silvester即可解决，原方案地址：http://www.silverlightshow.net/items/Silvester-A-Silverlight-Twitter-Widget.aspx

代码如下：

<div style=”width: 220px; height: 293px;”> <object data=”data:application/x-silverlight,” type=”application/x-silverlight-2″ width=”100%” height=”100%”> <param name=”source” value=”http://www.silverlightshow.net/twitter/ClientBin/Silvester.xap” /> <param name=”enableHtmlAccess” value=”true” /><param name=”onerror” value=”onSilverlightError” /> <param name=”background” value=”white” /> <param name=”initParams” value=”twitterUser=SilverlightShow” /> <a href=”http://go.microsoft.com/fwlink/?LinkID=124807″ style=”text-decoration: none;”> <img src=”http://go.microsoft.com/fwlink/?LinkId=108181″ alt=”Get Microsoft Silverlight” style=”border-style: none” /> </a> </object> </div>

将代码放入blog的侧栏代码中，再把代码中蓝色部分换为相应的帐户名，大功告成。

原文中还有更多的其他介绍，没有细看，移步研究吧。希望有更多的成果出现。

btw:需要安装Microsoft Silverlight

三年前的五一

从以前在donews上的blog中发现三年前的五一也有（搜索）劳动成果，原文复制如下：

Continue Reading…

WP升级至2.5RC1及若干

在Wordpress Blog上看到这句“The software is basically done and stable, and could be released today, but…”的时候，我决心等到WP2.5正式版放出再升级的坚定想法彻底消失，已经顾不上后面的but…, 鼠标直奔下载链接而去。
升级之前分别用”WordPress Database Backup“插件和自带的”Export“功能做了两个备份，2.5的改动似乎较大，保险起见没有覆盖上传，而是把2.3的文件直接挪到了一个临时文件夹中（为升级失败做准备，没有直接删除）。上传完毕后，页面正常打开，升级出乎意料地顺利，主题和插件也没有找麻烦。除后台界面面目基本全非外（居然没有找到Admin Color Scheme功能），还新增了”Add media“以及Simple Tag中已有的Tag Slug功能，好坏只能见仁见智。
早上偶然寻到一个很有才的wp theme作者，然后整个晚上就沉在眼花的代码中。成果颇丰,搞定random header image的同时还顺带找到如何用php表达css表单:

[ ?php echo(rand(1,5)); ?]

上面的代码很简单（google结果的第一条就是这个方法），随机在1～5之间生成一个数字。实现random header image效果只需要将图片放在同一路径下，命名采用数字区分，随机出哪个数字就显示对应的图片。不过遇到显示图片的代码写在css表单中的情况，除了将上段代码放进能够编译php的文件中执行来解决，只能想办法用.php文件格式来表达css表单，否则.css文件无法编译php代码。本来前一种方法很容易就搞定，但是之前用过的MK主题就是采用style.php的方式实现自定义主题颜色和宽度，这次又开始钻牛角尖。有示例做参考，几番折腾终于搞定：
在functions.php中加如下一段，

[ ?php function mytheme_wp_head() { ?]
[link href="[?php bloginfo('template_directory'); ?]/style.php” rel=”stylesheet” type=”text/css” /] [ ?php } add_action('wp_head', 'mytheme_wp_head'); ?][/link]

再将style.css改名为style.php,并在文件顶部加这么一条：

[ ?php require_once(dirname(__FILE__).'../../../../wp-config.php');
require_once(dirname(__FILE__).'/functions.php');
header("Content-type: text/css"); ?]

[和]分别替换为< 和>… 大功告成。

上次花费N个晚上修改前一个主题时，真没想到今天更换时会放弃得这么义无反顾。

update: 放弃了随机head image功能，因为发现会导致Visual Editor无法使用。具体原因不明，使用另一个同样以php格式定义css样式的主题却不会出现此问题。 更新了绿色部分，搞定…

修改Twitter gadget的java代码

twitter的html/javascript型gadget在后面总会带着相关发布时间的链接，在mk主题的侧栏中很不协调，一直没有找到解决办法。前阵子发现Ne’的twitter就去掉了链接，于是今天在MSN上碰到她的时候就请教了一下，热心的nephee再次耐心帮忙。经过她的提示，解决方法还是比较简单的。

在twitter提供的html/javascript的代码中有这么一行：

<script type=”text/javascript” src=”http://twitter.com/javascripts/blogger.js”></script>

之前总是把注意力放在修改css上，一直没注意到 “http://twitter.com/javascripts/blogger.js”这个链接，今天nephee发给我一些代码片断，我才发现那正式blogger.js中的内容，而且能够在浏览器中打开。其中

<a style=”font-size:85%” href=”http://twitter.com/’+username+’/statuses/’+twitters[i].id+’”> ‘+relative_time(twitters[i].created_at)+’</a>

就是生成那个恼人链接的祸首，最后只留下 ‘+relative_time(twitters[i].created_at)+’就去掉链接了。

最后面临一个儿科级难题，twitter.com上的源码肯定没法修改，放个js文件到riichiie.net上，然后依葫芦画瓢放到src后面也不行。最后还是受nephee那段代码的提示，直接在修改后的代码两端分别放上<script type=”text/javascript”>和</script>，然后放到sidebar文件中，替换掉原来那部分就可以了。

WordPress文章数量判断函数

不是代码男，所以有点小成果就容易小兴奋。

simple tags插件可以提供related posts功能，但是现在使用的主题其首页和单篇文章共用了index.php这个模板，目标是只在浏览单篇文章时显示related posts，如果只添加<?php st_related_posts(); ?>显然无法完全满足要求，因为无法在首页控制它不显示出来。

在常去的几个技术blog中没有找到解决办法，无意在桑林志中看到了一些信息，又结合wordpress中文文档，终于得到如下代码：

<?php if ($single) {st_related_posts();} else {} ?>

加到index.php中，解决之。

WordPress 2.2′s BUG in riichiie.net

1. 在页面和分类中各有一个叫做ARRAY的不速之客，但是在后台管理中看不到，手工添加删除的方法不起作用。
2. Array还在post password, Post slug, Send trackbacks to: 等等处被默认填写。
3. 后台管理页面中的Users选项卡中的Authors & Users字选项卡有误：Fatal error: Unsupported operand types in /wp-admin/users.php on line 55
4. 2个默认主题的侧栏显示出错（看来MK的这个主题很有前瞻性）

昨晚是从2.1.3升级过来的，原以为是升级的错误，今天重新安装一次依旧。服务器的软件版本也完全支持latest version，有可能问题处在数据库上面。
由于WP2.2刚发布不久，在网上还没有查到相关的资料。// wordpress官网的论坛里已经有人提问，但没有solved

本来是想姑且将就着，没想到这篇只能以draft保存，居然不能publish，点击Publish或者修改Post Status都无效，索性改回2.1.3了！

update: 7月份的时候，wordpress support forum上有个叫做seventh的人贴出了解决问题的办法 ：

Try edit /wp-includes/plugin.php [Line : 102], inside remove_filter function.
Change :
unset($GLOBALS['wp_filter'][$tag][$priority][serialize($function_to_remove)]);

To :

$wp_filter[$tag][$priority][serialize($function_to_remove)] = array();

unset( $wp_filter[$tag][$priority][serialize($function_to_remove)] );