aeroom » Wordpress Theme http://kaero.org Redesign my life. Wed, 10 Mar 2010 18:11:48 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 aeroom 重装上线 http://kaero.org/2009/06/new_version_is_released/ http://kaero.org/2009/06/new_version_is_released/#comments Tue, 30 Jun 2009 06:20:30 +0000 Kaero http://kaero.org/2009/06/30/new_version_is_released/ 在两个月的忙碌时期过去之后，很低调很神速地在一周内将网站改版了。主要的变化是缩小了左侧的空白区，大幅增加了内容区域的宽度，上一版的可读区域的确是太小了。另外颜色也力求更少更淡，并且大范围地应用了圆角元素，作为一个 Web 从业者，努力提高网站的可用性和亲和力应该是我们始终不变的目标吧。

一些插件和 Widget 方面的改变

flickr logo 启用 Flickr Photo Alubm 替换了过于臃肿的 NextGen Gallery，同时用其自带的 Widget 取代了 FlickrRSS，具体效果请参见现在的 Albums。除了 Flickr 在国内的速度稍慢之外，我觉得这款插件还是相当不错的。但是千万不要追求华丽给它启用任何 AJAX Slideshow 效果，否则看照片的人会发狂的。另外它的模板其实很好定制，一般来讲只要调整一下 /tantan-flickr/templates 文件夹里面的 photoalbum-index.php 就够了。

弃用了 Quoter，启用了一个回复评论的通知插件：Mail to Commentor，我觉得邮件通知真的很必要，非常利于形成友好的讨论氛围。还有一个相似的插件是 Wordpress Thread Comment，相对来说功能更强大，只是回复的时候会改动表单的位置，对布局造成破坏，这个有点让人讨厌啊-_-

灵活地使用了更多的 Widget。我一直觉得每个页面都挂着同样的边栏是很糟糕的事情，比如首页和分类目录的边栏就应该有所不同，Post 和 Page之间也应该有所区别，不过稍事研究之后，却发现这原来是非常容易解决的问题。一般的主题都只有1个或2个边栏，但是我们根据上面的想法，觉得需要不同的4个边栏才够合理，那可以按照以下步骤进行设置：

  1. 打开主题文件夹里面的 functions.php，搜索 register_sidebars() 函数，它应该以这样的形式存在的：
    register_sidebars( 1, $p );
    上面的“1”就是现在注册的边栏数，只要将其改为4（或者是任何你预想的数字）就行了。
  2. 然后我们进入 Wordpress 后台，就能在“外观 → 小工具”的管理界面中看到4个可用边栏了，你可以在这4个边栏中任意添加不同的 Widget。
  3. 现在你刷新你的主题，应该会发现还是只有一个相同的边栏。这时打开主题文件夹里面的 sidebar.php，找到<div class=”sidebar”>…</div>，复制3次（一共是4个了），然后再赋予它们4个不同的ID，在这一步保存后再刷新主题，你会发现之前在后台设置的4个边栏都出现了——但是每个页面都是一样的，而且还是4个堆在一起！
  4. 那么接下来就该让它们分别呈现于不同的页面了，我们给每个边栏加上显示的条件，比如在首页出现的边栏的前后加上以下PHP代码：

    <?php if( is_home() || is_front_page() ) { ?>
         <div id=”home_sidebar” class=”sidebar”> … </div>
    <?php } ?>

    这样这个边栏就只会在首页出现了。类似的，我们可以给只出现在 Page 中的边栏加上 is_page() 的条件判断， Post 的边栏则加上 is_single()。更多条件判断语句可以参考 Wordpress 官方文档的 Conditional Tags 页面。

    需要注意的问题：query_posts() 函数会导致某些判断无效，为了避免该状况发生，请务必在它后面加上 wp_reset_query() 函数。

启用了 Fancybox，暂时只在 Portfolio 页面应用了。虽然在IE8下面貌似会出现无响应的问题，不过仍然很喜欢它的样式。

ie6-refused碰到的一些问题：

IE6 正式被放弃，PNG 的透明问题实在是懒得去解决了，不过除此之外，似乎并没有出现让人难以忍受的布局问题。 不过好久没有接触过CSS，不由赞赏 IE8 还是一个相当不错的浏览器啊，两个IE6和IE7都保持的经典BUG：input 元素的 text-indent 无效以及无法正确地 float:right 的问题——都被修复了。

不过 Windows Live Writer 竟然不能正确加载新主题，真是奇怪呢——家里的 WLW 还因此而崩溃了，至今没有修复。

好像要说明的就这些了，请大家帮忙反馈 BUG。

相关日志

]]> http://kaero.org/2009/06/new_version_is_released/feed/ 10 在白宫落成仪式上的总结致辞 http://kaero.org/2008/12/summary-for-theme-building/ http://kaero.org/2008/12/summary-for-theme-building/#comments Wed, 10 Dec 2008 16:19:04 +0000 Kaero http://kaero.org/2008/12/11/%e5%9c%a8%e7%99%bd%e5%ae%ab%e8%90%bd%e6%88%90%e4%bb%aa%e5%bc%8f%e4%b8%8a%e7%9a%84%e6%80%bb%e7%bb%93%e8%87%b4%e8%be%9e/ 经过上周六至本周一的努力施工，俺的博客终于改造完成了。这个新主题的设计稿其实很陈旧了，还是大半年前的工作，代码则是基于 Sandbox 改写的。咳咳，最终效果得到了品味高雅的 Winging 同学的认可与赞赏，感激～同时也受到了某些无耻之徒如困妞和天台等人的强烈嫉妒和刻意贬低，愤慨～他们表示看上去完全不咋的，或者干脆说是简陋，尤其是百度空间资深用户困哉，在得知这博客使用的是传说全宇宙最强的 Wordpress 程序之后，他更是痛心疾首地控诉：配上你这套烂皮，真可谓暴殄天物啊！然后就皱着眉头摇着脑袋非常不满地把自己的百度Mac模板拿出来对比了。

首先得把新主题一个不太明显的功能拎出来示众一下，如下图左端红色部分所示：
image
这里其实是一个 Previous Post 的跳转链接，相应的右端也有一道浅灰的区域，则是 Next Post 的跳转链接。因为设计时没有并考虑到这两个很必要的链接，在 Coding 的时候临时添加了这么个效果，但为了不至于影响文章标题喧宾夺主，做得比较低调可能容易被忽略，而 Sandbox 代码又不太好改动，所以连个提示都没办法加，只能希望鼠标翻转事件能够引导用户去点击了。

为了加快载入速度便于阅读，我把那些 Web 2.0 网站的应用都集中到首页了，内容页面中的 Sidebar 只保留了很简单的基本功能，另外放上了一个有趣的 Widget WOWZIO ，可以让你看到网站上的其他用户都在干嘛——虽然在罕有人迹的本站它可能一天也就动那么一两下，不过要是有一天俺成名了它就会像锯木厂工作台上的木屑一样飞迸啊。然而首页其实还有问题的，因为很多东西都转移过来这边，所以在拥挤的布局里我仅显示了最新的一篇文章。这样用户想继续阅读的时候就比较麻烦了，因为在附近范围内没有链接引导他们打开其他文章或者存档页列表。他们只能通过最顶部的导航来选择，这无疑是非常糟糕的体验啊。所以我还在考虑要不要在 Twitter 列表上面插入一个 Recent Posts 列表。

在改造的过程中也尝试了很多新的 Wordpress 插件，下面就推荐几个我觉得不错并且最后保留下来的吧：

1） Dynamic Content Gallery：就是首页上边那个 Slideshow 效果，看起来还不错吧？其实最早找到的是 Featured Content Gallery，这两个插件都是基于同一个JS框架开发的，效果非常类似，不过 FCG 弄了很久，始终停留在加载那一步就不能播放了，最后无奈放弃另选了 DCG。不过 FCG 有一个优点是可以任意指定一个2至10之间的图片数，而 DCG 则固定加载5张。另外 FCG 只能加载一个指定分类，DCG 在这方面则自由很多。

2） Quoter：咳，对于俺的博客来讲这还是一个稍显奢侈的插件吧？效果如图所示：
image
你只要点击 Quote 就可以引用谁谁谁的发言了，这在那些引起热烈讨论的大人气话题里面还是相当管用的，否则在一大串的回复列表中你就可能陷于无的放矢无人理会的尴尬境地了。不过在评论数通常为零的本站，咳，不说也罢，人生真是很悲哀啊。

3） MobilePress：这是一个针对移动设备的插件，对于普通用户完全没有影响。不过在俺这个经常在地铁上上网的黑莓用户看来，它还是相当相当棒的。
20081211010307
追加了黑莓上面 Opera Mini 的两张截图。和原貌呈现的 Winging 同学博客对比一下，还是各有千秋的吧？然则对于某些布局复杂的网站来说，用 MobilePress 优化一下输出可读性还是会强很多的。

以上总结完毕，最后感谢大家的支持，希望自己今后也能努力一点：）

相关日志

]]> http://kaero.org/2008/12/summary-for-theme-building/feed/ 6 超酷的 Wordpress 主题 http://kaero.org/2008/04/a-cool-wordpress-theme/ http://kaero.org/2008/04/a-cool-wordpress-theme/#comments Mon, 14 Apr 2008 15:11:25 +0000 Kaero http://kaero.org/2008/04/14/%e8%b6%85%e9%85%b7%e7%9a%84-wordpress-%e4%b8%bb%e9%a2%98/ http://themes.wordpress.net/columns/1-column/1630/cli-20/

http://themes.wordpress.net/columns/1-column/1418/cli-10/

我觉得没办法用截图或者文字来表达这款主题有多么酷，你必须亲身体验才行。真的，太酷了！

BTW，官方的 Wordpress Theme Viewer 现在又能正常 Test Run 了，这个……难道是俺昨天的抱怨有了反应？

相关日志

]]> http://kaero.org/2008/04/a-cool-wordpress-theme/feed/ 0 Wordpress 主题资源 http://kaero.org/2008/04/wordpress-theme-resources/ http://kaero.org/2008/04/wordpress-theme-resources/#comments Sun, 13 Apr 2008 14:44:05 +0000 Kaero http://kaero.org/2008/04/13/wordpress-%e4%b8%bb%e9%a2%98%e8%b5%84%e6%ba%90/ 官方的 Wordpress Theme Viewer。不过不知道是否为我自己的原因，Test Run 的时候都只能看到默认模板。另外搜索功能似乎也不是很管用，反正我每次搜索 1 Column 总不能出来相符的结果-_-

Wordpress Themes，资源众多，不过难免良莠不齐，想在里面找出一款中意的主题还真得花一番功夫。

WordPress主题中文站，更新不是非常快，里面的主题水准都不错，不过大多是比较符合国人审美的那种类型。

http://www.wpdesigner.com/

最后重点推荐来自SMASHING Magazine推荐的几个系列，这几个系列里面应该很容易找出你喜欢的，而且顺藤摸瓜也总能找出一些更好的：

image

相关日志

]]> http://kaero.org/2008/04/wordpress-theme-resources/feed/ 0 在本地搭建的 WordPress http://kaero.org/2006/11/wordpress-based-on-location/ http://kaero.org/2006/11/wordpress-based-on-location/#comments Tue, 21 Nov 2006 02:31:02 +0000 Kaero http://kaero.org/2006/11/21/%e5%9c%a8%e6%9c%ac%e5%9c%b0%e6%90%ad%e5%bb%ba%e7%9a%84-wordpress/ 捣鼓了好半天，终于把 WordPress 搭建起来了。因为这个空间没有提供 MySQL 的数据库，所以也只能在本地看了。我用了花生壳，这样你可以通过这个域名来访问它：http://aeroom.vicp.net/wordpress/，不过问题是我一关机你就不能访问……

皮肤暂时用的是 UtomBox 下载的 4u 海明威中文版，在这里表示感谢谢。不过自己的皮肤也在构想中，而且已经有了一定的思路，嘿嘿。

另外有一个关于 PHP + MySQL 的奇怪问题，就是在 PHP 和 MySQL 都各自安装好，并且测试无误之后，PHP 里面尝试连接 MySQL 会报错。在网上搜索，结果是这样子解决的：除了系统目录中的 php.ini 文件要配置好以外，另外再复制一份到 php 的安装目录。非常诡异……之前安装 PHP 时参考的各种资料里面也没有提到这么回事，但是就这样解决了。

相关日志

]]> http://kaero.org/2006/11/wordpress-based-on-location/feed/ 0