09
Mar

Apple Theme For WordPress

dupola on 2008-3-9,06:23  
归类于：WordPress  Tags： , , , .

2008.07.01 更新：

当前版本为2.6.1，相比之前的版本，2.6.x 增加或修改了以下几个模板文件：

  1. Google Custom Search 结果页。非必须，仅在你使用的时候需要。
  2. author template 作者模板。点击作者昵称，会进入该作者的档案页，包含了头像，联系邮箱，个人网址，文章数以及文章列表。
  3. author list template.作者列表页。在后台创建作者列表时选用该模板，展示效果为作者列表，比较简单。作者名字+文章数+ RSS 链接，点击这里的作者名字，会进入 2 的页面。
  4. Paged Comments 插件支持模板。这个插件可以将评论分页，对于评论比较多的名博尤其有用，Apple Theme 已经集成了该插件所需要的评论模板文件。
  5. comments_NoAjax_2.6.php 这个是专门为一些不想要 Ajax 无刷新回复效果的朋友准备的，只需要将这个文件改名为 comments.php 即可（记得删除或重命名原comments.php文件）。
  6. LifeStream 模板。这个模板是用 Google Feed API 做的，肚破惊天的效果见这里。如果你想要一个这样的页面，查看一下 LifeStream.php 的代码，做简单修改即可实现。
  7. Gravatar 头像。因为 WordPress 2.5 的核心代码里已经包含了 Gravatar 头像功能，所以，如果你使用的是 WordPress 2.5 ＋，就不需要再启用 Gravatar 插件。如果是 WP 之前的版本，你仍然需要启用 Gravatar 插件才能显示评论者的 Gravatar 头像。

此外，2栏和3栏的文件和功能都是一样的，不同的就是样式表，前台展示的宽度有所不同。再提醒一下关于顶部导航栏，如果你想要和肚破惊天的顶部一样，请参照下面的方法修改 header.php 文件，很简单，但别忘了在侧边栏添加一个搜索框，侧边栏的搜索框的代码也已经准备好，如何显示出来，请参照下面的方法。

再次声明，你必须保持底部的主题信息（即 Apple Theme by dupola 和上面的链接）按原样输出，否则请不要使用 Apple Theme。除此之外，一切代码任你修改。

另外说一下文件下载，下面的 ./apple4us.zip 永远是最新版本，其他版本请选择下载。另外可能有的时候我的主机连接状态不太好（？）所以文件下载的不完整？如果你下载的文件被损坏了（一般情况下很少遇到…），那请到我的 Google Code 页面下载，在下载列表按文件名排序以后可以很直观地看到不同版本的文件和简单描述。下载地址：

http://code.google.com/p/dupola/downloads/list

此次更新效果可以在 Beta dupola 或 反调 在线查看。

2008.04.01更新：

为了全面支持 WordPress 2.5，新版本即当前版本为2.5。
*增加了image.php文件，你在2.5的管理后台里会看到有附件的永久链接，这个模板文件就是为浏览这些附件而准备的。不需要做任何设定，访问附件时会自动检测。
*增加了中英文语言包，主题配置文件中会自动检测。如果你不想使用语言包，直接将zh_CN.mo删除或改名。
*增加了一个mini admin bar到右侧边栏，这个快捷管理区块儿只在你登录以后才会显示，图示。（再次向web2.0* theme 致敬）
*在header里控制了一下meta信息，所谓的小小的SEO了一下，目前是自动在文章页获取该文章的tags并将其添加到keywords，将文章title加上blog标题和描述一起加到description里。而首页的keywords则是默认的blog标题，你可以自己加一些你的特色tag进去，首页的description默认是blog标题加描述。如果你在用 All IN ONE SEO PACK 之类的插件，你需要将header里的meta信息去掉，这些插件目前还太笨，不会自动去除。
*将文件放到 Google Code 上。如果你想为我节省流量也可以到那边下载。
*去除侧边栏多余的区块。
*2栏用户请注意：可能你已经发现了，在文章不够多的时候，首页的下面会是一面空白。不过如果你已经发了很多文章的话就没什么了。这个问题我还没有解决。
—(2008,04,01)


更新：如果你在3月18日之前下载，那么请重新下载一下，并覆盖其中的single.php和comments.php。另外增加了一个友情链接的page模板，需要者将上传page-links.php，并覆盖css文件夹中的content.css。感谢Vista的疯狂测试。(2008,03,18)

注意：我发现有些人特别贱。老要删除底部的主题和作者信息。我再声明一次，如果你要使用 Apple Theme，必须保持底部的主题和作者信息以及它们的超链接保持原样输出。否则别怪我不客气。

这个主题原是Apple4.us的MT平台上的，由Woody设计。当初看到的时候我正在寻找WP的3栏主题，非常喜欢它。所以我就移植到WordPress平台，做了一些修改，改了三个晚上加半个白天，终于搞定。征得Woody同意后，共享给大伙儿使用。
现在你可以在操蛋和WP 2.5 Beta上看到演示，目前在FireFox、IE6、IE7、Opera下都没有问题。
这个主题使用了暴多的DIV框架，而且原来几乎每个div都使用了不同的CSS控制，这样对WP的侧边栏的显示就有些问题。所以我将侧边栏的CSS都基本地统一了一下，并且已经在一些重要的div的开始和结尾处给了注释。CSS 文件分成几个，放在CSS目录下，每个CSS文件里也都有相应的注释，方便修改。
现在唯一感觉不是太好的地方就是在FireFox下，日志内容的字体我看着不是很舒服，但我又不知道改成哪个更好些。有朋友说仅仅是字号有点大，字体还可以。
不管怎么样，在你使用的过程中，有什么问题和建议，或者将其改为两栏或左中右三栏式，都请在这里以评论的形式告知我，或者发邮件给我。

下面是Apple Theme的一些信息：

布局：3栏
色调：黑白灰
必须插件：无
WordPress：2.3+…….2.5下演示。
Widgets：支持。强烈推荐傻逼妹。(主题配置文件中，我已经将Widgets输出的标签设置妥当，不必担心区块错位)
支持的插件：

注意：所有插件都非必须，当你安装并启用这些插件以后，前台会有相应的效果。
目前操蛋已经安装并启用了这些插件，你可以去看看效果。

其他：

  • 为管理员的评论添加特别的背景颜色，我是用ID来判断的。没为多人blog做准备，所以多人blog还请自行hack。
  • 评论模板中的评论和trackback/pingback 已经区分，tb/pb列表都在评论的下面显示。这里看效果。
  • 为评论添加 Quick Tags，快捷加入链接、代码等内容。
  • 你注意到了，我在CSS里把MyBlogLog的Widget给hack了一下，不会显示Joinxxx之类的了，如果你要恢复原样需要在css文件夹里的misc.css 里的mybloglog处把那段代码注释掉。主要是默认的样式太丑了。
  • 如果你要使用widgets，你会注意到两个侧边栏的上面都保留了一些，widgets的内容会在之后输出。左边保留的是Feed订阅，右边保留的是blog介绍和Tag Cloud即标签云。
  • 存档页面，如果你没有启用Clean Archives Reloaded插件，它将显示Tag Cloud和一个简单的按月和按分类的存档列表。如果你启用了该插件，将会在Tag Cloud下面输出插件生成的存档列表。查看演示。
  • 除WP必须的主题文件以外，我还增加了404页和Tags存档之类的。在存档页已经有Tag云，如果你想单独弄一个Tags存档页，可以新建一个页面，用Tag Cloud模板。
  • 管理员评论的背景颜色，在css/comments.css 里的comment-entry-owner处修改。
  • 如果你启用了WP PageNavi 翻页插件，该翻页的地方会生成列表，如果没有，它会显示WP默认的翻页链接。WP PageNavi 插件本身的CSS效果在Apple Theme下也还不错，除了那个框有点丑。
  • 我看到一些主题说SEO做的很好，老实说，用WP三年了，个人感觉在主题上做SEO的空间非常有限。至多就是一些标题标签之类的而已。Apple Theme里，日志标题用了h1，侧边栏区块标题用h2，其他地方大多是h2和h3。
  • 在底部和侧边栏，我加入了CC协议声明，如果你的blog不遵循这个原则请将它删除。
  • 侧边栏里有我Blog在豆瓣九点和MyBlogLog的Widget，如果你同样使用这些服务，只需要在里边修改你Blog的ID即可。否则就将那两个区块完全删除。
  • 本主题不含任何统计和Adsense代码，需要者请自行添加。
  • 主题中使用 gettext 结构，能用的地方我都已经使用，相应的地方会从语言包里读取翻译，否则是英文。
  • 注意：在底部，我加入了主题信息，很简单，只有两个连接。我希望使用者保留这个连接，让别人可以点过去看到这个主题的详细信息。我在footer.php 里加了三行中文注释（其他注释都是简单的英文）作为提醒。如果你没发现那段注释，在我发现你去掉主题信息会，我会去通知你:)。

下载和使用
更新：后续版本请到 Google Codes 页面下载：
http://code.google.com/p/dupola/downloads/list

感谢

  • Woody 和 Apple4us，使用其布局配色等基本设计。
  • Safirul Alredha，使用其AJAX Commenting。
  • 苏昱的《CSS2.0中文手册》，从开始倒腾网页的时候就从这里学习了不少东西。
  • Michael，使用其基于Alex King制作的Quick Tags。
  • Matt Brett，使用其两个Feed图标。
  • Neil Merton，他的Web 2.0* theme清晰的布局和规范的结构及详尽的注释，让我很容易地学习到了很多东西。

技巧

  • MyBlogLog Widget
    我把它小小的hack了一下，在css/misc.css 里加了些代码，把MyBlogLog的Widget中头像列表下面的Joinxxx之类的文字去掉了，如果你想恢复它，就把misc.css里的相关代码去掉。
  • 顶部page列表（CSS里相关设置已准备好了）
    在1.1版中新加的，如果你想像“操蛋”那样显示一个Page列表，就照下面的来做（默认是搜索框）：
    首先，在header.php里，把搜索框的代码删除或者像begin header menu那样先注释掉，让它不起作用。
    然后，在header.php里，把begin header menu处的注释符号去掉，让它起作用。
    此时搜索框被page列表代替了，整个页面没有搜索框了。如果你在使用widgets，那就添加一个搜索框，如果没有使用，在sidebarr.php 里已经为你准备好了搜索框代码，只需要把现在注释掉搜索框的那段代码删除即可，方法跟激活page列表一样。

版本

  • v.1.1 - 2008.03.22(默认与1.0无变化，想变化看技巧)

    • 增加友情链接page模板。
    增加header处的page列表（CSS里相关设置已准备好了），可选，选后会替换顶部的搜索框。
    去除header.php 里的WordPress版本信息，2.5会自动生成。

  • v.1.0 - 2008.02.26

    • 结构完善，功能实现，插件支持配置完善。

预览：见下图，点击见大图。
Screenshot,chick it to see the big one.

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

已登录的鲜果用户？

相关日志

Del.icio.us Google书签 Digg Live Bookmark Technorati Furl Yahoo书签 Facebook 百度搜藏 新浪ViVi 365Key网摘 天极网摘 和讯网摘 博拉网 POCO网摘 添加到饭否 QQ书签 Digbuzz我挖网 Twitter this Bookmark and Share
« 谈谈Vancl衬衫的网络直销
DreamHost优惠码：HuNao，500G空间+3个国际域名 »

136 Comments