Xu Yiyang

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 = [...]

jQuery UI Tabs 是一个强大而易用的 jQuery 插件，我无意详细的介绍它，本文只涉及本站当前 WordPress 主题侧边栏中 UI Tabs 的一些简单应用。建议事先阅读相关文档： jQuery UI Tabs/Tabs 3 或 jQuery JavaScript Library 里的 UI/Tabs。
首先，在主题的 header.php 中调用 jQuery 和 UI Tabs，比如（假定所需文件被上传至“主题目录/js/”）：
<script src=”<?php bloginfo(‘template_directory’); ?>/js/jquery.js” type=”text/javascript”></script>
<script src=”<?php bloginfo(‘template_directory’); ?>/js/ui.tabs.pack.js” type=”text/javascript”></script>
<script src=”<?php bloginfo(‘template_directory’); ?>/js/ui.tabs.ext.pack.js” type=”text/javascript”></script>
当然你也可以使用 wp_enqueue_script() 来调用 WP 自带的 jQuery 以保证同 WP 插件的兼容性。在 header.php 中，<?php wp_head(); ?> 之前，加入如下代码：

<?php wp_enqueue_script(‘jquery-ui-core’); ?>
<?php wp_enqueue_script(‘jquery-ui-tabs’); [...]