Pivot Code

WordPress2.8添加并使用illacrimo-plus动态风格

昨天刚建好的站点,然后忙于给自己的博客找一套合适的衣服。

最近在网上散步的时候,见到一个很不错的网站效果,于是就收藏了起来,今天打开一看,恰好也是wordpress的博客,呵呵值得庆幸!wordpress是开源的,那么这个模板便也共享咯!

页脚处找到了该风格的设计网站,打开,小费气力的找到了此风格,然后兴致勃勃的上传。过后一看效果,不尽人意,远不如我收藏网站的效果精彩,一个是动态效果没有,再一个它的宽度是固定的,不像我看到的那个那样自动适应屏幕宽度。

即使该风格的蓝色配色风格很经典,但我更喜欢的那个网页边栏的动态效果和顶上的云标签效果。若色彩能让人感到受到情感,而效果展现给人的便是活力了。小费气力,终于在原收藏的博客里找到了这个主题,原来这个主题是由博主做过改进的!呵呵,找到了下载文件——download!

文件并不大,很快就下完了,我已是迫不及待,进入后台立即开始上传。可惜美梦总是不长,上传失败,会提示错误!后来再看收藏博客时,才发现原来他的WP版本和我的不一样!他的是2.7,很失落,我感觉我可能要和这个皮肤说再见了!难不成让我降级WP的版本?或许是个办法,不过可惜的是我耗费在先前的时间!

我还是下载了2.7,谁叫我喜欢这个风格,继续吧!

我本机已架设了php服务器,我把2.7版挂在自己电脑,现在本机测试,不能再往复先前的失误了,我这网速很慢,上传版本的全部文件的时间对我来说是奢侈的!一切就绪,数据库还是老的,后来证实WP的兼容性是超赞的,我登陆到前台,默认皮肤等一切正常,然后我进行后台登陆,WP只提示数据库需要更新,然后只需点更新便可,2.8的数据库就可以为2.7版所用了!

进入后台才发现,2.8版的确有很大的提升,原来2.7版是没有皮肤上传功能的,而且编辑器也没有代码的分色显示功能!看过2.7的后台后,大打折扣了我的信心,它后台没有上传皮肤功能,这该如何是好?我足在外观所提供的3个功能按钮上点了N遍,我坚信,上传皮肤是存在的,只是我没发现而已!

我还是认输了,我确认没有后,开始找其他方案。在‘外观’菜单的‘主题’项中的主题列表,原来它都提示了皮肤的具体路径,我按那个路径把这个风格放到指定目录,然后再打开‘主题’项。皇天不负有心人,它终于出现了,闪念中,我已经点下了应用!

回到首页看效果,没有问题,哈哈,我成功了!但是有个问题,是不是2.8直接在后台上传也能用呢?说做就做,我把2.8文件替换2.7,然后皮肤放进指定目录,127.0.0.1回车,除了进入后台数据库提示升级外,没别的问题!wp的上下兼容性真的是值得超赞的,呵呵!好了,这样就搞定了!开始上传2.8到服务器!

一切就绪,只是貌似少了几个效果——顶上的云标签。继续挖坟,在收藏博客的文章里,原来它需要调用一个插件–Simple Tags 1.5.7,把这个插件装上后,那个效果便出来了,但是新的问题也出来了,我的标题太长,因此标签的位置不合适!于是我到页面编辑里找它的代码。

在header.php里只能找到<div id=”tag-cloud” ></div>这行代码,在40行。没办法只能在这个里面做文章了,我遇到问题时,只想以最简单的方式解决它,来吧!我给它设置了外补丁<div id=”tag-cloud” style=”margin:0px 0 10px 100px;”></div>改成了这样的代码,ok!回到前台,没有问题,位置动了。在我的博客里还有个新问题,就是标题字母如果有占4格的单词它便会和说明重叠,我又找到了说明的标签对,在45行<p class=”Desc” ><?php bloginfo(‘description’); ?></p>我在class后面定义了外补丁向上5像素style=”margin-top:5px,这样以上问题也得到了解决。如此,我暂时遇到的问题都搞定了,我喜欢的东西都出来了,呵呵!接下来是换logo了,logo是div css调用,logo的图像路径在样式表中,打开样式表(style.css)56行找到background:url(./images/a.png)这行代码,把括号中的图像路径换成自己的便搞定。还有其他的一些图标陆续找到替换就可以了,至此我所遇到的问题就这些。为此风格的设计者Design Disease和动态效果设计者cbm致敬!

另附此风格下载和介绍(转自cbm的博客)

主要新特性:

  • 自适应1024*768以上的任何分辨率,最大测试支持1920×1200
  • 动画效果滑动侧边栏
  • 随机显示标签云
  • 放大模式的Feed项
  • 显示滔滔最近一条签名
  • 支持Widgets模式
  • 内建cache模式,选择性静态化(建议配置好后再开启)
  • 其他的小细节
兼容多种浏览器下的表现:
  • IE 6.0 或更高
  • Safari 3.0
  • FireFox 2.0 或更高
  • Chrome 1.0
  • Opera 8.0 或更高
内部支持的插件(带 * 需要改动部分代码,以协调CSS样式):
相关配置项
  • 滔滔的号码和联系QQ修改,编辑script.js,查找10000替换为你自己的号码,MSN的帐户是yourname,后缀为hotmail.com,替换为你自己的帐户。
  • 侧边栏的插件输出的html需要符合<ul><li>嵌套模式保持样式一致。
  • 评论头像设置大小为48×48
  • 插件Simple Tags在标签云中选项标签链接格式中加上visibility:hidden; 才能出现随机显示的效果。 例如:<a href=”%tag_link%” title=”%tag_count% 个主题” %tag_rel% style=”%tag_size% %tag_color% visibility:hidden;”>%tag_name%</a>
更新历史
2.o4
  • 支持WP2.7 嵌套评论模式
  • 添加header背景
  • 优化搜索框操作体验
  • 移除侧边栏拉取审核评论数
  • 使用WP内置分页模式
  • 使用内置的用户头像模式
2.o2
  • 修正404页面样式
  • 修正滔滔5分钟后更新失效
2.01
  • 修正侧边栏获取评论数报错的问题
  • 修正侧边栏与主题高度不一致的问题
  • 评论的编辑提示语修正
  • 修正动画播放完毕onComplete挂钩处理
需要更多信息请参考当前已启用的插件 http://www.cbmland.com/wp-plugins

分享许可将按照原作者的 Creative Commons Attribution-Share Alike 3.0 License. 进行分享。

代码已经放在Google服务器上托管。欢迎喜欢研究Wordpress的朋友加入项目协同来维护这套主题。

装了乌龟(TortoiseSVN)的朋友可以在 http://illacrimoplus.googlecode.com/svn/trunk/ 来Checkout获取或者合并最新版本,我会基于这个来修改主题,打包版本更新周期不会很频繁,估计会和Wordpress的每个版本的时间差不多。

Download: Illacrimo Plus Theme 最新本  Illacrimo Plus Theme 最新本 (272.2 KiB, 580 hits)
illacrimo Plus Theme 2.04 for wordpress 2.7

其他版本下载地址请关注这里:http://code.google.com/p/illacrimoplus/downloads/list

由于这次是刚从cbmland.com分离出来,是否有完美的兼容性,还需要多多的测试。

剩下的估计还需要一个说明文档。

又发现界面问题和程序Bug可以在这里留下评论了,相关的建议也可以一字不漏的留下。

Comments 5

Leave a Reply

刘铭森

Vidar Liu