iStudio Theme Release


iStudio Theme 可能是我目前跳票最多的主题了, 原本预计是6月底发布的. 后来由于想加入后台选项推迟到7月中旬. 在7月中旬的时候呢又想加入一个展示推荐的东西又推迟了到8月初. 最后到8月初又发现一些不兼容的设置, 继续调整. 直到到现在才放出来.
这个主题设计的灵感来自 Mactonish 有点类 Mac 的风格. 使用了新的翻页导航模式. 也就是底部的那一排小圆点. 呵呵, 可能有部分人不习惯这个东东.

新的翻页样式

新的翻页样式

现在评论和 Trackbacks 是用Tab样式来分开显示了的. 所以在WP后台可以设置评论分页的每页显示条数了. 评论依然是 iChat 的气泡样式,  只不过这次更彻底了. Trackbacks 的样式也用到了气泡.

iChat 评论样式

iChat 评论样式

搜索输入框本来是想再加点特效的. 不过暂时没有想出用什么效果, 就暂时放在下一次更新的时候加上了.
另外这个主题使用了 CSS3.0 里面的文字阴影和圆角边框. 考虑到兼容情况评论样式就没有用 CSS3.0 的图片边框了.
提供的后台选项设置:

  • 是否启用图片Logo设置
  • 搜索引擎关键字设置
  • Google 自定义搜索设置
  • JGrowlBox 弹出提示
  • 文章推荐小工具
  • WP短代码格式提示
  • Ctrl+Enter 按键快速评论回复支持
  • 自定义 RSS 订阅地址设置;
  • 广告代码设置;

提供语言文件支持, 目前的语种为: 英文、简体中文、繁体中文、意大利语、墨西哥西文、日语,共6个.(语言文件路径: resourceslanguages)
启用这个 iStudio Theme 后 WordPress 的后台登录界面会变成 iStudio Theme 的定制样式.

新的登录样式

新的登录样式

不需要任何插件支持.这个主题基于 GPL 协议发布. 推荐在 WordPress 3.0 以上版本使用.
点这里查看Demo, 目前最新版本为: v2.0.1 下载在这里:
[Downlink href=”http://wordpress.org/extend/themes/istudio-theme/”]iStudio Theme v2.0.1[/Downlink]
#Update: 2009-09-21 更新条目如下:

  • 更新版本为 v1.1;
  • 优化部分代码;
  • 修复 Tags 错误;
  • 精简主题图片;
  • 添加后台RSS订阅设置选项;

#Update: 2009-11-06 更新条目如下:

  • 更新版本为 v1.2;
  • 修正在 php5.3 下的 parse error 出错问题;
  • 宽度调整为900px;
  • 添加了文章分页, 可以用 <!–nextpage–> 来对单个文章或页面分页了;
  • 添加广告代码设置;
  • 重新构建了后台设置界面;

#Update: 2009-12-15 更新条目如下:

  • 版本更新到1.3.
  • 后台设置添加导航菜单的设置选项;
  • 添加多级导航菜单, 显示模式为二级菜单样式;
  • 提供一个文章内容内嵌广告位置. 也就是有3个投放广告的地方了, 而且每个广告独立设置登录后是否显示;
  • 可以在后台设置文章内页是否显示侧边栏;
  • 可以在后台设置选择翻页页码样式;
  • 添加下载按钮 CSS 样式;

#Update: 2010-01-14 更新条目如下:

  • 版本更新到 1.4;
  • 更新主题描述信息;
  • 使用图片评论提交按钮;
  • 添加 FlVideo 播放器;
  • 添加数据库设置转译;
  • 添加重置主题选项按钮;
  • 内置短代码结构更新;
  • CSS Link 样式调整;

#Update: 2010-02-26 更新条目如下:

  • 主题目录版本更新到 1.4.2;
  • 更新主题描述信息;
  • 使用图片评论提交按钮;
  • 添加 FlVideo 播放器;
  • 添加数据库设置转译;
  • 添加重置主题选项按钮;
  • 内置短代码结构更新;
  • CSS Link 样式调整;
  • 移除文章推荐小工具(仅主题目录版本);
  • 移除广告代码的后台选项设置(仅主题目录版本);
  • 更新如下:

#Update: 2010-03-08 更新条目如下:

  • 版本更新到 1.5;
  • 添加后台管理浮动按钮;
  • 添加随机横幅图片;
  • 修复部分 CSS 错误;
  • 添加 IE6 升级提示;
  • 优化最近评论的输出代码;

#Update: 2010-03-31 更新条目如下:

  • 版本更新到 1.5.1;
  • 添加跳转页面模板;
  • 下载转移到 WordPress 主题目录;

#Update: 2010-04-13 更新条目如下:

  • 版本更新到 1.5.2;
  • 添加随机图片后台选项设置;
  • 修正语言文件的翻译;
  • 优 化原有的 SEO 代码;
  • 部分 CSS 样式调整;

#Update: 2010-05-11 更新条目如下:

  • 版本更新到 1.5.4;
  • 修复一些 CSS Bug;
  • 修正 IE6 的提示升级图片;
  • 添加白俄罗斯语的语言文件: be_BY;

#Update: 2010-07-30 更新条目如下:

  • 版本更新到 1.6;
  • 需要 WordPress 3.0 以上版本支持;
  • 添加最近评论 Widget;
  • 添加短代码使用说明页;
  • 更改内置的Flv 播放器的默认比例为16:9, 原来是 16:10;
  • 修正部分 CSS 样式定义;
  • 分页导航使用 WP 自带的分页导航函数;
  • 支持 WP 3.0 的自定义菜单,需要在主题选项里面设置;
  • 修正部分英文翻译;
  • 添加日语语言包;
  • 添加意大利语言包;
  • 暂时移除白俄罗斯语言包(未能联系上翻译者);
  • 添加 functions.custom.php 自定义函数文件;

#Update: 2010-08-28 更新条目如下:

  • 版本更新为1.6.1:
  • 修正 WP 函数调用;
  • 修正 WP3.0 下的 CSS 错误;
  • 添加 es_mx(墨西哥西文) 语言包;
  • 添加 WP 的自定义背景功能:
  • 使用 WP3.0 自带的评论表单;

#Update: 2010-09-10 更新条目如下:

  • 版本更新为1.6.2:
  • 修正 1.6 以来的分页导航问题;
  • 修正部分 CSS 定义;
  • 优化 PHP 函数;
  • 修复 jQuery 冲突;

#Update: 2010-10-14 更新条目如下:

  • 版本更新到1.6.7;
  • 修复 WordPress 3.0的多级自定义导航菜单问题;
  • 修复WP3.0的 CSS样式的错位问题;
  • 修正部分PHP函数命名;
  • 更新了主题选项条目(需要清空原有的选项设置才能正常使用)
  • 依照WP主题目录的要求更新部分显示字段;
  • 提供一个主题的简要使用说明文档;

#Update: 2010-11-01  更新条目如下:

  • 版本更新到 1.7;
  • 修复code 和 blockquote 标签的CSS样式;
  • 修复自定义RSS地址在地址栏的RSS图标的显示问题;

#Update: 2010-12-21  更新条目如下:

  • 版本更新为 v1.8.1;
  • 修复部分 CSS 样式;
  • 翻页页码函数更新;
  • 修改评论样式;
  • 修复快捷键提交评论;
  • 新版 FLV 播放器;

#Update: 2011-03-08  更新条目如下:

  • 版本更新为 v1.9;
  • 使用WP 3.0 的自定义菜单替换了菜单选项;
  • 修复了最近评论的 BUG;
  • 修复自定义背景后 404 页面的显示问题;

#Update: 2011-12-13 更新条目如下:

  • 版本更新到 v1.9.1;
  • 宽度调整到 960px;
  • 新的HTML5 代码框架;
  • 新的CSS 重置样式;
  • JS 代码优化;
  • PHP 代码优化;
  • 移动短代码的说明页面到主题菜单下;
  • 部分 CSS 和图片效果更新;

#Update: 2012-07-19 更新条目如下:

  • 版本更新到 2.0
  • 主题支持 WP 3.4 的新功能;
  • 完全重写HTML架构;
  • CSS 样式细节更新;
  • 搜索框移动到页面顶部;
  • 新的 HTML5 交互体验,访客访问一次后在本地记录填写的昵称等相关信息;
  • 支持WP 内置的嵌套式回复评论,不过以前的”@user: “形式的回复就去掉了;
  • 随机图片替换为页眉图片,不过依然内置9张页眉图片供选择;
  • 移除主题内部的 PSD文件;

#Update: 2012-08-1 更新条目如下:

  • 版本更新为 2.0.1
  • 替换 IE 的 HTML5支持JS;
  • 音频短代码的播放调用浏览器内置的播放器(需要支持html5的浏览器);
  • 视频短代码只支持 H.264 编码的 MP4;
  • 视频短代码默认使用浏览器的内置播放器(需要支持html5的浏览器);

下载在这里:
[Downlink href=”http://wordpress.org/extend/themes/istudio-theme/”]iStudio Theme v2.0[/Downlink]
主题压缩包里面已经包含有相关的 PSD 文件了, 在主题目录的 psd 目录内.
最后感谢 mg12 的帮助, 后台选项是他告诉我的方法来实现的. 呵呵,又学了点东西. 谁让我不是做程序的料呢, 呵呵.
感谢 Patricia Clausnitzer 提供的白俄罗斯语的语言文件: be_BY
感谢 kossel 提供翻译的 es_mx(墨西哥西文) 语言包。
感谢 Max异蓝 提供的意大利语和日语翻译帮助。
还有 Michael 提供的英文翻译校对帮助。
Thank Patricia Clausnitzer.

Join the Conversation

416 Comments

  1. Azaria.Xu说道:

    @darkhandz: 你检查一下行高和字体大小就可以了。我本来是要写一个文章来的。呵呵,看来现在不用了。

  2. cyhunter说道:

    @Azaria.Xu: “如果想下载到和我所用的这个带有部分插件支持的请点这里下载”
    我点击下载后解压里面没有插件啊~~
    所以导致首页不能输入摘要 自己添加了 “中文 WordPress 工具箱”后导致不能首页输出图片 那个“more”链接也没有
    怎样才能做到像楼主首页那样 可输出摘要 有 more链接 并且 可以输出图片 呢?
    能否提供一个完善的安装包啊? 谢谢了~~

  3. Azaria.Xu说道:

    @cyhunter: 那个只是内置插件调用代码了的。
    “more”链接是编辑器里面自带了的。
    关于首页不能输入摘要我想你是不是修改成the_excerpt() 了。the_excerpt() 是不会显示图片和 more 链接的。

  4. Azaria.Xu说道:

    @cyhunter: “中文 WordPress 工具箱” 的摘要输出只是控制了 WP 自带函数的输出的字数而已。

  5. cyhunter说道:

    @Azaria.Xu: 我是修改成the_excerpt() ,呵呵~~
    另外如果使用 标签云 的话,那些大标签文字会冒头被所在的框掩盖了一部分,不知怎样修改使它美观一些?
    期待iStudio theme 1.3,个人很喜欢这个主题,谢谢啦~~

  6. 请问您是如何在Firefox下实现文字镂空和阴影效果的?我只找到了在IE下实现文字镂空和阴影效果,但是Firefox还是不会,是用纯CSS实现的?还是用js?
    还有,您的这个主题的mac文字效果如果能支持IE6就好了,虽然大多数人都说IE6垃圾,期待您下一个版本支持IE6

  7. Xu.hel说道:

    @羊绒衣服精选: 都是 CSS3.0 来实现的. 不过… IE 不支持.

  8. @Xu.hel: IE不是有这个方法可以实现这个效果吗?“filter:DropShadow(color=#,offX=,offY=,positive=)” 您的这个风格实在太好了,要是能支持IE 6那就太棒了,不知道加上这个麻不麻烦,如果可能的话,还是请您加上,毕竟现在很多访客还在用IE6的,如果不支持的话,肯定是有瑕疵,多谢了,邮箱我已经留下,如果可以的话,希望交流一下

  9. Xu.hel说道:

    @羊绒衣服精选: 那个效果 不好。IE 9 会支持 CSS3.0 的。等待 IE9 吧。

  10. 羊绒衣服精选说道:

    在IE6下效果确实不太好,效果不自然,不过总比没有强
    等IE9流行起来恐怕需要20年….

  11. bucuo说道:

    这个插件太好了,可是我没有找到下载按钮 CSS 样式这个选项啊,能指点一下么

  12. Xu.hel说道:

    @bucuo: 请仔细的看看主题的后台设置页面。。。。。

  13. bucuo说道:

    后台只有说明 啊
    自定义短代码
    短代码格式:
    插入下载: [Downlink href=”URL”]Filename[/Downlink]
    编辑文本时直接插入此代码并添加URL也没有效果啊

  14. Joachim说道:

    I like your themes, but I can not open the pages 🙁

  15. bluefox012说道:

    怎么在后台编写文章里面的双杠,发布到前台就显示成一个杠了?
    后台文字:
    root@debain-server:/home/installfile/httpd-2.2.14#./configure –prefix=/usr/local/apache –enable-so –enable-ssl –enable-rewrite –with-mpm=worker –enable-dav –enable-maintainer-mode –enable-cgi –sysconfdir=/home/services/web/config –enable-proxy –enable-proxy-http
    前面文字:
    root@debain-server:/home/installfile/httpd-2.2.14#./configure –prefix=/usr/local/apache –enable-so –enable-ssl –enable-rewrite –with-mpm=worker –enable-dav –enable-maintainer-mode –enable-cgi –sysconfdir=/home/services/web/config –enable-proxy –enable-proxy-http
    还望楼主回复

  16. bluefox012说道:

    原来发表出来两个减号就显示不出来
    测试减减 [–]是否变成一个减?

  17. bluefox012说道:

    再次测试 –enable-proxy –enable-proxy-http

  18. bluefox012说道:

    应该是空格加两个减号的时候,就会发生问题
    如果是[–enable-proxy] –enable-proxy-http
    应该上方第一个enable前方显示出–,第二个enable前方就显示不出来

  19. xu.hel说道:

    @bluefox012: 你在可视化模式下编辑不好吗?

  20. 王员外说道:

    谢谢提供模板,我参考参考。

  21. ep说道:

    评论的泡泡样式可以变成系统默认的样式么?

  22. 大鼻涕泡说道:

    这个主题太可爱了

  23. yangjiansky说道:

    错误页面在那个模板里编辑?

  24. shaou.pipi说道:

    主题很棒,已经安装了,谢谢!

  25. Samus说道:

    嗨,亲爱的楼主,我在使用这个模板的时候,由于自己网站的LOGO较宽,默认的设置会导致LOGO无法正常显示完整,请问如何修改源文件以达到可以加宽LOGO的目的呢?

  26. xu.hel说道:

    @Samus: 你不会增加宽度么?

  27. 菜鸟说道:

    LZ 你好,你的这个主题非常的漂亮,谢谢共享出来,只是我想要是能在首页加个友情链接就好了。

  28. bluefox012说道:

    @xu.hel: 装了Quotmarks Replacer 插件后正常了 谢谢

  29. junghae说道:

    @bluefox012: 不错啊~

  30. 落在低处说道:

    请问下,如何在PAGE页面隐藏侧边栏?

  31. Xu.hel说道:

    在 15号 13点55时之前下载 1.4 的朋友,请重新下载来修复侧边栏无法改变的问题。

  32. Xu.hel说道:

    都是 FlashFXP 惹得祸。。。

  33. Binbin's Blog说道:

    this theme is NO.1 haha !

  34. htz说道:

    希望支持 多层菜单。

  35. wwek说道:

    非常漂亮的主题。感谢·

  36. xiyang说道:

    出现问题,
    在viStudio 选项里面设置之后按保存出现以下问题
    Warning: Cannot modify header information – headers already sent by (output started at /home/***/***/wp-content/themes/istudio-theme/functions.php:100) in /**/**/***/wp-includes/functions.php on line 790
    Warning: Cannot modify header information – headers already sent by (output started at /home/***/***/wp-content/themes/istudio-theme/functions.php:100) in /home/***/***/wp-includes/functions.php on line 791

  37. Xu.hel说道:

    @xiyang: 谢谢反馈,我会处理的

  38. 日历问题说道:

    那个日历插件显示有问题
    希望博主修正

  39. Wei说道:

    主题很不错!!哈哈,我就用这个了!谢谢博主!

  40. Wei说道:

    博主@Xu.hel: 博主,你的主题有Bug,每个评论都有多余的,我正在尝试修改

  41. Xu.hel说道:

    @Wei: 什么Bug?我怎么没发现?

  42. Wei说道:

    @Xu.hel: 就这个页面,你打开网页源码看一下,每个回复后面都有两个,其中一个多余,只不过都被浏览器忽略了。你打开Firebug(Firefox)或Chome的审查元素刷新一下网页就能看到报错了 “Unmatched encountered. Ignoring tag.” 。还有你应该安装个邮件提醒比较好,这样被回复会有提醒的,不然很不方便。

  43. Wei说道:

    @Xu.hel: 晕。。留言里的标签都被屏蔽掉了,再发一边:就这个页面,你打开网页源码看一下,每个回复后面都有两个,其中一个多余,只不过都被浏览器忽略了。你打开Firebug(Firefox)或Chome的审查元素刷新一下网页就能看到报错了 “Unmatched encountered. Ignoring tag.” 。还有你应该安装个邮件提醒比较好,这样被回复会有提醒的,不然很不方便。

  44. Wei说道:

    @Xu.hel: 晕。。又被屏蔽掉了,再发一边:就这个页面,你打开网页源码看一下,每个回复后面都有两个{/li},其中一个多余,只不过都被浏览器忽略了。你打开Firebug(Firefox)或Chome的审查元素刷新一下网页就能看到报错了 “Unmatched {li} encountered. Ignoring tag.” 。还有你应该安装个邮件提醒比较好,这样被回复会有提醒的,不然很不方便。

  45. Xu.hel说道:

    @Wei: 还是没有啊。。。

  46. Wei说道:

    @Xu.hel: 晕.. 你打开网页源代码,每个留言的代码最后仔细看看有两个{/li}{/li}。你用Firebug看一下就知道了,会报错

  47. Xu.hel说道:

    @Wei: 我这里正常的,可能是你装插件的关系了

Leave a comment

电子邮件地址不会被公开。 必填项已用*标注