Tag Archive for 'Wordpress'

RGB UI Tabs Fix for WP 2.8+

4 Comments

Sorry guys, I’m very busy right now and have no time to upgrade my themes.
Thanks to Erno Hannink, who found the solution for the problem of RGB UI Tabs under WordPress 2.8:
you need to change this in the header.
Replace this:
jQuery(’#sidebar > ul#ui-tabs’).tabs({ fx: { opacity: ‘toggle’ } });
With:
jQuery(’#sidebar’).tabs({ fx: { opacity: ‘toggle’ } });

调用 WP 的 Thickbox 实现 Lightbox 效果

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

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

6 Comments

WordPress 的 Theme Directory 已经恢复了有一段时间了,主题作者可以尝试将自己的 WordPress 主题提交审核。
我一共提交了两个主题,RGB 2.0 和 Unnamed,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 部分加粗了,再被打回来时就没提这档事了。
最后希望大家提交顺利~

RGB 2.0 Beta 1

27 Comments

全新的 RGB 2.0 Beta 1,累死我了。相对于 RGB 1.1 的改动主要包括:

全新的外观(说起来可的真轻松~);
由 jQuery UI Tabs 和 Thickbox 支持的侧边栏,效果见本站边栏;其中Tabs的内容可能需要手动修改sidebar.php,可参见这份既不通俗也不易懂的注释,Thickbox 用来取代之前的滑动架子,支持 Widgets;
其他微调(记不清了)。

保留的功能包括:

自定义色彩(不喜欢暗色就自己去后台改吧。。。);
Sudar 的 Simple Reverse Comments(最新的评论显示在前面);
自定义页眉,等等。

最后请注意这是测试版,最好有 WordPress 2.6+,有问题请给我留言或发信,虽然我不能保证什么时候来解决。
RGB Project Page
Download RGB 2.0 Beta 1
Update 08-02-2008:

修正无法显示thickbox关闭按钮的问题;
修正侧边栏分页导航在当前分页没有子页面时没有被隐藏的问题;
修正对thickbox.css的错误引用。

Update 07-27-2008:

改进的评论区域:评论区域背景替换为PNG图片,优化了针对不同情况下Thickbox评论框的样式;
文章日期部分长度不再固定;
清理了functions.php, sidebar.php, style.css里的冗余代码。

jQuery UI Tabs 在 WP 主题中简单应用

4 Comments

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’); [...]