網生@誌 | zEUS.'Blog » jquery 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 Ipple Lite V2 即将发布 http://zeuscn.net/archives/2010/02/03/ipple-lite-v2-will-release.html http://zeuscn.net/archives/2010/02/03/ipple-lite-v2-will-release.html#comments Wed, 03 Feb 2010 10:11:41 +0000 zEUS. http://zeuscn.net/?p=758 Lite 是我早期制作一块 模板，同系列的还有一款 Ipple Ultra。在2008年，这2块模板给我带来了相当大的人气，也让我结交了很多玩 的朋友。去年年底我就有打算“复刻” Ipple Lite，不过当时的投票中并没有包含这款主题，本根据投票结果是先制作 和 Blue-s 这2款主题，不过由于年底收货过多“杯具”，再加上新作中缺乏创作灵感，而且最近半年都没有免费的新作面世，所以我决定优先制作一款周期短，受众面广的免费主题，于是重制 Ipple Lite 便成了最佳的选择。

断断续续前后花了大概2周的时间终于把升级版的 Ipple Lite 制作好了，新版和旧版之间的差别还是蛮大的，时隔2年再看自己过去的作品，发现代码方面有不少不成熟的写法，新版本基本只是保留了 DIV 的大框架， 几乎重写了90%，整站的代码都进行了优化，并且加入时下流行的几种 效果。而且这是我第一次在主题中运用到“黄金分割”：新版的 Ipple Lite 主栏和侧栏的比例就是黄金分割的比例。
ipplelitev1 ipple lite v2

可以从截图中看到新版的变化还是颇大的，在线 DEMO 测试链接：
http://demo.zeuscn.net/index.php?wptheme=Ipple+Lite+V2

另外，我已将 Ipple Lite V2 提交给了 WordPress Free Directory ，这也是我第一次将作品提交给官方，不得不说的是 WordPress 官方对主题模板的要求真是超级严格！审核需要一段时间，也不知道是否能通过，权当学习和体验过程了。

Ipple Lite V2 的详细信息等模板发布之日再介绍了～

zEUS.

日志评论

本文地址：http://zeuscn.net/archives/2010/02/03/ipple-lite-v2-will-release.html，转载原创文章请注明 zEUScn.NET ‖ 您可以直接 发布评论

Copyright©zEUScn.NET.Some rights reserved.

(Digital Fingerprint:
05538bd2e0492fe803256b5788cfa6fd) ]]> http://zeuscn.net/archives/2010/02/03/ipple-lite-v2-will-release.html/feed 133 给博客首页增加了一个 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 无插件实现 WordPress Lightbox 特效 http://zeuscn.net/archives/2009/11/01/lightbox-for-wordpress-without-plugins-2.html http://zeuscn.net/archives/2009/11/01/lightbox-for-wordpress-without-plugins-2.html#comments Sat, 31 Oct 2009 16:14:42 +0000 zEUS. http://zeuscn.net/?p=658 上一篇日志介绍了让 WordPress 原生相册功能实现基于 jQuery 的 lightbox 特效，技巧是利用了 lightbox 的一个调用方法，依照同样的方法我们也可以让 原生的图片功能也能获得 lightbox 特效，也就是说在文章中插入一张图片的情况下也能实现点击放大浏览这种特效。

其原理也很简单，我们在直接利用 WordPress 文章编辑后台插入“上传、相册或媒体里已经存在的图片”：

WP 文章编辑插入图片

WP 文章编辑插入图片

之后程序会自动在前台页面代码中插入一个叫做 “wp-caption” 的 class

自动生成 wp-caption

自动生成 wp-caption 这个class

那么和上一篇方法一样，先去官方网站下载一套 的 lightbox plugin ，解压压缩包之后分别在 js 目录和 目录下找到如下3个文件：
jquery.js
jquery.lightbox-0.5.min.js
jquery.lightbox-0.5.css
将以上三个文件通过 FTP 上传到你所使用的 wordpress 主题目录下，然后在 <head></head> 标签内插入以下代码即可：

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/jquery.js"></script>
<?php if (is_single() or is_page()) { ?>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/jquery.lightbox-0.5.min.js"></script>
<script type="text/css" src="<?php bloginfo('template_directory'); ?>/jquery.lightbox-0.5.css"></script>
<script type="text/javascript">
$(function() {
     $('.gallery a').lightBox(); //给原生相册功能加入 lightbox 特效
     $('.wp-caption a').lightBox(); //给原生图片功能加入 lightbox 特效
});
</script>
<?php } ?>

当然了，由于其中加入了判断，这个效果也只会出现在“文章页”和“页面页”。以上是主题在不支持 jQuery 的时候所添加的代码，如果主题已经加载了 jQuery 库，则需要酌情增加相关的代码了。

总结一下，基于 jQuery 的 lightbox ，我们无需任何其它 WordPress 的插件，就可以让 WordPress 原生的图片功能和相册功能都具有 lightbox 图片点击放大的特效。而且这个是基于 jQuery 库的一种扩展，因而我们可以在主题里方便的同时应用多种 jQuery 特效～ 比如 D&Z Theme Pro CP 主题侧栏 TAB 栏的切换效果、整站的锚点滚动和文章栏侧栏“MyConverse – 每个人都应该有一双匡威”栏目下的图片效果。

最后上几张实例展示：

擎天柱 CG 图

擎天柱 CG 图

机器狗 CG 图

机器狗 CG 图

红蜘蛛 CG 图

红蜘蛛 CG 图

大力神 CG 图

大力神 CG 图


YUPOO ID : ff8001e3-9f0b-4487-8c02-d9e45f8d1045

zEUS.

日志评论

本文地址：http://zeuscn.net/archives/2009/11/01/lightbox-for-wordpress-without-plugins-2.html，转载原创文章请注明 zEUScn.NET ‖ 您可以直接 发布评论

Copyright©zEUScn.NET.Some rights reserved.

(Digital Fingerprint:
05538bd2e0492fe803256b5788cfa6fd) ]]> http://zeuscn.net/archives/2009/11/01/lightbox-for-wordpress-without-plugins-2.html/feed 89 无插件让 WordPress 原生相册支持 lightbox http://zeuscn.net/archives/2009/10/31/lightbox-for-wordpress-without-plugins.html http://zeuscn.net/archives/2009/10/31/lightbox-for-wordpress-without-plugins.html#comments Sat, 31 Oct 2009 03:58:30 +0000 zEUS. http://zeuscn.net/?p=644 不提倡使用过多的 插件，因为很多插件都会在 head 标签内增加大量的 JS，无疑这会影响到页面载入的速度，因而我就想能整合到主题里的效果尽量整合进来“统一管理”，这样自己也好让 JS 出现在它们需要的地方，避免不必要的加载。这里简单介绍一下给主题加入 的 lightbox 特效后如何让它能够支持 原生的图片相册功能。

我在上一篇日志里第一次使用了 WordPress 原生相册功能，给我感觉挺不错的——方便快捷，但是它的图片链接会重新打开图片，这着实不是很爽。另外，由于 D&Z Theme Pro CP 主题已经内嵌了 jQuery 的 lightbox 特效，于是我就想能否将两者结合起来，不试不知道，一试还真成功了 :-D 而且还只是仅仅只是在 header.php 中加入了一句代码：

$('.gallery a').lightBox();

Pro CP 的用户只需在 header.php 文件中搜索一下“lightbox”这个关键词，然后将上面那句代码添加成如下形式即可：

$(function() {
    $('a[@rel*=lightbox]').lightBox(); // Select all links that contains lightbox in the attribute rel
    $('.gallery a').lightBox();
});

这里简单解释一下：
jQuery lightbox 的官方介绍（http://leandrovieira.com/projects/jquery/lightbox/）中可以得知调用 lightbox 特效的方法有如下几种：

$(function() {
	// Use this example, or...
	$('a[@rel*=lightbox]').lightBox(); // Select all links that contains lightbox in the attribute rel
	// This, or...
	$('#gallery a').lightBox(); // Select all links in object with gallery ID
	// This, or...
	$('a.lightbox').lightBox(); // Select all links with lightbox class
	// This, or...
	$('a').lightBox(); // Select all links in the page
	// ... The possibility are many. Use your creative or choose one in the examples above
});

当我们在 WordPress 中插入原生相册的时候，系统会自动在调用相册的源代码中加入 gallery 这个 class：
自动添加 gallery class

然后我根据 lightbox 的调用方法，将其中的

$('#gallery a').lightBox(); // 凡是带有 gallery ID 的对象都会启用 lightbox 特效

改为了

$('.gallery a').lightBox();// 凡是带有 gallery Class 的对象都会启用 lightbox 特效

即可，相当 Easy 吧～ 这样 D&Z Theme Pro CP 主题就能良好的支持 WordPress 原生相册的功能了！

那么在一个不支持 lightbox 的 wordpress 主题里我们要如何做呢？
先去官方网站下载一套 jQuery 的 lightbox plugin ，解压压缩包之后分别在 js 目录和 目录下找到如下3个文件：
jquery.js
jquery.lightbox-0.5.min.js
jquery.lightbox-0.5.css
将以上三个文件通过 FTP 上传到你所使用的 wordpress 主题目录下
打开主题的 header.php ，将如下代码加入到 <head></head> 标签内：

<script src="<?php bloginfo('template_directory'); ?>/jquery.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_directory'); ?>/jquery.lightbox-0.5.min.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_directory'); ?>/jquery.lightbox-0.5.css" type="text/css"></script>

然后再加入上文介绍的：

<script type="text/javascript">
$('#gallery a').lightBox();
$('.gallery a').lightBox();
</script>

就大功告成了～ 但是一般来说我们只会在文章页或者页面页调用相册功能，所以我们可以使用一个判断语句让它们只在这两类页面中加载：

<?php if (is_single() or is_archive or is_page()) { ?>
    <script src="<?php bloginfo('template_directory'); ?>/jquery.js" type="text/javascript"></script>
    <script src="<?php bloginfo('template_directory'); ?>/jquery.lightbox-0.5.min.js" type="text/javascript"></script>
    <script src="<?php bloginfo('template_directory'); ?>/jquery.lightbox-0.5.css" type="text/css"></script>
    <script type="text/javascript">
    $('#gallery a').lightBox();
    $('.gallery a').lightBox();
    </script>
<?php } ?>

That’s all~
使用以上方法我相信原生的 WordPress 相册就能满足大部分用户的需求了，用它来代替功能强大但略显臃肿的 NextGEN Gallery 相册插件基本没啥问题～

看过以上介绍还不赶紧给自己的主题加上这么酷的效果？
005 003 006 009 007 004

zEUS.

日志评论

本文地址：http://zeuscn.net/archives/2009/10/31/lightbox-for-wordpress-without-plugins.html，转载原创文章请注明 zEUScn.NET ‖ 您可以直接 发布评论

Copyright©zEUScn.NET.Some rights reserved.

(Digital Fingerprint:
05538bd2e0492fe803256b5788cfa6fd) ]]> http://zeuscn.net/archives/2009/10/31/lightbox-for-wordpress-without-plugins.html/feed 12 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 Green CP 版发布 http://zeuscn.net/archives/2009/10/27/dz-theme-pro-cp-green-released.html http://zeuscn.net/archives/2009/10/27/dz-theme-pro-cp-green-released.html#comments Mon, 26 Oct 2009 16:04:15 +0000 zEUS. http://zeuscn.net/?p=618 主题名称: Pro Green (Control Pannel)

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

注:本主题的前身实为 D&Z Theme Pro CP：http://zeuscn.net/archives/2009/06/19/dz-theme-pro-cp-released.html 两者除了配色不同外功能上90%以上都相同，在这里先指明不同之处：

  • 去掉了 Google 设置，由于该功能并不大众化，并不是所有用户都需要投放 Google ，故而删除。
  • 保留文章页的文章顶部的广告位，该广告位前身为 Google Adsense，如今改为图片链接的广告形式，该广告位可以方便的在主题后台进行设置。
  • 去掉导航栏“分类目录”悬浮菜单，取而代之的是直接在主题后台设置页面链接。

主题功能:

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

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

dzpg_index dzpg_single
dzpg_archive dzpg_search

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

主题售价：
人民币 88 元
http://item.taobao.com/auction/item_detail.jhtml?item_id=b6f82b53f4168abee1799e2d2276784e&x_id=0db1

打包出售：
D&Z Theme Pro CP 原版主题+绿色版主题=人民币 99 元
http://item.taobao.com/auction/item_detail-0db1-47a19a11b1ca7e385b9ffefaa8d5bbad.htm

曾经购买过 D&Z Theme Pro CP 的用户获取绿色版主题仅需：人民币 11 元（以支付宝交易记录为准）
http://item.taobao.com/auction/item_detail-0db1-5859e1e01b95a02c1777f20d8f78feff.htm
另外，有言在先，凡是在2009年8月1日之前购买 D&Z Theme Pro CP 的朋友凭借支付宝的交易记录可以通过邮件或者QQ免费向我索取绿色版的主题 :-)

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

zEUS.

日志评论

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

Copyright©zEUScn.NET.Some rights reserved.

(Digital Fingerprint:
05538bd2e0492fe803256b5788cfa6fd) ]]> http://zeuscn.net/archives/2009/10/27/dz-theme-pro-cp-green-released.html/feed 10 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 主题名称: Pro (Control Pannel)

主题描述: 一款引入杂志元素的博客模板，基于免费主题 D&Z 进行二次开发而来，在此基础上丰富了页面设计，细节处理更加出色，并附带强大的后台设置，让您完全脱离代码即可玩转主题。主题原设计来自 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 130 关于 D&Z Theme 的升级公告 http://zeuscn.net/archives/2008/12/21/affiche-of-dz-theme.html http://zeuscn.net/archives/2008/12/21/affiche-of-dz-theme.html#comments Sat, 20 Dec 2008 16:10:22 +0000 zEUS. http://zeuscn.net/?p=543 预计于今明2日发布 D&Z 针对 2.7 的升级版本又要跳票了…

从 WordPress Thread Comments 和 WordPress Paged Comments 插件平滑过渡到 WordPress 2.7 提供的原生评论嵌套分页的困难程度超出了我的预期，我还需要更多的时间去学习 wp_list_comments(‘arguments’) 这个在 2.7 中加入的和留言系统有关的新函数。为了让主题用户们在使用主题上不造成额外的困扰，所以针对这个问题我需要花更多的时间来找出一个完美的解决方案。

不过10月份发布的 D&Z Theme 升级版可以正常的在 WordPress 2.7 下运行，只是不支持原生评论嵌套分页功能而已，倘若使用者继续使用 WordPress Thread Comments 和 WordPress Paged Comments 插件的话，大家可以放心的将 WordPress 升级到最新的 2.7 版本（我自己已经在本地做过测试，没有任何问题），如果万一升级后出现了什么问题，可以直接通过 或 Email: zeus0517@gmail.com 向我反馈，我会在第一时间内作出回应。

这次针对 WordPress 2.7 的升级，除了原生评论嵌套分页外，还有以下几项改动：

  • 对主题模板的默认字体样式和字体大小会进行一定的调整，毕竟不少用户的电脑里没有安装“微软雅黑”的字体。
  • 我将去掉页面底部默认的“分页导航”的功能，现有的分页代码并没有很好的工作，取而代之的是主题将默认对 WP Pagenavi 这款知名翻页插件提供样式上的支持。
  • 还有一个比较大的变动是右侧栏顶部的 TAB 栏——TAB 栏之间的切换将加入 的淡入淡出效果。
  • 还有一些微小的样式调整。

这次升级看起来变动不大，但工作量还是不小的，为此我还推掉了一份付费的“业务”（当然了，原因也不仅仅是因为这个 :roll: ），我只希望能让自己的主题尽快跟 WordPress 2.7 做个“了断”！

在对 D&Z Theme 升级完成后，我将对 D&Z Theme Pro 也进行相关的升级，所有已购买该主题的朋友可以免费索取升级版。我也希望这项“工作”能在下周内完成。

除此外，我很有可能在下周内放出一款全新免费主题的测试版——也是我的第二块和《》有关的 WordPress ！暂命名为 (Wrath of the Lich King) Theme ，我是本着“没有最酷，只有更酷”的理念来制作这款主题的，希望大家能够满意～ 也希望届时朋友们能帮忙对这款主题进行测试和反馈宝贵的建议 :mrgreen: 这里我先卖个关子，就不透露更多信息了 :razz:

WLK

zEUS.

日志评论

本文地址：http://zeuscn.net/archives/2008/12/21/affiche-of-dz-theme.html，转载原创文章请注明 zEUScn.NET ‖ 您可以直接 发布评论

Copyright©zEUScn.NET.Some rights reserved.

(Digital Fingerprint:
05538bd2e0492fe803256b5788cfa6fd) ]]> http://zeuscn.net/archives/2008/12/21/affiche-of-dz-theme.html/feed 38 锚点冲突，导致博客评论分页失效 http://zeuscn.net/archives/2008/11/26/html-a.html http://zeuscn.net/archives/2008/11/26/html-a.html#comments Wed, 26 Nov 2008 07:33:25 +0000 zEUS. http://zeuscn.net/?p=533

HTML 中的链接，正确的说法应该称作“锚点”。它不仅让我们能指向文档，还能指向页面里的特定段落，更能当作“精准链接”的便利工具。

我们在编辑 HTML 页面时最常见的锚点有两种

1

<a href=""></a>

和

1

<a name=""></a>

前者用于链接，后者用于定位。

链接就不多说了，关于定位，我们用的最多的一个例子就是“返回顶部”：
一般我们在页面的顶部，例如 body 标签的下面加入一个锚点

1
2

<body>
<a name="top"></a>

然后在页脚的代码里面再加上

1

<a href="#top">返回页顶</a>

这样我们点击页脚里的“返回页顶”，那么整个页面就会直接从页脚跳到页面顶部。

感谢 Carrie 和 Jinwen 发现并告之本站的评论分页失效。

导致这个问题的是我前几日使用了一个可以使页面滚动的 Jquery JS ，这个 JS 自动给用于定位的锚点增加滚动效果，比如点击页面底部的“返回页顶”，页面就会自动的滚动到顶部（而非之前介绍过的一段代码）。

然而 WP Paged Comments 插件的翻页链接里也带有定位的锚点，比如

http://zeuscn.net/messageboard/?wpc=2#comments

末尾的 “#comments” ，所以当我点击分页链接的时候就出了问题，浏览器不知道到底是滚动呢？还是跳转到下一页呢？很明显两者之间有所冲突…

如何解决这个问题呢？我所做的就是取消了那个 Jquery JS 的调用… JS 功能可以少，但评论分页是必须的，我暂时还没有找到两全其美的办法，不知道大家有何高见？

zEUS.

日志评论

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

Copyright©zEUScn.NET.Some rights reserved.

(Digital Fingerprint:
05538bd2e0492fe803256b5788cfa6fd) ]]>
Fatal error: Maximum execution time of 30 seconds exceeded in E:\zeuscn.net\wp-includes\feed-rss2.php on line 49

Fatal error: Maximum execution time of 30 seconds exceeded in E:\zeuscn.net\wp-includes\wp-db.php on line 502