Archive for August, 2008

调用 WP 的 Thickbox 实现 Lightbox 效果

11 Comments

Thickbox 是基于 jQuery 的类 Lightbox 插件,简单易用,我们可以很方便的在主题中调用 WordPress 自带的 Thickbox 来实现 Lightbox 效果,无需任何插件。

方法很简单,在 header.php 的 <?php wp_head(); ?> 之前,添加下列代码:

<?php wp_enqueue_script(’jquery’); ?>
<link rel=”stylesheet” href=”/wp-includes/js/thickbox/thickbox.css” type=”text/css” media=”screen” />

然后你就可以利用下面的代码为图片或其他内容添加 Lightbox 效果(效果如图):

代码为:

<a href=”图片URL” title=”标题” class=”thickbox”><img src=”缩略图URL” alt=”" /></a>

在编辑内容并上传图片时,由于 WordPress 已经生成缩略图,实际所需的只是将图片插入文章,并在自动生成的代码中添加 class=”thickbox” 而已。

如果遇到关闭按钮无法显示的情况,可以将 /wp-includes/js/thickbox/thickbox.js 这一文件中的头两行代码:

var tb_pathToImage = “../wp-includes/js/thickbox/loadingAnimation.gif”;
var tb_closeImage = “../wp-includes/js/thickbox/tb-close.png”;

中的 “..” 改为绝对路径。

或者在 <?php wp_head(); ?> 之后,</head> 之前加入下述代码:

<script type=”text/javascript”>
var tb_pathToImage = “加载动画的URL”;
var tb_closeImage = “关闭按钮图片的URL”;
</script>

更多的例子请参见官方页面

提交 WordPress 主题到官方主题目录

5 Comments

WordPress 的 Theme Directory 已经恢复了有一段时间了,主题作者可以尝试将自己的 WordPress 主题提交审核。

我一共提交了两个主题,RGB 2.0Unnamed,Unnamed 一次通过,RGB 2.0 测试版问题多多,已经被打回来两次了,现在仍在等待审核已经通过了。基本过程是这样的:

首先,保证你的主题满足这些要求

  • 单一的zip文件;
  • style.css 必须包含如下信息:
    • Name(名字唯一);
    • Tags(比如 two columns, widget-ready 等);
    • Version (格式:x.x 或 x.x.x,x 为阿拉伯数字,且版本号唯一);
    • Align classes: .alignright, .alignleft, .aligncenter (即你的 CSS 必须包含这些内容)
    • 截图必须为screenshot.png, 并且是真实的页面截图;
  • GPL 及其他相容协议
  • 允许含有作者的版权链接,但禁止任何隐藏或付费链接;
  • 支持 Gravatars、分类及 Tag;
  • 必须显示博客标题及tag line;
  • 必须是原创作品;
  • 不能含有成人内容。

然后,注册并向 Theme Directory 提交你的主题,几天内会有人审核你的作品,并给你发信,告诉你该主题是通过了还是需要修改。如果主题需要修改,来信里会大致说明主题存在的问题,你只需按要求修改并再次提交即可,无需回信。我的经验是,越简单越稳定的主题,越有可能一次通过,RGB 2.0 做的太复杂,以致需要多次返工,而提交的 Unnamed 则是一个简化版本,很顺利的就通过了。

另外感觉审核的时候并不会太仔细(可能排队的主题实在太多了),RGB 第一次被打回来的原因之一居然是“不支持tag”,于是再次提交的时候我索性把 tag 部分加粗了,再被打回来时就没提这档事了。

最后希望大家提交顺利~