Palmback™菜园地

“当生存是规则,不是你的选择,於是你含着眼泪,飘飘荡荡跌跌撞撞的走着。”五月天-《你不是真正的快乐》

新主题Illacrimo

花了两天的时间把designdisease的主题Illacrimo修改了一下,使其更适合显示中文、更符合个人的使用习惯。因为Illacrimo Widget ready version中文显示乱码,所以把只能是把相关插件直接加到不支持Widgt版本里去。虽然WordPress主题成千上万琳琅满目,其中不乏来自世界各国设计精英的作品,但似乎很难找到让我觉得喜欢的主题。看了无数主题之后,我还是比较喜欢以前用的Mosaik和现在这款Illacrimo,两款主题都是以蓝色为主体,看起来比较平和,不会觉得张扬。这也可能跟我的性格有关吧,不知道俺家菜菜习惯不习惯。

修改的过程中,遇到的问题主要有两个:

  • 图片自动缩放
    Illacrimo显示内容的列比较窄,只有420px,而以前发的图片基本上都是500px的,得采取措施让超过列宽的图片自动缩小。对于高手而言这是个很简单的问题,用JS、PHP、CSS任一种方法都可以解决,无奈我是菜鸟,对PHP、JS只有一知半解,只能从CSS的角度入手了。在往上寻觅了一阵,综合相关的办法,最后我是用两个属性搞定自动缩放的:max-width:410px;width:expression(width>410?"410px":width);这其实也是CSS和JS的结合,不过这应该是最简单的办法了,主要参考蓝色理想(注意:此法在IE中会使小的图片被拉大,也就说,其实max-width就可以搞图片自适应宽度问题,无奈IE不支持max-width属性,IE7也未解决这个问题)。以下JS函数也可以实现图片自动缩放
    function imgAutoSize() {
    for (i=0;i{
    if (document.images[i].width>400)
    {
    var imgWidth = document.images[i].width;
    var imgHeight = document.images[i].height;
    document.images[i].width = "400";
    document.images[i].height = imgHeight / imgWidth * 400;
    }
    }
    }
  • FlickrRSS
    你要问80后网民最痛恨的是什么,那GFW一定高居榜首。虽然花儿开了已经写了个flickrPicShow解决Flickr被GFW后图片调用问题,但FlickrRSS还是不能用。看了下flickrPicShow的代码,大概只通过正则表达式把图片地址替换成能访问的,当然也可以通过类似的办法访问FlickrRSS,不过对我来说现在还不行。虽然可以把FlickrRSS图片缓存到服务器上,无奈我用的是国内的服务器,也无法访问FlickrRSS。只好暂时妥协,先不用FlickrRSS。

暂时就改成这样了,继续上路吧。

Random Posts

7 Responses


  1. max-width:410px;width:expression(width>410?"410px":width);
    这段代码插在哪才能实现图片缩放?

  2. @Faih
    你想缩放哪的图片就放在哪。使用Illacrimo主题的话,在style.css里加一句
    .PostContent img { max-width:410px;width:expression(width>410?"410px":width);}
    就行了。

  3. 呵呵,找wp插件撞进来了。翻看了好几页。
    网页有点卡,建议去查看下出什么问题了。

  4. @Tsinlan
    may be too many plugins,thx

  5. 小兄弟,对于网络我是个新兵,我也喜欢Illacrimo theme,也喜欢三列,但就是显示内容的列太窄了,我想调宽一点。由于这方面水平有限,忙了好几天都没搞定。还请兄台指点一二,谢谢了!

  6. @frank:我现在在外地,等下周一回去帮你看看

  7. @frank:要改变列宽比较麻烦,不仅要改CSS,还要修改背景图片。

Now, It's your Turn!

BACK TO Post / Comments