網生@誌 | zEUS.'Blog » cms http://zeuscn.net Not Only Wordpress Template, But Also My Life... Tue, 03 Jan 2012 13:20:32 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 给博客首页增加了一个 Ajax 效果 http://zeuscn.net/archives/2009/11/08/ajax-load-for-dztheme-pro.html http://zeuscn.net/archives/2009/11/08/ajax-load-for-dztheme-pro.html#comments Sun, 08 Nov 2009 06:43:39 +0000 zEUS. http://zeuscn.net/?p=713 这是一个利用 Ajax 载入页面的特效，在博客首页的文章栏顶部我增加了5个标签按钮，除了第一个“最新文章”外，其余4个分别指向4个分类——“ 研究”、“ 主题”、“ 插件”和“My Life”，点击相应的按钮后，首页文章栏就会在不刷新页面的情况下输出该分类下的文章列表。

这个效果的好处就不用说了，它利用有限的网页空间输出了更多的内容，而且这不是简单的类似侧栏顶部的 TAB 栏切换。侧栏的顶部的 TAB 栏实际上是一次性输出了4个栏目，但是只显示其中一个栏目，其余3个被 display:none 。而这个 Ajax 效果是在点击了标签栏之后才载入页面，也就是说在读者不需要的情况下，页面不会一次载入过多的内容，从而提高了页面载入速度。

这种效果在 WordPress 的 主题里并不是很常见，但是一旦加入了这种效果，想必一定能给主题添色不少～ 于是我花了2天的时间终于把这个特效搞定了… 这里要特别感谢下 Jinwen 的一篇指导性的文章！具体的原理和添加方法这里我就暂不作介绍了，有兴趣的朋友可以直接去 Jinwen 那边看介绍。

这个基于 Ajax 的 特效加入到 D&Z Pro CP 主题之后很好的解决了展示“分类内容”不足的缺陷，我也会把这个效果正式加入到该主题中，并连同一些其它内容的升级于本月底免费发放给 D&Z Theme Pro CP 付费主题用户们。

基于 Ajax 的 jQuery 页面载入

基于 Ajax 的 jQuery 页面载入

另外在 Which is The Next Theme ? 一文中发起了一个投票，最终 魔兽风格的主题“后程发力”，超过了之前一直排列榜首的 Blue-s ：
{democracy:9}
那么本月我也会把主题制作的中心放在 WLK 这款主题上了，希望能在本月底之前发布这款免费主题 :-)

WLK 魔兽风格主题

WLK 魔兽风格主题

zEUS.

日志评论

本文地址：http://zeuscn.net/archives/2009/11/08/ajax-load-for-dztheme-pro.html，转载原创文章请注明 zEUScn.NET ‖ 您可以直接 发布评论

Copyright©zEUScn.NET.Some rights reserved.

(Digital Fingerprint:
05538bd2e0492fe803256b5788cfa6fd) ]]> http://zeuscn.net/archives/2009/11/08/ajax-load-for-dztheme-pro.html/feed 26 Which is The Next Theme ? http://zeuscn.net/archives/2009/10/29/which-is-the-next-theme.html http://zeuscn.net/archives/2009/10/29/which-is-the-next-theme.html#comments Thu, 29 Oct 2009 03:35:30 +0000 zEUS. http://zeuscn.net/?p=624 前日简单和 Timer 聊了下，我们在今后合力推出付费主题的分工和分成问题上基本达成一致，我相信咱俩以后肯定能继续推出更酷更强大的 付费主题。不过在此之前我个人会争取在11月底推出一款免费的 主题，想想我已经有1年多的时间没有发布免费主题了，再不做一两款免费主题实在是说不过去，毕竟在 的世界里，免费才是王道。另外，用优秀的免费主题积攒人气然后再发布付费主题也不失为一种营销手段 :-P

计划中这次发布的免费主题是四选一，其中两款是完成度超过50%的主题，一款是由 Timer 设计的博客风格主题，最后一款是曾经的某个老主题的升级版。至于到底该制作哪一款，现在还没想好，所以就先在这里作个调查 :-)

Blue-s 和 主题：
Blue-s 是 Timer 设计的一款 主题，其实在几个月前我就曾经线上测试过无图片纯 的版本，这是完成度最高的一款主题，我接下来要做的就是加入背景图片和调试工作，不排除会再继续加入一些新的特效和输出方式。相对来说 Blue-s 的工作量是最小的可能做起来最快。以下是它“简陋”的截图效果：

Blue-s CMS 风格主题

Blue-s CMS 风格主题

WLK 其实就是魔兽世界第二个资料片“Wrath of the Lich King”的简称，这是一款模仿魔兽世界官方网站的主题，所以效果就不用说了，只是在某些设计上还没想好如何转换成 WordPress 的功能，这款主题在数月前基本上就完成了首页的制作，接下来需要制作内页，虽然有一定的工作量，但是制作思路在脑子里已经存放了很久了，所以做起来应该很快。下面是我从未放出过的首页截图，这次让大家一睹为快：

WLK 魔兽风格主题

WLK 魔兽风格主题

是一款 Timer 一年多以前的设计，由于我个人这样那样的原因导致这款主题一直都还没开工… 虽然是一个没开工的主题，但是 Lapis 是相对最简单的一款主题，标准的博客设计，没有眼花缭乱的设计和复杂的排版，所以制作起来也是相对最容易的：

Lapis 标准博客风格主题

Lapis 标准博客风格主题

Ultra Reborn 想必不少朋友都还记得 Ipple Ultra 这款我模范苹果官网风格的 CMS 主题，这款主题算的上是我最成功的主题了，说他成功并不是说它制作得最好，它和 D&Z Theme Pro CP 比起来简直就是小巫见大巫，但是 Ipple Ultra 在当年国人制作 WordPress 主题风潮早期阶段为我打下了非常坚实的基础，也为我营造了良好的口碑，打响了一定的知名度，使得我之后推出的主题也都备受不少 WordPress 中文用户的关注，当然了，也帮助我结识了不少朋友 :-) 如今我的制作水品相比一年半以前已经有了不小的提升，所以打算重新打造这款“经典”主题，加入时下流行的 并完善主题代码，优化 CSS 和 等等。即使11月份没有选择重制这款主题，但它也会是我今后的制作重点！

Ipple Ultra Reborn

Ipple Ultra Reborn

四款或将发布的免费主题介绍完毕，现在就是想知道 WordPress 用户们对这四款主题中的哪一款最感兴趣，我也好根据“客观”和“主观”的情况来决定11月份的主攻方向～
{democracy:9}

zEUS.

日志评论

本文地址：http://zeuscn.net/archives/2009/10/29/which-is-the-next-theme.html，转载原创文章请注明 zEUScn.NET ‖ 您可以直接 发布评论

Copyright©zEUScn.NET.Some rights reserved.

(Digital Fingerprint:
05538bd2e0492fe803256b5788cfa6fd) ]]> http://zeuscn.net/archives/2009/10/29/which-is-the-next-theme.html/feed 45 D&Z Theme Pro CP 版正式（付费）发布 http://zeuscn.net/archives/2009/06/19/dz-theme-pro-cp-released.html http://zeuscn.net/archives/2009/06/19/dz-theme-pro-cp-released.html#comments Fri, 19 Jun 2009 14:38:43 +0000 zEUS. http://zeuscn.net/?p=592 主题名称: D&Z Pro (Control Pannel)

主题描述: 一款引入杂志元素的博客模板，基于免费主题 进行二次开发而来，在此基础上丰富了页面设计，细节处理更加出色，并附带强大的后台设置，让您完全脱离代码即可玩转主题。主题原设计来自 Timer ，由 zEUS. 修改制作。

2009-11-23 Update：

1、文章版权说明：在单篇文章末尾加上“转载请注明出处等文字和单击即可选择文章链接的文本框”；
2、模板首页文章栏加入 ajax 切换的效果，以显示更多内容（使用说明在论坛公布）；
3、lightbox 特效兼容 WP 自带的图片和相册功能（博客中已经介绍，现在已经直接集成）；
4、额外增加几个“文章归档”、“文章分类”、“点击量最高的文章”、“随机友链”等 小工具，好让他们可以同时显示在首页和文章页；
5、最新留言截断乱码的问题；
6、单篇文章增加字体放大缩小的功能；
7、修正导航栏和分类目录的排序问题。

主题功能:

  • 支持侧边栏 Widget（小工具）设置，首页和内页为两种不同的侧边栏，可以分别设置 Widget（小工具）；
  • 首页采用 排版，首页的 Flash 幻灯片和文章左侧的分类图片可以在后台轻松设置；
  • 首页的文章自动输出固定长度的摘要，无需再担心首页的排版问题；
  • 模板采用诸多 特效，页面平滑滚动、TAB 栏渐变切换、无需额外插件整合 lightbox 图片特效；
  • 代码引用合理，lightbox 图片特效特效适用于单篇日志页和页面页，所以模板的首页不会加载其代码，其余特效的 代码集成在一个文件内，这样就减少了浏览器请求的次数，从一定程度上提高了页面载入的速度；
  • 内置 原生的评论嵌套回复和评论分页功能；
  • 自带评论 Gravatar 头像；
  • 自带文章评论和反向链接分离；
  • 自带作者评论特殊背景色；
  • 附带友情链接页面模板；
  • 提供随机日志、热评日志、随机友链等小工具（Widget）模块；
  • 集成文章翻页的功能（无需再使用 WP-Pagenavi 插件）；
  • 优化，后台可以设置博客的关键词和描述，自动为单篇日志/页面添加文章标签作为关键词，自动截取文章摘要作为单篇文章/页面的描述。分类描述自动加载为分类页的描述（基本可以抛弃 All in one SEO 插件）；
  • 自定义导航栏链接，模板后台可以方便的设置输出在导航栏上的链接（支持到 WordPress 2.8.1）；
  • 首页嵌入 消息，只需在后台设置您的 Twitter 帐号和输出消息的条数即可；
  • 后台可以自定义模板侧栏的 Tab 栏内容；
  • 集成 Google ，只需要在后台设置您的发布商代码即可；
  • 网站备案号设置，您只需要在后台添加备案号码即可，无需再更改 footer 文件；
  • 模板通过 W3C 验证，兼容国内主流 3.0 IE6 IE7 等浏览器

版本号: 2.09.06.19

使用窍门：

  • 调用 Lightbox 特效时需要在图片链接代码中加入 rel=”lightbox” 例如： 
    <a rel="lightbox" href="http://pic.yupoo.com/zeuscn/2122679da7af/w2abszqt.jpg"><img class="img_border" src="http://pic.yupoo.com/zeuscn/2122679da7af/medium.jpg" alt="擎天柱 天火 合体图" /></a>
  • 给文章中的图片加上 class=”img_border” 可以使图片外有个画框，见上例中的代码。

首页/后台截图（点击放大）：

D&Z-Theme-Pro-Options dzp_cp_index dzp_cp_single
dzp_cp_archive dzp_cp_search

售后服务：
终生提供技术支持，但不包括页面样式外观的修改和调整。

主题售价：
人民币 88 元
D&Z Theme Pro 老用户（这里指的是 Pro 用户，而非使用免费的 D&Z Theme 用户）升级费用：人民币 20 元

购买方式：
淘宝：http://item.taobao.com/auction/item_detail-0db1-cc7ba2dc750381adba6337f35c6124b2.jhtml

联系方式：
EMAIL//旺旺：zeus0517@gmail.com
：178618671 / 24811820

注意：在未经授权的情况下，本主题不允许任何形式的倒卖。

zEUS.

日志评论

本文地址：http://zeuscn.net/archives/2009/06/19/dz-theme-pro-cp-released.html，转载原创文章请注明 zEUScn.NET ‖ 您可以直接 发布评论

Copyright©zEUScn.NET.Some rights reserved.

(Digital Fingerprint:
05538bd2e0492fe803256b5788cfa6fd) ]]> http://zeuscn.net/archives/2009/06/19/dz-theme-pro-cp-released.html/feed 129 WordPress 较常用的首页文章 CMS 排版方法 http://zeuscn.net/archives/2008/09/11/wordpress-cms-index.html http://zeuscn.net/archives/2008/09/11/wordpress-cms-index.html#comments Thu, 11 Sep 2008 14:41:23 +0000 zEUS. http://zeuscn.net/?p=486 D&Z 首页一直在改版进行中，为的是推出 Pro 版本。在第一次改版时我在文章栏的上部添加了一个额外的内容模块——一个 Flash 展示窗和最新的一篇日志，下面的文章栏就依次显示除了第一篇日志外的其他日志，首页显示的总日志数还是可以在 后台设置-阅读里进行设置。这种类 的排版的方法网上有不少介绍，我也是从 Sofish 的一篇日志里学来的，虽然他介绍了方法，但我却还是尝试了很久才成功，原因是他的介绍过于简单，在这里我就做一些代码的补充。

wordpress

结合现在的 D&Z Theme 首页效果，代码和注释依次参考下文：

  1. 定义首页的第一篇文章，showposts=1 则是只显示最新的一篇文章（使用 函数来进行定义） 
    1
2
3

    <?php $my_query = new WP_Query('showposts=1');
while ($my_query->have_posts()) : $my_query->the_post();
$do_not_duplicate = $post->ID; ?>

  2. 第一篇文章的标题及内容（使用 和默认的 WordPress 标签来输出文章） 
    1
2
3
4
5
6

    <div class="title">
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(''); ?></a></h2>
<div class="postinfo">分类: <?php the_category(' , ') ?> | <?php comments_popup_link('无人沙发', '1 条评论', '% 条评论'); ?> </div>
</div>
<div class="entry"><?php the_content('继续阅读 &raquo;'); ?></div>
<?php endwhile; ?>

  3. 调用第一篇文章结束，接下来可以放 AD 或者其它一些内容

  4. 然后首页调用后续文章部分（依然是使用 PHP 函数来进行定义）

    1
2

    <?php if (have_posts()) : while (have_posts()) : the_post();
if( $post->ID == $do_not_duplicate ) continue; update_post_caches($posts); ?>

  5. 后续文章的标题及内容（还是使用 CSS 和默认的 WordPress 标签来输出文章） 
    1
2
3
4
5
6

    <div class="title">
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(''); ?></a></h2>
<div class="postinfo">分类: <?php the_category(' , ') ?> | <?php comments_popup_link('无人沙发', '1 条评论', '% 条评论'); ?></div>
</div>
<div class="entry"><?php the_content('继续阅读 &raquo;'); ?></div>
<?php endwhile; endif; ?>

    如果你在后台设置了首页显示5篇文章，那么以上将显示除第一篇外的其余4篇

按照上述代码就能实现这种类CMS的排版方式，此时你可以向上图一样在第一篇文章的旁边放上一段 Flash 或者图片，你还可以修改后续文章的输出方式，使用

<?php the_excerpt(); ?>

代替

<?php the_content('继续阅读 &raquo;'); ?>

而让后续文章输出摘要而非全文，甚至你可以把它们都去掉只输出 H2 标签内的文章标题，再运用一些 CSS 手段让其显示得更加美观，等等等等，就要看大家的 CSS 技巧和想象力了。

这也算是一个 WordPress 的进阶使用方法，还是需要有一定 PHP HTML/CSS 基础，新手请慎用…

zEUS.

日志评论

本文地址：http://zeuscn.net/archives/2008/09/11/wordpress-cms-index.html，转载原创文章请注明 zEUScn.NET ‖ 您可以直接 发布评论

Copyright©zEUScn.NET.Some rights reserved.

(Digital Fingerprint:
05538bd2e0492fe803256b5788cfa6fd) ]]> http://zeuscn.net/archives/2008/09/11/wordpress-cms-index.html/feed 108