RSS Twitter 腾讯微博 新浪微博 豆瓣

Ongakuer

Oneiro theme [update v1.4.3]

2010.12.27 534 Comments 37,075 views

大概就这样一声不吭的折腾出一个新主题——Oneiro。Oneiro是个带有试验性质的主题，加入WP3.0特性，用了近两个星期完成，其中加入各种jQuery特效，全当作给我个人做一些代码整理和备忘。

下面罗列一下Oneiro的特性

  • 先说缺点：不支持IE6。
  • HTML5+CSS3。其实说HTML5也就是用了头文件。布局仍然是各种<div>,CSS3效果相比Viper来说，没有像几乎通篇的文字雕刻这么夸张，适当的用了点边框圆角。
  • 首页滑动幻灯片，支持图片+文字。
  • 导航栏使用WordPress3.0菜单系统。支持多级分级（理论上是无限的，实际没人会这么用吧~）。
  • 启用缩略图，即“特色图片”，加入点动作。
  • 可伸缩侧边栏模块（单击标题），单篇文章可关闭侧边栏。
  • 自带翻页。
  • 评论仍然是@模式，自带“@+昵称”，博主回复加亮。
  • 自带评论表情显示。
  • ajax提交评论。

一些微小的jQuery效果

  • 链接鼠标悬停高亮
  • 缩略图鼠标悬停上下动画
  • more标签鼠标悬停左右动画
  • 单篇文章里滑动跳转评论“剪刀”。

1.1版更新

  • 修正了一点点CSS和php错误。（标点符号手误，多打了几个）

1.2版更新

  • 修正搜索页面布局错误……（感谢yarpee提醒）
  • 取消两栏等高的js。

1.3版更新

1.3.1版更新

  • 修正内置下载样式的链接错误

1.3.2版更新

  • 修正边栏最新评论字数显示问题。
  • 优化头部背景，提供psd方便修改（参见主题内置说明）
    PS:原来头部的背景一直是png格式，本来是方便各位替换修改的以免审美疲劳，不过似乎没有人这样做，所以我就来帮各位优化好了。由原来png的200kb直降到jpg的30kb，加快载入速度。
    PS2:别看压缩包增大到2M之大，其实都是psd占位置。页面代码小小的精简优化了一下。

1.4版更新(2010.12.27)

  • 修正评论时间错误。
  • 限制文章图片最大宽度650px。
  • 增加文章底部“上一篇：（已经是最新的）”的判断。
  • 调整幻灯片的代码布局，使其独立为slideshow.php.方便的编辑和去除，顺便避免非首页不显示幻灯片时调用多余代码。

    • PS：本来想集成评论邮件通知的，但是常见的嵌套邮件通知代码不能应用在@模式下，代码苦手……所以推荐安装Mail to commenter插件。

1.4.1版更新(2011.1.4)

  • 侧边栏增加多级无序列表样式

1.4.2版更新(2011.1.5)

  • 增加留言本模板

更新到1.4.3版(2011.3.15)

  • 去除自带的图片放大插件（据反映集成的图片插件会导致IE载入页面假死5-10秒，那就取消爱用什么插件就用什么吧）
  • 修正边栏最新评论
  • title修正一个中文显示的bug
  • Tag Cloud（嗯，我个文盲，原来的英文标题打错了……）
  • 调整字体（将正文的15px宋体改成14px雅黑。可能会对原来文章的图文混排造成一定的影响）
注意：更详细的主题操作说明，我写到了主题选项里。请查看后台外观设置里的“Oneiro说明”

因为footer区最新文章需要有5篇来撑大高度，如果是新建立的blog内容不足5篇，导致footer错位。这个当初制作时没有发现，反正整个blog文章只要有5篇以上就不会出现这个问题了，所以不解决了。

补充帮助说明：首页文章的截断显示是使用wordpress自带的more标签。
在可视化编辑模式下，插入链接旁边有个“插入more标签”的按钮，看到了吗？
HTML编辑模式下，有一个“more”的按钮，明白了吧……   :wink:

演示地址：http://note.ongakuer.com/

当然，这个主题有通用性，安装之后不需要我修改，所以是免费的~ 当然，既然是免费的，所以意见尽管提，但更新时不一定会被采纳。

Oneiro(1.4.3)主题下载

下面来说说，主题的含义。
“Oneiro”，“梦”的前缀，似乎来源于希腊语。其实在做主题的时候主题名字一直都还没想过，等快收工的时候纵观整个主题，忽然冒出个“梦醒时分”的小清新词语……于是便找了个英文来代替之……

当然，按这个名字也是有根据的。从整个页面来看，页眉深黑色的背景和照耀的散景，好像开始进入了梦中。

而后下来的内容区域，这是反差极大的白色，没错，开始做梦了……至于梦的内容，空白一片。于是这个梦便需要你的装饰，图片也好、文字也好，都可以将这个梦充实起来。至于侧边栏，故意的用灰色，不会抢走了内容的焦点。

最后的页脚，退出了梦境，做梦结束，又回到了起始点。

呃，上面的简介是不是很少女……反正如果要我给这个主题定一个性别，我选……伪娘…… :evil: 当然啦，我不是指用了这个主题的是伪娘……

 

制作主题的时候想把知道的效果都加进去，等做好之后发现我根本就用不上这么多功能嘛……所以，主站仍然用现在的主题。

另外，如果确定要用这个主题的博主，在底下给我留个言，我会很高兴的。
至于转载，请随意，保留作者信息和网址就行了 。 :wink:

以上。

Related Posts:

无觅相关文章插件，快速提升流量