Twitter Theme，Always Twitting…

更新：当前版本 2.7.3。移除几行无用的CSS，增加了一些设置，如背景图片的位置，固定与否，另外把一些 border 的宽度值也增加到后台了，这样在设置边框的时候就更加随意了，比如“置顶日志”的标题外边框。

另外非常抱歉地是，请先前下载过的朋友重新下载一下 2.7.3，先前 functions.php 里的 widgets 注册代码我写错了，所以可能你在使用 Widgets 的时候…非常抱歉。感谢 welee 提醒。（081222,1610）

如你所见，这就是我正在使用的刚刚出炉的，上周说过这周要发布的主题：Twitter Theme，Always Twitting，AT4US。为什么它有三个名字呢，有兴趣的自己想想。

Twitter Theme 又名 Always Twitting、AT4US，一款支持 WordPress 2.7 的 Twitter Like 主题。你可以在主题设置页面进行一些简单的操作，就可以使你的 Blog 和你的 Twitter 页面非常相近。当然了，抛却 Twitter Like 不说，它还有其他一些还算不错的地方。

像 Apple Theme 一样，我来简述一下 Twitter Theme 的一些基本信息：

布局：2栏（右边栏）
色调：自定义
宽度：自适应，且后台可设置主题总宽度
Widgets：支持
Gravatar：支持
必装插件：无（支持插件见下）
支持 WordPress 版本：2.7+，以及2.7-（建议升级至 WordPress 2.7）
主题设置页：有

支持的 WordPress 2.7 功能：

评论嵌套回复（Comment threading）
评论分页（Comments Paging）
置顶文章（Sticky Posts）

特色：

快捷管理（Blog 前台）
样式自定义（管理后台，无需编辑模板文件）
自动以背景色区分 Blog 作者评论与普通评论
分别显示评论（Comments）与 Trackbacks/Pingbacks

支持的插件：

WP 2.3 Related Posts
相关日志
WP-PageNavi
翻页插件
WP-PostViews
浏览次数
Clean Archives Reloaded
简洁存档（Ajax收缩效果）
Get Recent Comments
获取最新评论，定制性强。
Subscribe To Comments
订阅评论更新到邮箱。

致谢：

FamFamFam
Twitter Theme 使用了 Famfamfam 许多免费的优质的图标.
Firebug
Twitter Theme 的制作过程中，这个 Firefox 扩展功不可没。
Quick Tags
评论处的快捷标签提供者，不过我准备在下一个版本里调用 WordPress 自身的编辑器。
《CSS 2.0 中文手册》
苏沈小雨的 CSS 手册是我的 CSS 入门老师（不过现在还在门口…）
Web 2.0* theme
使用 WordPress 系统以来，我从 Web2.0* 主题学到了很多知识。

下载与使用：

下载地址：http://code.google.com/p/dupola/downloads/list

注意：启用主题后请立即到主题设置页面，设置你的 Feed 地址、Feed 统计图片地址、背景图片地址，以及是否使用最顶部的 Top Bar，以及 Top Bar 里的信息。

如果你觉得默认配色比较丑，那就在后台自己设置一下。有好的样式也欢迎分享。在后台自定义样式的时候，你需要对模板的一些基本知识有点了解，比如 LI 标签、鼠标滑过、背景图片以及图片重复等。建议在 Firefox 下安装 Firebug 来调试。

建议独立 Blog 都升级到 WordPress 2.7 吧，挺好用的。Twitter Theme 的下一个版本将不再支持 2.7 以下的版本。在使用的过程中，有任何问题和建议，请在本文后留言，我会尽快回复你。同时，有问题的可以顺便查看一下 Apple Theme 的相关文章(1，2，3)，尤其是后面的留言，有些地方是相似的。

PS：本文用 Windows Live Writer 试用版撰写发布，感觉很不错，更强大了。推荐习惯在本地撰写日志的朋友使用。WP的自动保存和多版本生成搞的人很烦。

版权声明

作者：dupola
原文标题：Twitter Theme，Always Twitting…
原文链接：http://dupola.com/post/275
(C) dupola 版权所有，转载时必须以链接形式注明作者和原始出处及本声明。

WordPress
Theme, Twitter, TwitterTheme, WordPress

强烈支持twitter的“副产品”

MY-Hou @ 12月 21, 2008,11:52 下午(#)

哈哈，死在Twitter上。

回复

dupola @ 12月 22, 2008,12:00 上午(#)

飞机可爱～

vivi @ 12月 22, 2008,12:11 上午(#)

原来那个主题看习惯了，这个色彩更清晰一些。

oxygen @ 12月 22, 2008,12:21 上午(#)

嘿嘿，现在用这个，“以身试法”嘛。过段时间我还要换回先前那个主题，那个主题还在修改，适应一下2.7。

回复

dupola @ 12月 22, 2008,12:26 上午(#)

说实话，还是习惯原来那个啊，不过这个倒是挺可爱的。

dowei @ 12月 22, 2008,1:05 上午(#)

不错不错，过来支持。圣诞快乐！

Jinwen @ 12月 22, 2008,2:33 上午(#)

这个主题确实很清爽，但总觉得不太适合中长篇文章，是不是看twitter看惯了的原因

老乐 @ 12月 22, 2008,3:19 上午(#)

哈哈，肯定是看惯了 Twitter 的原因。。其实还好，这个主题我从大概一个月前就开始做了，基本成型，就在本地测试。。。

回复

dupola @ 12月 22, 2008,3:33 上午(#)

不错，很简洁

housne @ 12月 22, 2008,6:57 上午(#)

头部的Hot Topics很有意思，不过我个人不太喜欢固定的背景

猪头 @ 12月 22, 2008,8:49 上午(#)

固定背景？李劳也说到这个问题了，看来我得增加一个选项了。
谢谢。

回复

dupola @ 12月 22, 2008,8:59 上午(#)

好玩！嗯，固定背景不错。是反反璞归真的选择！

晓江 @ 12月 22, 2008,9:16 上午(#)

貌似背景可爱了。

老时 @ 12月 22, 2008,10:55 上午(#)

good job.

twitter的界面魅力在于灵活个性的定制，把这些设置傻瓜式的界面化出来，就有点意思了。

sogoo @ 12月 22, 2008,12:27 下午(#)

嗯，现在已经比 Twitter 界面可定制的地方多了一些了。我再完善完善。

回复

dupola @ 12月 22, 2008,12:31 下午(#)
- 很漂亮，收藏了
  
  回复
  
  du @ 4月 5, 2009,8:49 下午(#)
刚发现，你终于独立了。哈哈。

回复

dupola @ 12月 22, 2008,12:32 下午(#)

的确很Twitter的说,其实如果要更Twitter,可以考虑把评论内容给Twitter化~

NetPuter @ 12月 22, 2008,12:35 下午(#)

好想法，不过这个对我来说可能难了些，要用到 Twitter API…我看看有没有什么插件吧。
谢谢！

回复

dupola @ 12月 22, 2008,1:00 下午(#)

漂亮啊

Dianso @ 12月 22, 2008,1:05 下午(#)

背景在宽屏下有点问题，改变下背景色吧！

housne @ 12月 22, 2008,1:11 下午(#)

不好意思，先前你的评论跑到SPAM里了。背景色由使用者自己改吧。。。

回复

dupola @ 12月 23, 2008,10:38 下午(#)

赞！dupola 出品必属精品，现在正在测试这款新主题 ^^

welee @ 12月 22, 2008,2:52 下午(#)

谢谢测试，有问题请及时告诉我。。。

回复

dupola @ 12月 22, 2008,4:01 下午(#)
- 请问，这主题是否不支援 dynamic sidebar？
  
  回复
  
  welee @ 12月 22, 2008,4:12 下午(#)
  - dynamic sidebar？就是 WordPress 的 Widget 吧？支持滴。
    
    回复
    
    dupola @ 12月 22, 2008,4:18 下午(#)

主题还行，比之前的好看哦，呵呵～

gowers @ 12月 22, 2008,4:00 下午(#)

谢谢！先前订阅了您的blog，很好很强大。唯一不爽的一点，是在 Firefox 下无法点中侧边栏最下面的链接。。。

回复

dupola @ 12月 22, 2008,4:04 下午(#)

改了主题之后，好像没以前的快了。

百里冰 @ 12月 22, 2008,4:07 下午(#)

可是我进入 Wordpress 的 widgets 里面，它显示说 No Sidebars Defined，是否要修改 sidebar.php 还是 functions.php？
我是用 Wordpress 2.7 的。

welee @ 12月 22, 2008,4:23 下午(#)

非常抱歉。
是 functions.php 的一个注册代码写错了，我错误地写成了 right_sidebar，实则是 register_sidebar。
请重新下载一下 2.7.3 吧，我又做了一些更新，详见本文顶端。
抱歉。

回复

dupola @ 12月 22, 2008,4:40 下午(#)
- 呵呵，好的，我继续测试
  
  回复
  
  welee @ 12月 22, 2008,4:55 下午(#)

我怀疑饭否的新UI是不是你给帮忙做的,哈哈

摩摩诘 @ 12月 22, 2008,4:45 下午(#)

…………这个怀疑太不厚道了。哈哈，不是。他们自己的设计师也是很不错的，对于他们来说，仿个 Twitter 太简单了。

回复

dupola @ 12月 22, 2008,4:59 下午(#)

背景固定之后感觉好晃啊…

摩摩诘 @ 12月 22, 2008,4:46 下午(#)

挺靠譜的，都支持2.7的功能呃。

Leeiio @ 12月 22, 2008,9:21 下午(#)

太好了，下载一个使用。可惜广告没地方放了哈哈哈

爱人坊 @ 12月 23, 2008,9:47 上午(#)

啊…

孙波 @ 12月 23, 2008,10:34 上午(#)

不错的主题！喜欢这种风格！

EaSy @ 12月 23, 2008,10:08 下午(#)

下载，使用。感谢作者

ps @ 12月 25, 2008,4:33 下午(#)

sidebar left boarder 没有啊。。。。

Lucy @ 12月 26, 2008,2:58 上午(#)

不会吧？按理说有啊…………sidebar_border_left，style.php 里有的。后台设置边框颜色的时候，都需要输入宽度，1px、2px 啦之类的。

回复

dupola @ 12月 26, 2008,4:17 上午(#)
- 原来如此，忽视我的邮件吧
  再问一个问题可以么？就是get sidebar那句我直接加在page后面它会掉到最下面去，还需要改哪里呢？
  
  回复
  
  Lucy @ 12月 26, 2008,3:35 下午(#)
  - 呃，还有一个bug
    背景图片我用的是repeat，可是你那个选择默认是no-repeat，害我每次改个颜色都要重新选一下，很不方便
    
    那个边框你后台只说了border color，其他可设宽度的你都直接写的border，所以我才不知道的。。。
    
    回复
    
    Lucy @ 12月 26, 2008,3:58 下午(#)
  - 设置页面错别字：buttom border
    
    回复
    
    Lucy @ 12月 26, 2008,5:59 下午(#)
    - 噢。。。。英文太烂了，终于知道这个词儿错了。
      谢谢提醒。
      
      dupola @ 12月 27, 2008,8:32 上午(#)
  - 一、这个你可以对比 single.php 文件看一下。把 page.php 里的 div id="entry-single" 改成 div id="entry" 就可以了。
    下个版本里，我会在设置页面给提醒一下，让用户记得输入边框宽度。
    
    二、那我把它默认设为 repeat 吧…………下个版本。
    
    三、这个错别字是在哪里？
    
    回复
    
    dupola @ 12月 27, 2008,2:06 上午(#)

报告个小 bug ，header-bar.php 里面 twitter 和 sns 的 tag 写成一样的了。
肚兄的配色和细节处理一直是亮点，很好很和谐。

Keefe Dunn @ 12月 27, 2008,7:04 下午(#)

谢谢！好仔细…………
已经在本地修正。
有问题有建议请多多反馈！

回复

dupola @ 12月 27, 2008,8:21 下午(#)

我用了之后怎么没法显示友链了呢?希望dupola能指导一下.

ray @ 12月 29, 2008,7:23 上午(#)

不会啊，我设置的是显示的，但只在首页显示。
如果你的首页也不显示，查查是不是使用了 Widget，使用以后侧边栏的一些东西就消失了，你得用 Widget 来添加。

回复

dupola @ 12月 29, 2008,7:47 上午(#)
- 先谢啦,取消所有的widget就解决了,忘了跟你说一声,还有个小bug,在quick admin里design按钮的右边,at的主题设置是指向dupola.com的
  
  回复
  
  ray @ 12月 29, 2008,11:31 上午(#)
  - 囧。。。。本地文件里已经修正。其实 sidebar.php 里还有一个 dupola.com 的链接，今天才发现，也已经修正了。
    谢谢提醒。
    
    回复
    
    dupola @ 12月 29, 2008,11:42 上午(#)

肚大，麻烦把changelog做好哦
我theme改动比较多下次就自己改现在的，不再下新版了
谢谢！Thanks! Danke schön!

Lucy @ 12月 30, 2008,4:52 下午(#)

哈哈，我下午还在想要不要做 changelog 呢。
好的，没问题！

回复

dupola @ 12月 30, 2008,5:17 下午(#)

看到你这个模板的文章和标题之间的文章信息部分做的不错，想模仿一下，到163design.net找了几个小图标用了一下，把自己的模板小改了改，回到你这里一看，晕了，图标居然和你的完全一样…
特地来声明一下，我的图标不是直接从你这里拷贝的…来源地址：http://www.cnsck.com.cn/GIF/GIF01/200804/7482.html

mercy @ 12月 31, 2008,3:08 下午(#)

我的图标是从 famfamfam.com 取的。

回复

dupola @ 12月 31, 2008,3:21 下午(#)

目前正好需要这种类型的主题:)

不过请问，我可以修改一下源码以便让这个主题更加适合我吗？比如说将两栏改为三栏，等等？

谢谢

正版加菲猫 @ 1月 2, 2009,4:29 下午(#)

报告，有个bug.
在后台主题设置里，我把Background Image URL去掉了，保存以后正常，但下次再进，地址又变成默认的了。

willerce @ 1月 3, 2009,1:17 上午(#)

不会吧？…………我试试啊。。。。

回复

dupola @ 1月 3, 2009,4:12 下午(#)
- 试了么？
  有这个问题吧？
  
  回复
  
  willerce @ 1月 3, 2009,9:53 下午(#)

想请教一下，您最近出的两款主题（Apple Theme和Twitter）如果要加入主题本身不支持的插件，自己修改，难度会不会很大？比如原来的Apple theme中对于评论模块的插件支持不好，装了三个只有一个完全正常工作。
我准备入门主题设计，准备拿Apple Theme先试试。
恕我无知，谢谢

James @ 1月 7, 2009,4:15 下午(#)

1.主题本身结构清晰。难度大小取决于你能力高低。
2.要启用新插件，需要自己写一些代码，包括CSS、functions等。
3.期待你的新主题。

回复

dupola @ 1月 7, 2009,4:42 下午(#)

呃，我只是想請問下你製作主題有基於什麽框架的么？還是每個頁面的php都是自己來的？

Leeiio @ 1月 8, 2009,9:50 上午(#)

是用Apple Theme的框架，然后又做了修改。Apple Theme 的框架是我自己搭的。
http://dupola.net/wordpress/apple

回复

dupola @ 1月 8, 2009,1:16 下午(#)

我安装完，发现右边默认的rss和tag cloud的位置没法改变。另外我可以删减rss的图标吗？

Ming @ 1月 8, 2009,1:41 下午(#)

当然可以。
RSS 和 Tag Clouds 我放到了 Widgets 检测之前，所以你即使添加了 Widgets，它仍然会在上面。
自己删除或修改一下就好。

回复

dupola @ 1月 8, 2009,2:02 下午(#)

不错

seo @ 1月 11, 2009,12:25 上午(#)

有个问题，不知道是不是这样，就是在后台主题选项设置页面，一些可以选择的选项（比如背景画面是否重复），在任何设置后都会返回到第一项设置，在设置别的项目的时候，这些可选择选项也会返回到默认的第一项设置。不知我说清楚了没有。
或者这样说，我设置背景图片重复循环，设置好后虽然前台背景画面循环重复了，但是设置页面依然是第一项的不重复，这样的话，我再设置别的项目，最后点保存的时候，背景是否重复循环选项就又会回到默认的不循环了。

水灰色 @ 1月 13, 2009,4:01 下午(#)

翻了几页评论，似乎找到同样的问题了

回复

水灰色 @ 1月 13, 2009,5:46 下午(#)
下拉菜单选项是这样的，还是全部如此？
谢谢……
希望下个版本里可以解决。

回复

dupola @ 1月 14, 2009,12:57 上午(#)

能不能把@回复集成到主题里面啊？另外，我的侧边栏下面的分隔条为什么显示不出来呢？dupola帮忙看下，谢谢

Kelvin @ 1月 15, 2009,11:09 上午(#)

1.@就是单独回复了，在WP2.7里有嵌套评论功能，单独回复某条评论，所以，不会添加了。
2.在后台设置任何一个border，也就是边框，也就是你所说的分隔条的时候，必须输入宽度，比如1px,2px等。然后貌似也应该输入颜色代码吧。

回复

dupola @ 1月 15, 2009,7:23 下午(#)

我用的也是2.7，但是评论没有回复选项，是需要装什么插件吗？并且评论的分隔条也无法显示（我在后台设置过Sidebar LI buttom border，但是依然没有反应）

Evelen @ 1月 27, 2009,11:01 下午(#)

1.需要在 WordPress 后台的“评论设置”里开启嵌套和分页功能。
2.设置的时候，需要同时输入 border 的宽度和颜色，如 1px #000000。所有 border 都需要这样。

回复

dupola @ 1月 28, 2009,12:17 上午(#)
- 刚想告诉dupola我已经找到没有回复的原因，没有想到这么快就回复了，囧……谢谢。
  另，分隔条设置没有起作用哈！因为dupola的方法我之前就已经尝试过了，在Sidebar left border color一设置就出现侧边栏左边的分割线，Subscribe Border color也显示边框，但是其他并没有生效。不过无所谓了哈！
  祝新年好！
  
  回复
  
  Evelen @ 1月 28, 2009,12:46 上午(#)
  - 新年好！
    升级新版本之前，我再检查一下这个问题。
    
    回复
    
    dupola @ 1月 28, 2009,8:42 下午(#)

这个主题真漂亮啊

BlackDream @ 2月 3, 2009,9:52 下午(#)

这个主题不错，谢谢分享!

eric @ 2月 6, 2009,11:19 下午(#)

這個UI真棒。非常適合閱讀。字不會小。顏色也很舒服。看久了也不累。真好。

炜煜 @ 3月 9, 2009,11:50 下午(#)

非常棒的主题！

Hafidxu @ 3月 18, 2009,5:18 下午(#)

非常感谢提供如此漂亮的主题

西华秦 @ 3月 19, 2009,1:56 下午(#)

似乎没有使用AJAX评论

西华秦 @ 3月 19, 2009,2:02 下午(#)

请问，偶从挂件中添加blogroll之后，就在首页和单页都显示出来，应该如何设置呢？

angie123 @ 3月 30, 2009,11:14 上午(#)

用挂件就是这样，挂件不能控制在哪些页面显示与否。
所以得用if语句来判断显示。

sidebar.php 里现在就是那样，只在首页显示，所以就别用挂件了。

回复

dupola @ 3月 30, 2009,1:15 下午(#)

去掉挂件之后就显示无不来友情链了不知道是什么？要是在侧边栏里添加其他东东，是不是也都是在首页和单页都显示呢？

angie123 @ 3月 31, 2009,11:31 上午(#)

噢我明白了，这是因为原代码里的友情链接调用函数，在挂件检测函数中间呢。所以启用挂件之后，这个中间的代码就都不执行了。
这个比较麻烦，要么你把友情链接的代码移出挂件检测函数区域，要么就只有使用纯代码而不使用挂件。
现在挂件的功能还比较弱，尤其对不同页面显示不同挂件方面。

或者，你可以使用一下 k2 的侧边栏管理插件。

http://kaytwo.googlecode.com/files/k2-sbm.zip

回复

dupola @ 3月 31, 2009,1:37 下午(#)
- 3Q 发现一个问题就是在勾选下面的评论更新，邮件提醒，收不到邮件，第一次就是一直等着看邮件提醒，以为忘勾选了，第二次还是这种情况，应该不是偶又忘记了吧
  
  回复
  
  angie123 @ 3月 31, 2009,2:00 下午(#)

主题的index.php文件中的
修改more….之后主题上面的导航栏会向下串几个像素的距离，编码是UTF-8，不知道是不是偶的原因，设置成摘要输出，然后首页的文章会显示“阅读全文..”我想改成别的文字，不知道是不是刚才的那个地方进行更改。

angie123 @ 3月 31, 2009,10:12 下午(#)

想改成其他文字，需要修改中文包，即 zh_CN.mo 文件。如果你要修改的话，到yskin.net去搜索一下 poedit，看看教程。
如果不修改中文包，就把 index.php 里的< ?php the_content(__('(more...)','twitter4us')); ?>修改成< ?php the_content(__('(阅读全文啦哈哈)','twitter4us')); ?>或其他的。

回复

dupola @ 4月 1, 2009,8:59 上午(#)

只要修改index文件中的more…主题栏就会向下移动几个像素：http://p13.freep.cn/p.aspx?u=v20_p13_p_0904011557471494_0.png

angie123 @ 4月 1, 2009,3:59 下午(#)

呃…………这个我还不太确定到底是什么问题。发布下一版本前我测试一下……

回复

dupola @ 4月 1, 2009,8:19 下午(#)

我觉得我的配色很好，呵呵,只喜欢黑与白。

du @ 4月 6, 2009,8:53 下午(#)

字体为粗体是必填项目，邮箱地址 永远不会 公布。

允许部分 HTML 代码：
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
URLs(网站链接)必须完整有效 (比如： http://dupola.com),所有标签都必须完整的关闭。

超出部分系统将会自动分段及换行。

请保证评论内容是与日志或 Blog 内容相关的，灌水、攻击性或不恰当的评论可能会被编辑或删除。

版权声明

96 条评论了已经

Trackbacks/Pingbacks

发表评论

搜索

最新日志

最新评论

阅读分享

最近读者

DreamHost

Featured Links

Partner links

Twitter Theme，Always Twitting…

版权声明

相关日志

96 条评论了已经

Trackbacks/Pingbacks

发表评论

搜索

最新日志

最新评论

阅读分享

最近读者

DreamHost

Featured Links

Partner links