WordPress

简介:
前几天见到某 Blog (忘记名字和网址了) 有一个相当实用的评论功能. 访客留言之后资料输入框会被隐藏起来, 如同登录了一般. 访客可以选择修改相关资料再进行评论. 给予访客很好的用户体验.
今天我将这个功能移植到了自己的主题上, 制作不难, 分享一下吧.

需求:
细心的朋友可能已经注意到了: 当在某个 WordPress 发表评论后再次访问该 Blog, 资料就不需要再次填写, 因为它们都已经在资料输入框里面. 但没评论过的或者清除了 Cookie 之后, 资料输入框将空空如也.
1. 当访客的资料已经存在的情况下, 访客很少关注资料本身, 那些资料输入框就会变成 "碍眼的东西", 我们要想办法将它们隐藏起来. 同时, 我们需要将这位访客的名字显示出来, 否则他/她根本不知道自己的身份.
2. 访客有可能邮箱更换了, 或者就想换个酷点的名字, 此时的他/她肯定想更改一下那些资料. 所以要求有一些措施, 让访客可以重新看到资料输入框.
3. 对于那些从未提供资料的访客, 资料输入框必须让他们看到.

Read More...

注意: 此版本只支持 WordPress 2.5.x (或以上版本)

简介:
WP Grins Popup 是 WP Grins 1.5 的修改版本.
这个插件可以帮助你将那些碍眼的小图标放在 popup 上, 但前提是你正在使用 Highslide JS. 如果你不喜欢 Highslide 那样的效果, 只是为了这个表情图标的 pupop 而浪费 50kB 左右的开销以加载 JavaScript 代码, 会显得有些不值得.

要求:
WP Grins Popup 要求使用 Highslide JS. 我做的另一个插件 Highslide4WP 可以助你轻松地将 Highslide 应用到 WordPress 上.

Read More...

简介:
今天为 Elegant Box 做了个紫色风格, 1.3 和 1.4 版应该都适用. 因为没修改其他代码, 所以没有重新发布一个版本.
我已经在几乎所有的代码段加入了注释, 这个风格在这是作为一个教程发布的. 如果你想追加一个紫色的风格, 或考虑自己做一个风格, 那请下载吧.

下载:
更新版本中已经集成该风格

Read More...

WP-PageNavi 是 WordPress 一个经典的分页插件, 可以助你轻松实现分页导航.
我发布的主题 Blocks 默认不支持插件 WP-PageNavi , 这么做是为了尽可能降低主题对插件的依赖, 毕竟不是所有人都喜欢用某个插件的.
但在实际应用中, Blog 分页导航的确比 WordPress 的上下翻页的有更好的用户体验, 所以很多朋友都喜欢这类分页插件.

然而, WP-PageNavi 的默认样式是很难符合你的 Blog 风格的, 这时就需要对它进行修改了.
今天我重新改了 Blog 上的分页导航样式, 以下简单说说 WP-PageNavi 插件在 Blocks 的配置和修改.

Read More...

WP Grins Popup 是 WP Grins 1.5 的修改版本.

我 Blog 评论的表情图标一直放在一个 popup 上, 这样做不但美观, 而且可以减少加载页面的时间.
这个插件可以帮助你将那些碍眼的小图标放在 popup 上, 但前提是你正在使用 Highslide JS. 如果你不喜欢 Highslide 那样的效果, 只是为了这个表情图标的 pupop 而浪费 50kB 左右的开销以加载 JavaScript 代码, 会显得有些不值得.

功能:
实现一个表情图标的弹出窗口.

Read More...

现在用的这模板发布过一个版本, 但其实很不完整, 或者说, 是一个很简陋的版本, 甚至没有任何后台控制.
模板可以更换主题风格(JS借用别的模板的), 但能换的风格也局限于白和黑的两种. 本来还打算继续添加不同的样式风格, 但是上周看设计模式, 我突然感觉这样做很笨... 周末也冥想了一下, 以下是我的方案:

1. 更改侧边栏宽度, 调查过一些广告的宽度, 现在的宽度十分尴尬, 虽然本人不打算放广告, 但还是改之. 至于改大改小嘛, 我打算改大, 270px, 这样的话, 以后也可以扩展成三栏. 但是三栏的话, 还没想好改怎么放置, 颜色怎么搭配?

2. 可以在后台选择默认的主题风格(网友第一次进入博客的风格), 选择是否可以更换主题风格. 各主题风格文件分开放置(CSS 文件和图片), 也就是说, 以后添加主题风格只需要增加一些图片和一个样式文件, 主题自动检查到新的主题风格.

3. 选择 POST 是显示 Tags 还是显示 Categories, 或者两个都显示, 当单个 tag 或 category 时不显示复数形式.

4. 追加消息提示栏, 可以在后台选择是否显示, 这对我来说有使用意义. 是否有在侧边栏放置 about 栏目的必要呢?

5. 侧边栏实现 Widgets, 用了半年 WordPress, 我竟然一直不知道有这东西, 罪过.

6. 一如既往, 简洁, 尽量不集成插件.

还没动手呢, 如果对上面的方案有什么意见, 或有什么其他建议的话, 请务必留言.
希望 2 月份之前能完成, 安心放假, 快乐过年...

如左图, 将测边栏列表分两半, 灵感来源于 Eric Liu.

我是用 JavaScript 来实现的, 其实很简单.
以下是我的思路:

1. 在加载页面的时候进行调整, 但要求 JavaScript 加载失败时不要影响页面布局, 所以 style 控制也应该写在 JavaScript 里面.
2. 以 Blogroll 为例, 获取 Blogroll 的子节点个数, 使两栏中节点个数相等 (奇数时左栏多一).
3. 移除左栏的最后一个节点, 并将它作为第一个节点加到右栏, 直到 "左栏节点个数 - 右栏节点个数 <= 1".

下载请点: (该文件不再提供下载, 此功能可由插件 WP-MulticolLinks 实现.)

Read More...

Highslide JS for WordPress 0.1.2 at January 13, 2008

本来的输入框是固定大小的, 只要分辨率改变或换一个后台主题就会错位. 因为我的 Windows 和 Linux 的分辨率是调为不一样的, 所以自己都觉得不爽. 难得周末, 改改吧...
见到 icyleaf 的 mp3 插件不错, 想跟跟风, 用 tinymce 来做个按钮. 看了下人家的代码, 有点蒙, 而且要多加载 20KB 的文件, 还是算了, 按照自己的想法做...

这次主要改动是:
1. 后台界面 (可以看图).
2. 不能在可视化编辑模式中添加 HTML 弹出窗口. 依然没有解决可视化模式跟 HTML 弹出窗口的老问题, 因为 WordPress 后台的可视化编辑器会自动转换代码. 仍未想到比较好的解决办法, 我实在不想用自定义的标签, 那样兼容性会很差...
3. 增加简体中文版, 使用时, 请不要中英文两个插件一起激活. 我不会使用 .po 和 .mo 文件, 汗一下...

最新版本下载

Read More...

这两三个晚上抽了点时间更新了一个版本, 以后可以不用痛苦的敲代码插入图片了.
第一次做 WordPress 插件, 本人不懂 PHP, 虽然用到了一点, 但主要还是用 JavaScript 实现的.
我挺喜欢 Highslide 这东西, 只要有时间, 我会不断更新的. 请各位给点意见, 或者提议.

Read More...

关于 Highslide JS, 前面几个 Post 已经说过, 而现在已经有一个方便好用的插件 WP Highslide, 但它需要使用新的代码标签, 由于日后兼容的问题, 本人放弃使用, 而选择下载官方文件自己弄. 虽然使用的时候需要敲的代码比较多, 但写好两个模板也算一劳永逸.

今天看了 WordPress 插件的结构, 原来也就那么回事. 行, 我也简单弄一个, 其实就往页面插几句代码来调用 Highslide, 过几天会写个按钮来调用语句(像 wp-grins 插入头像一样). 我管这插件叫 Highslide JS for WordPress, 起名字我不专业...
有兴趣的朋友可以下来试用, 安装方法请看 REAMME.txt

Download
还有两个来自 Highslide JS 官方文件中的例子, 代码可以参考其中.

Image Viewer

最先看到这种缩放效果是在 http://forum.ubuntu.org.cn 上.
刚恢复上网, 我就从中找到了 Highslide(现在版本 3.3). 这是一个强大的 JS 库, 而且免费(如果不是商业网站).
没想太多, 弄了一个简单的页面并试验通过, 就急着整合到 Blog 上了, 还算满意.

今天无事, 周围逛逛, 发现这东西原来已经被做成了 WordPress 的插件, 叫 WP Highslide.
此插件需要使用自定义的标签 <highslide />, 好处是方便, 弊端有二.
1. 标签失效, 当你不再使用这个插件或将代码移植到别的程序中去的时候, 代码有可能不经处理的显示出来, 也可能根本就不显示出来.
2. 只支持图片缩放, 不能满足我的需求.

综合以上两点, 我并不准备用这插件. 但如果谁愿意追随它, 并不在乎它的小小不足, 它的确是个很好的插件.
下载地址: http://wordpress.org/extend/plugins/wp-highslide-image-viewer
简单教程: http://projects.jesseheap.com/all-projects/wordpress-highslide-js-plugin

Color Palette Generator

今日在 Digg 看了一文章: 10 Top Sites for Colo(u)r Lovers, 其中介绍了一些调色的工具, 包括这个色板生成器.
填入图片地址并提交, 后台经过处理会给用户反馈几个颜色, 其中又分为冷色和鲜色两部分.

当你做模板找不到灵感的时候, 或觉得颜色怎么配都不对的时候. 把自己喜欢的图片搁上去, 看看能不能得到你想要的?
现在就去试一下? http://www.degraeve.com/color-palette/index.php