Js O3 Lite升级, more按钮功能增加, theme-option增加

我想很多人也喜欢这个主题的样式,其实我也一直在更新这个主题!以前我一直都觉得只要能有theme-option页面的主题就肯定是个高档的主题!而到了今天,我终于也能做出一个有theme-option的WordPress主题!哈哈~~

screenshot Js O3 Lite升级, more按钮功能增加, theme option增加

如下图,本次更新我为主题增加了不少的后台选项,让大家在使用过程中不用自己修改模板文件了。其中还有很多人性点的东西,我在后面一一说下。

js o3 lite 1592 theme option 480x361 Js O3 Lite升级, more按钮功能增加, theme option增加

首先是增加本站最近在使用的“more”按钮,效果就象是twitter.com中的相同按钮一样,我这里就不多介绍了。因为已经很多朋友问我这个功能是怎样实现的,其实可能是我懒吧,因为这个如果要说出来,真不知道怎样说好了。如果有兴趣的朋友可以下载这个版本看一下就知道了。

另外,如果你不喜欢这种查阅效果,请通过theme-option切换为默认的“older-post / newer-post” 按钮,很体贴吧。

js o3 lite 1592 screenshot 1 480x95 Js O3 Lite升级, more按钮功能增加, theme option增加

相应地,我也为“older-post / newer-post” 按钮的添加了更配合主题的样式,希望大家喜欢:

js o3 lite 1592 screenshot 4 480x128 Js O3 Lite升级, more按钮功能增加, theme option增加

js o3 lite 1592 screenshot 2 480x106 Js O3 Lite升级, more按钮功能增加, theme option增加

然后更新的是文章单页的浏览效果。原本的选项卡样式,就是能让你把正文-评论分别在各自的标签中的显示效果不变。本次更新后,在后台选项中你可以把它取消,变成大家习惯的样式:就是评论紧接文章内容,不再分开显示。作出这个功能切换的原因是很多朋友还是喜欢习惯的样式,现在大家也可以自由选择了。

js o3 lite 1592 screenshot 3 480x74 Js O3 Lite升级, more按钮功能增加, theme option增加

除上面重要更新外,现在主题页顶部分的Ajax滚动消息栏内的消息编辑,还有订阅信息编辑全部都可以在主题后台中设置,不必再修改模板文件了。

下载最新版本请到主题发布页面:Js O3 Lite

分类:WordPress;标签:;收藏本文的永久链接

54 Responses to “Js O3 Lite升级, more按钮功能增加, theme-option增加”

  1. i.Nemo 回复此留言 2009/06/14 11:14 #comment-7985

    HOHO~~~
    先下载研究一下再说~~
    我可是为了MORE功能而来的
    汗!业余的人学起来就是麻烦~~~
    要是弄出来我去写个实现方法教程算了~嘿嘿

  2. kerby 回复此留言 2009/06/14 11:54 #comment-7987

    如果你想进一步了解博主jinwen,那赶紧来下面的表格对他提问吧

    http://cs72.com/interview-jinwen/

    我已经获得了独家采访权,哈哈

  3. welee 回复此留言 2009/06/14 14:57 #comment-8002

    你做主题速度好快,我要向你学习了。。。

  4. 老N 回复此留言 2009/06/14 15:19 #comment-8003

    太好了,你的主题越来越牛逼的,力荐~

  5. 博译论 回复此留言 2009/06/14 11:01 #comment-7982

    我来下载啦

  6. 博译论 回复此留言 2009/06/14 11:02 #comment-7983

    很酷很用心,我去研究一下先

  7. 365hope 回复此留言 2009/06/14 11:12 #comment-7984

    研究一下,的确非常之COOL啊!
    啧啧:):D

  8. Jinwen 回复此留言 2009/06/14 11:32 #comment-7986

    @i.Nemo 谢谢啦。我实在想写,但一写起来就很长了,我把时间都去玩了。。。

  9. zwwooooo 回复此留言 2009/06/14 14:02 #comment-7998

    很人性化,下载研究……

  10. Sivan 回复此留言 2009/06/14 15:22 #comment-8004

    下下来研究那个ajax的more。

  11. Summer 回复此留言 2009/06/14 15:37 #comment-8005

    赞,终于更新了:)

  12. ZH CEXO 回复此留言 2009/06/14 16:23 #comment-8006

    这个太强大了

  13. feicun 回复此留言 2009/06/14 18:09 #comment-8007

    恭喜高档主题出现 :P

  14. Jinwen 回复此留言 2009/06/14 19:45 #comment-8009

    @welee 快吗?我自己没多觉得呢。
    @feicun 见笑见笑,别认真,呵呵。

  15. 爱月 回复此留言 2009/06/15 03:10 #comment-8020

    爱月总有一天会闲下来
    一闲下来你的主题就逃脱不了爱月的魔掌了~

  16. Jinwen 回复此留言 2009/06/15 08:07 #comment-8031

    @爱月 闲下来就先休息哦,折腾以后再说吧,哈。

  17. 卢松松 回复此留言 2009/06/15 11:20 #comment-8034

    很不错哦!~
    可惜我用的是zblog

  18. dev 回复此留言 2009/06/15 11:40 #comment-8035

    Jinwen "more" 好像在firefox下有bug 一直在转,就是more不出来,用ie正常显示。我还换了一台机器试了下,也存在这个问题。

  19. plidezus 回复此留言 2009/06/15 15:29 #comment-8041

    特别来感谢jinwen大大咯。这个版本更新了,那Js O3 Ajax 这个也快升级了吧?

  20. crisco 回复此留言 2009/06/15 17:07 #comment-8044

    下载收藏,等有空学习一下主题的ajax应用~

  21. Jinwen 回复此留言 2009/06/15 20:06 #comment-8045

    @plidezus 现在没有Ajax的版本了,已经合并到Lite的版本去了。

  22. Jinwen 回复此留言 2009/06/15 20:19 #comment-8046

    @dev 我再试了下,功能正常啊。而且我做主题都是先从FF下开始的,没可能FF不行的啊。

  23. 回复此留言 2009/06/16 14:58 #comment-8068

    很twitter的more~~
    很好很强大

  24. ixfx 回复此留言 2009/06/16 16:24 #comment-8070

    真快~

  25. dev 回复此留言 2009/06/16 16:40 #comment-8071

    @Jinwen 今天研究了一天也没找出问题所在 用其他浏览器都可以 就是用firefox不能 把主题放在本地测试用firefox是正常的 疯了!和插件有关系吗?

  26. Jinwen 回复此留言 2009/06/16 16:44 #comment-8072

    @dev 那你就试试停下插件吧,看看是不是那问题。

  27. Senke 回复此留言 2009/07/03 15:20 #comment-8429

    很喜欢这款主题 我是新手 请问顶部LOGO怎么用图片显示 我不想显示博客描述 还有请问这个主题需要装哪些插件 谢谢谢~

  28. Senke 回复此留言 2009/07/06 14:36 #comment-8498

    大哥 怎么把标题用图片显示啊。?谢谢

  29. Jinwen 回复此留言 2009/07/07 00:00 #comment-8505

    @Senke 如果要把LOGO用图片显示,需要把style.css中的#header h1#blog-title属性修改,更改其background的值为你选定的图片则可;这个主题是不需要插件支持的,装上则可用了。

  30. Senke 回复此留言 2009/07/07 09:44 #comment-8511

    嗯 ! 谢谢 ~ 还想请问
    1.那个小鸟的RSS链接地址怎么修改
    2.sidebar-s 的侧边栏 的字体是加粗的 想改成不加粗的和首页的sidebar侧边栏一样
    万分感激 ~ 很喜欢你这款主题 ~ -=。=

    • Jinwen 回复此留言 2009/07/09 08:18 #comment-8542

      小鸟的RSS不是在后台的tmeme-option上可以修改吗?如果要手工修改请修改主题目录下的show-news.php文件才行;然后我不明白你说的sidebar-s字体加粗是什么意思?是侧栏的标题还是侧栏的列表字体?

  31. Senke 回复此留言 2009/07/09 07:24 #comment-8541

    大哥 抽空回答下吧 =。=

  32. Senke 回复此留言 2009/07/09 08:27 #comment-8544

    谢谢Jinwen ,现在我点小鸟跳的页面还是主页,我想改的是点小鸟进入设置的链接地址 ,后台只能设置鼠标点到小鸟上显示的提示文字吧 ; 那个sidebar-s是点开一篇文章全文阅读时 页面右边显示的侧边栏 标题和侧栏的列表文字都是加粗的 我想和首页的侧栏一样 都没有加粗

    • Jinwen 回复此留言 2009/07/09 15:58 #comment-8548

      我并没有在侧栏上设置粗体的啊?最好你给我一个网址,我来看看;至于让小鸟点击链接的话,请修改header.php内的【a href="#" id="rssfeed"】rss sub【/a】这一句,把“#”号换成你的链接地址侧可。

  33. Senke 回复此留言 2009/07/09 15:11 #comment-8547

    在线等候着Jinwen解答

  34. Senke 回复此留言 2009/07/09 16:03 #comment-8549

    isenke.com 大哥你看下 进入一篇文章全文阅读后 侧边栏标题和列表文字都是加粗的

    • Jinwen 回复此留言 2009/07/09 16:13 #comment-8550

      这个情况是在IE下出现的了。打开style.css文件,在第36行的.ui-tabs-nav li属性中增加:“font-weight:400;”;再者,修改第109行的.tabs ul li, .widget ul li属性,在其内容中增加:“font-weight:400;”则可。

  35. Senke 回复此留言 2009/07/10 14:50 #comment-8591

    按照你的方法 ,还是和原来一样字体是加粗的。
    36行是“.ui-tabs-nav li{background:url(imgs/allbgs.png) no-repeat -150px -143px;border-bottom:1px solid #ccc !important;font-weight:400;float:left;height:18px;padding:4px 4px 0;text-align:center;width:80px;}”
    109行是“.tabs ul li,.widget ul li{border-bottom:1px solid #EBEDEF;font-weight:400;display:block;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:6px 0;}

  36. Senke 回复此留言 2009/07/10 16:25 #comment-8595

    恩 可以了 谢谢Jinwen

  37. derek 回复此留言 2009/07/11 10:21 #comment-8604

    hello,Jinwen,刚用上你的主题,感觉太漂亮了,但是在用的过程中我遇到了一点小问题。
    装完主题后我又修改了sidebar.php增加了wp-cumulus和统计工具,当时显示位置正常。如图:http://farm4.static.flickr.com/3491/3709529634_da288f2e09_o.jpg,但是当我新建了一个留言板的页面,再打开留言板的时候发现wp-cumulus和统计工具就移到了左边
    如图:http://farm3.static.flickr.com/2556/3708716963_cdab07e54c_o.jpg
    由于我不懂php,不知道如何修改,所以想请Jinwen大哥不吝帮忙,谢谢了。

    • Jinwen 回复此留言 2009/07/11 16:39 #comment-8607

      你有没有把新建的代码放在id为primary的区块内?可能你是放到它的外面去了,是不是?

  38. derek 回复此留言 2009/07/11 17:03 #comment-8608

    嗯,果然是这么问题,感谢Jinwen,已经搞定了,呵呵

  39. Senke 回复此留言 2009/07/13 11:54 #comment-8650

    我把顶部的标题和描述改成了用图片显示
    我的方法是style.css中把#header h1#blog-title属性修改成了如下
    #header h1#blog-title{
    background:url(imgs/title.gif) no-repeat;
    text-decoration:none;
    color:#FFF;
    width:250px;
    height:70px;
    text-indent:-999em;
    display:block;
    }

    另外我把显示描述的#header h2#slogon这行清除了,还有就是header.php中我清除了

    最后效果达到了, 但我点击顶部的图片不能返回到首页。请教Jinwen ,再怎么修改,能让顶部图片有个回到首页的链接 ,因为现在比如点击进入选项卡中新建的页面的话,选项卡右侧没有像点击进入文章一样右侧有个home的小图标链接。这样导致进入任何新建页面时都没有回到首页的链接很不方便。所以请教Jinwen想加个顶部图片的首页链接 或者是怎么在进入新建页面的选项卡右侧也增加一个home小图标的链接,谢谢
    P.S. js-o3-lite.1.5.9.2为什么每条评论的右侧没有reply和quote的小图标

    • Jinwen 回复此留言 2009/07/13 12:25 #comment-8653

      使用带链接的图片,格式可以是这样:[a href="链接地址/" id="logo" title=""][/a],然后在CSS中设置#id的样式,让它有背景图片则可。
      1592版中的quote功能取消了,然后reply的图标要安装@reply的插件才会显示出来的。

  40. Senke 回复此留言 2009/07/13 11:59 #comment-8651

    上面那个没显示出来, 另外我把显示描述的#header h2#slogon这行清除了,还有就是header.php中我清除了h2 id="slogon" 那行

  41. derek 回复此留言 2009/07/14 14:28 #comment-8689

    还想问一下Jinwen,我想改一下首页文章标题的字体大小,现在MS感觉比较大了一点,请问是在哪里改的呢?

    • Jinwen 回复此留言 2009/07/14 22:45 #comment-8699

      在css中查找“.hfeed .entry-title”然后修改它的属性则可。

  42. Senke 回复此留言 2009/07/15 18:01 #comment-8706

    在1592版本上我装了那个yus的@reply插件后 reply的小图标还是没能显示出来 ,只有鼠标移到评论的右顶段上去才会显示出来,而且显示的是插件自带的那个小图标,把鼠标移掉小图标就消失了。 试着改了下style.css中的.re_icon{ 属性 但结果还是只要鼠标移掉图标就消失 Jinwen抽空帮忙下
    另外请问如果要加个评论发布表情,需要添加什么插件

  43. Senke 回复此留言 2009/07/17 20:36 #comment-8774

    大哥 , 文章中的图片怎么才能在首页显示出来 首页每篇文章的more是怎么控制的 谢谢

  44. derek 回复此留言 2009/07/18 14:33 #comment-8810

    还想问一下Jinwen,我在日志里插入了图片,但是发表后发现图片四周有边框,而且还是上下窄两边宽,不太美观,请问如何去掉边框呢?
    另外我发现一发现一调用lightbox2插件,侧栏就显示不正常了,是不是主题不支持lightbox的呢?

    • Jinwen 回复此留言 2009/07/21 18:53 #comment-8860

      图片是有边框的,但怎样的“上下窄两边宽”?因为我没看到这个情况,你能给我个截图,还有告诉我是在什么浏览器下吗?谢谢。
      另外,我刚把主题更新一下,最新的是1593版本,已经添加了对lightbox的支持。

  45. Yoshiko 回复此留言 2009/07/21 06:55 #comment-8850

    Hi Jin Wen,
    I am using your WP Theme Js O3 Lite and love it. Just one little problem i need to resolve.

    The sidebar is not showing when I use IE7 to view it. But in Firefox, it seems ok. Pls advise how i can solve this. Thanks a mil.

    • Jinwen 回复此留言 2009/07/21 18:57 #comment-8862

      Hi, I've looked into your site. It's strange to me bcs your sidebar is not showing in IE7 and just like what you said. But when I test this theme in my site, all the things is good, no sidebar drawing problem, even with IE6. I think maybe there are something wrong with your own adding code in the sidebar. B.T.W: I just released the new version 1.5.9.3 of this theme, maybe you can try this newest one. Thinks~