Go to comments ↓ Home » Blog

WP 文章定时发布 & 继续优化当前主题

Wordpress又花了不少时间在这个主题上,罪过啊,不过折腾下来还是挺满意的。
这次zsofa-ova在总体上变化不大,都是细节上的优化。像A.shun这样一个主题用很长时间的,当然是不断的追求精致。

现在继续来总结一下这次的折腾,顺便分享一些相关的教程。
其实这个应该叫做wp折腾手记 5的,不过偶尔换下名字也不错。

昨天就弄好了,这回顺便尝试下WordPress定时发布文章

WordPress文章定时发布功能

这是wp自带的功能,无需任何插件。
如下图所示,编辑好日志之后在“发布”那里点击编辑,把发布时间设定为当前时间之后,发布的按钮就会自动变成定时,点击即可。

wordpress定时发布文章设置

主题header部分

最开始,zsofa-ova的搜索框设计在了header的中间,比较方便和醒目。
不过有的访客朋友看法不同:“搜索框放中间了感觉怪怪的”、“搜索框放的位置有些不太美观”。。。

wp主题header修改

之前因为右侧有twitter输出和订阅按钮,把这些放中间也不合适。现在重新调整了布局。
去掉了feedsky的按钮,和feedburner.com放在了导航栏,twitter按钮的旁边。搜索框回到了靠右地方,嗯,感觉良好。

当然,也顺手减少了header的高度。这样可以在不滚动页面的时候显示更多内容。

评论部分

把comments-ajax更新到v1.29,点击主评论回复按钮有了平滑滚动效果。
具体看这篇:《WordPress 內置嵌套評論專用 Ajax comments》,Willin Kan真是低调的大师。

评论样式也重新设计,评论者名字、发表时间、和ua信息弄成一排了。这个其实个人不是特别满意,只是换换布局。
看上去很紧凑,这也可以在一定程度上缩短了页面高度。

wp主题评论样式修改

主评论隔行使用不同的背景色,比较一目了然。简单的两行代码即可实现,这是特地请教om的。

ol.commentlist li.thread-even{background:#F2F2F2;}
ol.commentlist li.thread-odd{background:#eee;}

其他细节

文章分类和月份存档下拉选择框

  1. 侧栏加入了文章分类、月份存档下拉选择框。比较实用,不占地方。
    相关的代码可以看这篇:《WordPress 月度存档、文章分类下拉框代码》。
  2. 由于分类下拉框取代了分类列表,所以把友情链接也改成双排的,各种徽标弄到下面去。
  3. content的背景色和整个页面的色调统一起来。
  4. 去掉了日志信息、评论数和转到评论区等之前的小图标,页面更加简洁,也调整了其他背景图标的间距。
  5. 其他若干细节:简化日志底部的收藏和订阅链接、更多的运用了css3圆角。。。

已知问题

  1. 评论者名子过长的话(比如Lazyyyyyyyyyyyyyy),时间和ua信息就要挤到一起了。
  2. 两层以上的嵌套问题非常大。。暂时改回两层,不过以前就弄得很乱,无所谓了。
  3. IE6的显示继续杯具,特别是文字大小。
  4. Chrome环境下的搜索按钮不显示。
  5. Opera下底部的top按钮的问题不打算修复了,反正有手势。

累了,以后再折腾吧。

» 转载请以超链接形式注明来源:A.shun Blog » 《WP 文章定时发布 & 继续优化当前主题》
» 本文链接地址:http://www.a-shun.com/archives/21356.html

» 本文采用 BY-NC-SA 协议进行授权。
» 建议通过 Rss( Google Reader | Feedburner | Feedsky )方式及时获取更新。
  1. 博客能用就可以了……

    何必那么折腾 那么花哨

    那么装B

    Google Chrome 5.0.366.2 Google Chrome 5.0.366.2 Windows XP Windows XP
    #41
    @
    • @风吟 人各有志,别人喜欢漂亮一点的不行么,难道大家爱美也是装B么?何况折腾WP还学习到很多知识。总比整天没事干的好。

      Firefox 3.6.3 Firefox 3.6.3 Windows 7 Windows 7
    • @keelii
      @风吟

      keelii同学说得很好。
      不过你要明白那个是什么人,经常在其他博客看到他,出口没一句人话,典型的犯贱。大可不必理睬他。 :grin:

      Opera 10.53 Opera 10.53 Windows XP Windows XP
    • @A.shun 嗯。淡定做自己!

      Firefox 3.6.3 Firefox 3.6.3 Windows 7 Windows 7
  2. 最近不知道咋的就是没心情折腾 :cry:

    Internet Explorer 8.0 Internet Explorer 8.0 Windows XP Windows XP
    #42
    @
  3. :roll: 再报告个问题吧…Chrome下搜索框获得焦点后显示出其真实的面孔,看起来像圆角矩形跟一个矩形输入框相交,相当怪异.IE7下搜索框只能显示矩形输入框外观,且文字基线相当高.

    Google Chrome 4.1.249.1045 Google Chrome 4.1.249.1045 Windows 7 Windows 7
    #43
    @
    • @Ted 感谢你的提醒。
      chrome那个文本框高亮是浏览器的特性。。貌似无法显示成圆角。下次我加大内边距凑合下吧。
      我用的是css3圆角,IE当然支持不了,等IE9吧。 :grin:
      文字基线那个不知道怎么解决。。

      Opera 10.53 Opera 10.53 Windows XP Windows XP
    • @A.shun :roll: 很漂亮

      Google Chrome 5.0.394.0 Google Chrome 5.0.394.0 Windows XP Windows XP
  4. 折腾无罪,我的主题折腾过后就懒得再折腾了。

    Internet Explorer 8.0 (Compatibility Mode) Internet Explorer 8.0 (Compatibility Mode) Windows 7 x64 Edition Windows 7 x64 Edition
    #44
    @
  5. 评论显示不错,找个时间我也改成这种形式的 :cool:

    Maxthon 3.0.9.10 Maxthon 3.0.9.10 Windows XP Windows XP
    #45
    @
  6. 不错,慢慢完善哈。

    Firefox 3.6.3 Firefox 3.6.3 Windows 7 Windows 7
    #46
    @
  7. 模板里图片多了点。

    TheWorld Browser TheWorld Browser Windows XP Windows XP
    #47
    @
  8. 我之前就有在博客上定时发布的,结果文章还差最后一点没写完,自动发布了 :!:

    Firefox 3.6 Firefox 3.6 Windows XP Windows XP
    #48
    @
  9. 我的博客基本上都是头几天写好,定时发布。因为我博客发布习惯是3天更新一篇。

    Internet Explorer 6.0 Internet Explorer 6.0 Windows XP Windows XP
    #49
    @
  10. 那以后我是不是要和机器打交道了?

    Firefox 3.6.4 Firefox 3.6.4 Windows Server 2003 Windows Server 2003
    #50
    @
    • @卢松松 哪里,文章和评论还是很用心的。而且我也只是测试下,很少用这个功能。

      Opera 10.53 Opera 10.53 Windows XP Windows XP
  11. 順著 Trackbacks 過來, 發現有個問題可解決:
    “Opera下底部的top按钮的问题”
    有沒發現 “回复” 平滑滾動沒有這問題, 因為答案就在 comments-ajax.js 中(我已找到解決方法).

    Opera 10.51 Opera 10.51 Windows XP Windows XP
    #51
    @
  12. 深夜来淘金!

    Firefox 3.6.3 Firefox 3.6.3 Windows XP Windows XP
    #52
    @
    • @xiao3 跟你说了不要扒皮。。这有意思没?就不能弄点自己的个性么?

      Opera 10.53 Opera 10.53 Windows XP Windows XP
    • @A.shun 扒皮是像我这样的么?请你看清楚再说好不好!

      Firefox 3.6.3 Firefox 3.6.3 Windows XP Windows XP
    • @xiao3 呀,上次看你仿mg12私人主题,我还以为你不知道什么是扒皮呢?原来你知道啊。
      我没有别的意思,只是说,大家都不是刚刚开始写博客,要有版权意识和对主题作者的尊重。

      Opera 10.53 Opera 10.53 Windows XP Windows XP
    • @A.shun 我想问下你!我除了header以外!哪一点是用了他的!我承认我是用到他的那个搜索框的图片!那是因为我不会自己作图!其他的都是自己参考网上改的!这个主题原来的样子就是zsofa!

      Firefox 3.6.3 Firefox 3.6.3 Windows XP Windows XP
    • @xiao3 你搞笑吧,我说的是上次。上次那个主题不是扒皮是什么?

      这个主题是zsofa,虽然没有自己的风格,但还谈不上扒皮。
      只是以为你不知道这个概念,免得犯下上次的错误。
      提醒下。

      只是希望你自己努力,代码要抄容易,但是抄袭别人的风格只会显得自己没有个性。

      Opera 10.53 Opera 10.53 Windows XP Windows XP
    • @A.shun 说实在的!上次的那个我感觉和这次这个似乎没有什么两样!都是在header上面用到mg12的~其他的要是你能说出还有哪一个地方用到了~那就可以说我是在扒皮!
      另外!别搞得你好像很有个性似地~在我看来~我们都是把一些技巧用到原来的主题上!这最多就是换换样式~还谈个性!

      Firefox 3.6.3 Firefox 3.6.3 Windows XP Windows XP
    • @xiao3 哈,那我起码比你有个性多了。色调布局和很多样式都是自己想的。

      而且,我当初弄了主题的时候对header的样式和mg12打过招呼。因为之前有人就是样式弄得非常向,虽然那个人还给出了主题链接(这点比你的cctv好),但他还是很生气,因为已经注明私人了并不是声明就可以抄的。

      你现在这个不像的。但之前那个主题的相似程度,看过的人都知道哪算扒皮了。

      要知道,我的本意并不是和你争吵。既然你不明白,那就没有必要继续说下去了。

      Opera 10.53 Opera 10.53 Windows XP Windows XP
  13. 这个blog版式相当不错阿 :grin:

    Google Chrome 5.0.342.9 Google Chrome 5.0.342.9 GNU/Linux x64 GNU/Linux x64
    #53
    @
  14. 高人啊
    看来你对WP已经太熟悉了。

    Firefox 3.6 Firefox 3.6 Windows XP Windows XP
    #54
    @
  15. 我是非计算机专业,看不懂代码。。。杯具了,”心有余而力不足”

    TheWorld Browser TheWorld Browser Windows 7 Windows 7
    #55
    @
  16. 优化的不错,但是貌似博客打开速度还是挺慢的,图片都显示不出来

    TheWorld Browser TheWorld Browser Windows XP Windows XP
    #56
    @
  17. 厉害啊 啥时候我能做出自己的主题就好了

    Firefox 3.6.3 Firefox 3.6.3 Ubuntu 10.04 x64 Ubuntu 10.04 x64
    #57
    @
  18. 我也好想折腾主题啊~~ :eek: :eek: :eek: :eek:

    Google Chrome 5.0.375.23 Google Chrome 5.0.375.23 Windows XP Windows XP
    #58
    @
  19. 机器人前来祝贺五一快乐啊!

    Google Chrome 5.0.375.9 Google Chrome 5.0.375.9 Windows XP Windows XP
    #59
    @
  20. 哇塞,主题果然不错,和我现在的的差不多,但是比我的要好看~ :wink:

    Internet Explorer 8.0 Internet Explorer 8.0 Windows XP Windows XP
    #60
    @
  21. 追求完美~

    Internet Explorer 8.0 Internet Explorer 8.0 Windows XP Windows XP
    #61
    @
  22. 偶是技术盲,很想像你一样搞皮肤

    Firefox 3.6.3 Firefox 3.6.3 Windows XP Windows XP
    #62
    @
  23. 我目前使用了定时发布功能

    Google Chrome 5.0.360.4 Google Chrome 5.0.360.4 Windows XP Windows XP
    #63
    @
  24. 定时发布我常用

    Firefox 3.6.3 Firefox 3.6.3 Windows 7 Windows 7
    #64
    @
  25. 你这个评论效果我想要呵呵,《WordPress 內置嵌套評論專用 Ajax comments》文章显示真的是500啦。。。还有没有教程了,搞一下,不需要浏览器提示那块,主要是样式呵呵,还有AJAX评论。

    Firefox 3.6.3 Firefox 3.6.3 Windows XP Windows XP
    #65
    @
  26. :grin: 不错哇~~~自己弄的哇~~~~

    Ajax评论我都想弄,不过,暂时没心情折腾它~

    Google Chrome 4.1.249.1064 Google Chrome 4.1.249.1064 Windows 7 Windows 7
    #66
    @
  27. 我是来体验传说中的评论效果的~~ :eek:

    TheWorld Browser TheWorld Browser Windows XP Windows XP
    #67
    @
  28. 这主题改的不错了。

    Google Chrome 4.1.249.1042 Google Chrome 4.1.249.1042 Windows XP Windows XP
    #68
    @
  29. mark一下,等有时间了跟风折腾

    Google Chrome 5.0.375.17 Google Chrome 5.0.375.17 Windows XP Windows XP
    #69
    @
  30. 这个定时发布功能我一直没有用过呢~

    Firefox 3.6.3 Firefox 3.6.3 Windows XP Windows XP
    #70
    @
  31. 自从上次更新了主题的版本就没折腾过了。。一直没有动mac了,所以也文囧了。

    Google Chrome 4.0.295.0 Google Chrome 4.0.295.0 Windows 7 Windows 7
    #71
    @
  32. 好好折腾吧,一个zSofa主题,硬是被你搞成了Mac主题 :!:

    Firefox 3.6.4 Firefox 3.6.4 Windows 7 Windows 7
    #72
    @
  33. 我回去也把博客系统改为定时发布,那样更好一点,起码访客阅读更贴心一点。

    Firefox 3.6.3 Firefox 3.6.3 Windows XP Windows XP
    #73
    @
  34. z博不知有没有定时功能。我挺需要的。我现在用z博客的内核。

    360Safe Explorer 360Safe Explorer Windows XP Windows XP
    #74
    @
  35. ua信息这是个插件?

    Google Chrome 5.0.375.55 Google Chrome 5.0.375.55 GNU/Linux GNU/Linux
    #75
    @
  36. 我隐约见到主评论的“回复”外框左边似乎伸进来了一点点水平线~

    TheWorld Browser TheWorld Browser Windows 7 Windows 7
    #76
    @
  37. 軟硬PC 軟硬PC

    請問《文章分类、月份存档下拉选择框》怎樣可以達到你的樣式呢?

    Google Chrome 5.0.375.70 Google Chrome 5.0.375.70 Windows 7 Windows 7
    #77
    @
  38. 定时功能我也还没用过呢 呵呵~
    那个下拉框 的确不错~

    Google Chrome 6.0.447.0 Google Chrome 6.0.447.0 Windows XP Windows XP
    #78
    @
  39. 貌似主题有点想mg12的私有主题paled。

    Google Chrome 10.0.648.204 Google Chrome 10.0.648.204 Windows XP Windows XP
    #79
    @
Leave a Reply

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: