.::灵狼天::. » Plugins

WordPress Plugin: WS TOC 预览版

icyleaf — Thu, 18 Dec 2008 09:05:19 +0000

WS TOC 全称为：WS Table Of Contents，这是一个通过检索 WordPress 日志/页面的 H1 标签的内容生成的目录插件。主要是为了给一些写教程的博主提供的一个比较方便的生成目录的插件。

其实很早就开始写这个插件，中间因为很多事情耽搁了，从而在这次写的过程中大部分的代码进行了重写，优化了很多的代码（不过现在的代码怎么看起来还是很乱…），恩，目前还处于开发阶段，现在先放出一个预览版本，目前还仅支持检索并生成 H1 的目录，而且还没有添加代码配置的编辑器按钮功能，所以大家目前仅只能通过手动在编辑器中添加代码配置生成目录的效果。

本插件可实现的效果：生成目录；显示/隐藏目录，显示/隐藏“返回头部”按钮。

配置代码：请自己在使用是更换”【”, “】”为”[", "]”

【toc display=”show/hide” style=”decimal/roman/alpha” top】
参数
display: show/hide – 显示/隐藏目录
style: decimal/roman/alpha – 数字/罗马数字/字母排序显示
top: 显示/不显示“返回”按钮

参数可以随意组合使用，不用也可以。缺省使用代码：【toc】

截图：http://twitpic.com/ttuq/full

插件下载：项目暂时放在 Google Code 管理：http://code.google.com/p/ws-toc/

如果是使用中有遇到什么问题，并让大家更好的使用请及时反馈，谢谢。

更新内容：
1. 修正并删除在 RSS 下的无用内容。

插件演示：
[toc display="hide" style="roman" top]

First of all

开放式标准被企业用作降低高整合及维护费用的主要手段。现实中的各种异构软件系统使得我们必须使用一些涉及开放式标准的策略，而 Web 服务很快就成为了解决这个难题的方法的一个重要部分。直到现在，要构造一个界面友好的 GUI 客户端来与这些系统进行交互还是非常的单调乏味。这个问题的一个部分就是 Web 服务描述语言（Web Services Description Language ，WSDL）正趋向于成为服务端点的唯一描述语言，这有时使得遵守起来变得非常困难，尤其是对组织中的设计人员和用户接口开发人员。Flex 是 Macromedia 开发的一个 Rich Internet Application 平台，它在用户接口设计人员和更多传统服务器端开发人员之间搭了一座桥。传统的后台程序员可以利用大量的吸引人的可视控制、效能、布局、及现有的 Flash 组件，加上他们对服务端点的深厚知识，从而装配出一个诱人的客户端应用程序。在任何时候不管有什么类型的资源在您的项目中可用，最后的结果都是可以容易地创建一个高交互及诱人的应用程序，它在 Web 服务中整合了您的投资。

理解 WSDL

为了在不同的 SOAP 服务端点间交换消息（在 Flex 中，SOAP 消息被限制成只能使用 HTTP 协议传输机制），Flex 通过引用 WSDL 文档的 URL 来使用现有的 WSDL 定义。下表列举了经常会在 WSDL 文档中出现的元素：

我是中文

sdf

s

df

sf

dsd

f

中文空格测试

sdf

s

df

sf

dsd

f

WordPress插件教程：如何编写TinyMCE插件

icyleaf — Mon, 02 Jun 2008 07:30:03 +0000

编写WordPress（以下简称wp）插件难免要和关联着wp的某一个或多个方面的东西，就拿我的刚更新的WS Auido Player插件来说，它需要提供一个窗口使得用户输入某些值来达到简化用户记忆以及操作的功能。自己敲一个两个代码还好，如果全部都是自己写的话，那和写HTML有什么区别呢？这个就是TinyMCE编辑器面世的主要目的之一。

其实想这个部分的东西，主要是因为国内也没出几个这样的插件（或者是我不知道而已）再者是也蛮少有人来写这方面的教程，网上找到的只有干巴巴、苦涩的英文句子，看着就是没中国字舒服，呵呵(^___^)，所以我就花了点时间自己整理出了这个教程。当然wp官方也有提到如何编写只不过写了一些核心的几句代码（看这里），剩下的还让你自己参考wp系统中tinymce插件。为什么要看wp系统中tinymce插件，而不是看tinymce官方的文档呢，这里要说句牢骚的话。wp其中使用到了很多及其优秀的开源代码，而且每个东西还或多或少的修改修改。这一下让我们看开源代码不是，看wp系统又感到迷茫。最好的是两者都得看。

书归正传，首先我们先简述下Tinymce在wp中用到版本。在wp 2.1.x – 2.3.x版本中使用到的是一直没有更改Tinymce 2。而在Tinymce 3推出不久，wp做了重大的版本变动，也就是现在的2.5，其中更新至tinymce3。而tinymce3也是一个大变动的版本，其中较大的改写了tinymce插件的函数。当然这也是为了方便用户而改进的。注意由于wp2.3.x版本已经老了，本教程只支持wp2.5以上版本。

首先，构建wp插件必要的文件以及基本代码，这里我把插件项目的名称叫做“SimplePlugins”以便记忆。首先我们先看下主文件的全部代码：

/*
Plugin Name: Simple Plugins
Plugin URI: http://www.icyleaf.cn/
Description: Simple Plugins
Version: 1.0
Author: icyleaf
Author URI: http://www.icyleaf.cn/
*/

// 定义一个常量并判断wp是否是2.5以上版本
define('IS_WP25', version_compare($wp_version, '2.4', '>=’) );

// 定义插件目录的常量
$myabspath = str_replace(“\\”,”/”,ABSPATH); // 针对Windows & XAMPP
define(‘WINABSPATH’, $myabspath);
define(‘WSAPFOLDER’, dirname(plugin_basename(__FILE__)));
define(‘WSAP_ABSPATH’, $myabspath.’wp-content/plugins/’ . WSAPFOLDER .’/');
define(‘WSAP_URLPATH’, get_option(‘siteurl’).’/wp-content/plugins/’ . WSAPFOLDER.’/');

if (IS_WP25){
function SinmplePlugins_addbuttons() {
// 权限判断，若没有撰写日志和页面的权限就返回。
if ( !current_user_can(‘edit_posts’) && !current_user_can(‘edit_pages’) ) return;

// 仅在Visual（可视化）模式下添加
if ( get_user_option(‘rich_editing’) == ‘true’) {
// 添加必要的函数到wp hook里面
add_filter(“mce_external_plugins”, “add_SinmplePlugins_tinymce_plugin”, 5);
add_filter(‘mce_buttons’, ‘register_SinmplePlugins_button’, 5);
}
}

// 在wp2.5的tinymce编辑器注册按钮插件，名字要独一无二
function register_SinmplePlugins_button($buttons) {
array_push($buttons, “separator”, “PluginsName”);
return $buttons;
}

// 加载自定义的TinyMCE插件：editor_plugin.js (wp2.5)
function add_SinmplePlugins_tinymce_plugin($plugin_array) {
$plugin_array['PluginsName'] = WSAP_URLPATH.’tinymce3/editor_plugin.js’;
return $plugin_array;
}

function SinmplePlugins_change_tinymce_version($version) {
return ++$version;
}

// 当你的tinyMCE插件改变了就修改tinyMCE插件版本号。
add_filter(‘tiny_mce_version’, ‘SinmplePlugins_change_tinymce_version’);

// 插件初始化
add_action(‘init’, ‘SinmplePlugins_addbuttons’);
}
?>

可能大家通过上面的代码还不明白，我这里简单讲述一下核心的东西。wp2.5版本把之前的钩子替换掉了，在wp2.5+中关系Tinymce3，主要是由以下两个钩子：
mce_buttons：通过一个以按钮名字做参数的（输入输出）PHP函数来注册按钮并返回。 “|”符合可以使用separator代替。
mce_external_plugins：通过一个输入输出PHP函数关联数组：’plugin_name’ => ‘plugin_url’
tiny_mce_version：通过版本号码作为一个字符串，它可以自动改变tinyMCE插件的版本号。

另外，tinymce插件是放在名为tinymce3的文件夹下面，当然名字是自定义的。对于tinymce插件这里还需要大家看一下tinymce3的文档，其配置文件名为editor_plugin.js，通过点击按钮加载的显示窗口的文件是window.php，然后再通过一个js脚本（tinymce.js）来把设置的内容添加到编辑器中。

// Docu : http://wiki.moxiecode.com/index.php/TinyMCE:Create_plugin/3.x#Creating_your_own_plugins

(function() {
// 多语言支持的插件标识，和langs的各个语言文件匹配
tinymce.PluginManager.requireLangPack(‘SimplePlugins’);

tinymce.create(‘tinymce.plugins.SimplePlugins’, {
/**
* 初始化插件，在创建完成后就可以显示执行了
* @参数 {tinymce.Editor} ed 编辑器初始化点。
* @参数 {string} url 插件位置的绝对URL。
*/
init : function(ed, url) {
// 加载按钮时，执行此函数，名字以小写的mce开头，后面接注册插件的名字。
ed.addCommand(‘mceSimplePlugins’, function() {
ed.windowManager.open({
file : url + ‘/window.php’, //显示窗口的文件
width : 360 + ed.getLang(‘SimplePlugins.delta_width’, 0),
height : 210 + ed.getLang(‘SimplePlugins.delta_height’, 0),
inline : 1
}, {
plugin_url : url // 插件的绝对URL.
});
});

// 注册按钮
ed.addButton(‘SimplePlugins’, {
title : ‘SimplePlugins.desc’,
cmd : ‘mceSimplePlugins’,
image : url + ‘/simple.png’ //按钮的图标
});

// Add a node change handler, selects the button in the UI when a image is selected
ed.onNodeChange.add(function(ed, cm, n) {
cm.setActive(‘SimplePlugins’, n.nodeName == ‘MP3′);
});
},

/**
* Creates control instances based in the incomming name. This method is normally not
* needed since the addButton method of the tinymce.Editor class is a more easy way of adding buttons
* but you sometimes need to create more complex controls like listboxes, split buttons etc then this
* method can be used to create those.
*
* @param {String} n Name of the control to create.
* @param {tinymce.ControlManager} cm Control manager to use inorder to create new control.
* @return {tinymce.ui.Control} New control instance or null if no control was created.
*/
createControl : function(n, cm) {
return null;
},

// 插件信息
getInfo : function() {
return {
longname : ‘SimplePlugins’,
author : ‘icyleaf’,
authorurl : ‘http://www.icyleaf.cn/how-to-load-tinymce-plugins-for-wordpress’,
infourl : ‘http://www.icyleaf.cn’,
version : “1.0″
};
}
});

// 注册插件
tinymce.PluginManager.add(‘SimplePlugins’, tinymce.plugins.SimplePlugins);
})();

这个是一个典型的配置文件，不好意思英语很烂，只能简单翻译，在这个文件的开头是加载语言的标识，语言文件都放在其插件的langs文件夹下面，一每个国家的语言缩写作为其语言，比如，美式英语：en_US.js；中国的简体中文，那就是cn_ZH.js。

window.php是窗口显示的文件，这里就不在多说了，大家自己看下WS Auido Player插件的代码就知道了，那么如何把填写好的配置返回到编辑器里面呢，如果你注意看window.php，你会发现，他在提交时调用了一个js函数。这个函数是放在插件的tinymce.js文件里面。然后通过tinymce.js主函数的处理就把相关的代码插入到编辑器当中了：）

WS Audio Player1.1.0发布

icyleaf — Thu, 22 May 2008 11:53:56 +0000

Update：
1.修正了一些错误，去掉了调试用的注解掉的语句。版本升级至1.1.2
2.添加插件说明地址：http://www.icyleaf.cn/projects/ws-audio-player/

Chinese
今天下午花了些时间完成了WS AudioPlayer1.1.0版本的制作，现在已经完全且仅支持WordPress2.5+版本。如果你现在用的WordPress版本还不是2.5+，那么就赶紧升级吧～主要原因是不想浪费多余的体积大小：）

插件下载：WS Audio Player1.1.2

如果到你不知道这个插件的话，请点击这里看详细哦～

English
Now This version(1.1.0) only use for WordPress 2.5+. and you can insert music with button between Vistual Mode and HTML mode. if you are not WordPress 2.5+, suggest update to latest version.:)

Plugin Download: WS Audio Player1.1.2

see History or want konw what it is, please click here.

WordPress插件:WS Audio Player1.0发布

icyleaf — Wed, 09 Jan 2008 11:31:53 +0000

这个版本对我来说期待已久了！对我来说，我终于“征服”了TinyMCE的插件编写4WordPress的问题。插件历史请看这里：WS Audio Player。在发布页面的富编辑器中（即TinyMCE）添加了一个音乐图标的按钮。

插入模式
在此之前小小改动了下，发布了一个0.9.6版本，呵呵(^___^)，其实也没什么大的改动，增加了一个样式，就是传统的经典模式。下载按钮在正右边。

插件下载(Plugins Download):Download

WordPress插件：WS Tools Bar

icyleaf — Sun, 02 Dec 2007 01:05:16 +0000

WS Tools Bar允许管理员在前台直接访问管理的快速工具条。这个本来是我在F2blog系统的基础上进行2次开发的做的一个小功能，同时也是为了纪念MyOpera。
本插件外形是从Super-space系统的加密代码一点一点提取出来的，所以外观和图片均来自Super-space系统，同时根据WordPress的特性并融合在一起。界面看下图（点击放大）

界面为3种状态：
第一个为未激活状态，在博客的左上角有个半透明的Menu标志。当鼠标移动在上面立即显示工具条，如果想隐藏工具条，点工具条最右边的红色X即可。
第二个是登录博客前的界面，方面各位朋友的前台登录，如果博客开启了“任意人都可以注册博客”的功能，界面会显示注册按钮。
第三个是登录后的界面，列出来了常用的几个菜单，同时又一个等待验证留言的小功能哦。

由于我本地搭建演示博客和本博客均是英语，所以上截图中文字也是英文，插件包含中文的po文件和mo文件。

更新历史
version 1.1 破天荒的还是给ws tools bar 升级了，添加了显示有插件更新提示的数字。

提示：本插件不会再做大的改动和升级，除非我想发癫了，呵呵，这次升级主要是因为居然还有朋友使用此插件，所以做了小小的改动，如果有什么需求和建议可以提出来，不错的话我会坚持维护的！

插件下载(Plug-in Download)
Download@WordPress.org

For People who spoken English
== Description ==
This plugin adds a Quick toolbar on the top of blog.
direct acces to Dashboard, Write, Edit, Awaiting Moderation…
it makes Administrators Operating too easy and quickly.

== Installation ==
1. Upload the full directory into your wp-content/plugins directory.
2. Activate the Plugin in WP-Admin.
3. Enjoy!

WordPress插件：WS Audio Player0.9.4

icyleaf — Wed, 28 Nov 2007 01:23:11 +0000

这个版本本来并不需要再发日志发布，只不过是前不久我向WordPress官方插件库提交插件，昨天收到了SVN地址，今天本插件在官方插件库已经有一脚之地咯～呼呼~

更新日志：
增加了英语语言的支持。

插件下载地址：http://wordpress.org/extend/plugins/ws-audio-player/

如何更改WordPress后台样式及主题

icyleaf — Sun, 18 Nov 2007 02:19:24 +0000

WordPress自面世以来到现在已经有8个月的时间了，其后台的界面总是一成不变，有很多的人就因为WP的后台凌乱，或者说是不修边幅而放弃了之(Vichair好像就是这样认为的- -!）WP的强大，对于使用过的朋友心里都很清楚的，只是后台的UI太过于“寒酸”，可以这么说吧，也许WP这套博客系统是绝对的程序员研发，大家都知道多么优秀的程序员做出来的程序，一般是不讲究界面的，游戏同样如此，一个大制作的游戏在程序研发方面的经费远远低于美工制作的经费。
但是！WP的聪明之处（亦是Web2.0的好处）就是在于“人肉化”，类似于人肉搜索引擎（人肉搜索引擎，可以把它归入社会性搜索中的问答式搜索，其实就是在一个社区里面提出一个问题，由人工参与解答而非搜索引擎通过机器自动算法获得结果的搜索）。专业的说就是设置函数接口，大家只要了解系统都设置了什么函数接口，我们就可以进行引用，设置等操作。从而大大减轻开发者的负担，而且也减轻使用者的麻烦。
通过说了一大串的东西不知道大家看懂了多少，没看懂的也不要担心，Web2.0的东西已经不需要我们在进入程序的代码进行大规模的修改，不用修我们修改程序的代码的简单方法是什么呀？恩，对了，就是插件！
所以，更改WordPress后台样式的最简单方法就是安装插件！
声明：下面介绍的内容来自Wpthemesplugin.com

WP Tiger Administration，这个后台主题插件是第一个流行起来的，如今仍然火热！

afd wordpress2 admin theme，感觉像是一款灰色版的后台主题插件，出来还没多久。刚刚支持插件。

Js Style SpotMilk，基于SpotMilk Admin开发的后台主题插件，从看名字可以看出JS特效打造。
Planet x7 Admin Theme，界面看起来很漂亮，不过插件作者不是用英语写的…原作者也看不懂写的什么，所以仅供参考。

WP Barunio Administration，改变了默认wordpress的布局和视觉设计，除了在色彩变化，还修改了布局，把子菜单放在左侧。（非常的漂亮）

还有一些其他的主题：
WordPress admin themer
Randy Walker Theme
WordTunes
Earthtones Admin Theme，在原作者发布这篇日志的时候，这个主题的站点已经关闭，但是他是一个美丽的地球部落的主题，值得纪念，主题的站点应该尽快备份。
SpotMilk，仅支持WordPress 2.1 & 2.2，灵感来自Mac OS X Tiger上面的灵感聚光灯（Spotlight）以及Max Rudberg的Milk主题。

这里还有一个Digg的后台主题（Digg Styled admin theme），但作者没有公开发布，即使它是被用来为wordpress的后台界面。但他也要尊重Digg的设计师。

WordPress插件：WS Audio Player 0.9.3修正版

icyleaf — Tue, 06 Nov 2007 14:04:22 +0000

WS Audio Player 0.9版本有一个严重的问题，在FEED里面样式无效，因此特添加FEED下的显示效果，由于FEED的限制，只能做一个简单的语言描述。
另外修正了几个CSS的显示问题：字体偏小，某些时候会发生错位，覆盖其他文字等现象。
安装及使用方法还是那样，不明白的看这里。

添加的CSS Style：控制音乐名称的style。
/*******Music Desc********/
.wsmusicdesc {
font-size:14px;
}

WS Audio Player 0.9.3下载：Click here .

WordPress插件：WS Audio Player 0.9发布

icyleaf — Mon, 05 Nov 2007 14:31:51 +0000

WS Audio Player是一个可在日志插入且附带下载功能的在线Flash播放器。说来这个Audio Player以及样式，其实是我从Pownce发现的，看着其效果真的很棒，由于pownce自带的4个模板的背景色均不为白色，所以它的MP3 Flash Player搭配的很完美。
经过多次的研究和测试，成功抽取了其Flash Player以及CSS文件。蛮不道德的哈，但至少我没有独揽其版权，据为己有！
看到这个Flash Player是如此的完美，因此我想把它做成WP的插件，使其大家共享使用。
====================
安装
====================
1.解压缩ZIP文件到自己BLOG空间的wp-content/plugins下面。
2.进入WP后台激活WS Audio Player插件。
3.在WP后台的Option（操作）管理页面，找到WS Audio Plauer可进行外观的选择和配色。（目前只有2种选择以及自定义模式）

使用方法
发布日志的时候，在代码状态(可视化状态和代码状态均可)输入：[ audio=音乐的地址[,音乐名称,download] ]
(*)其中音乐名称和download（是否可下载）为可选择选项。
举例说明：插入一首名为“转角爱”，音乐的地址为http://www.icyleaf.cn/music.mp3
由于可视化也能显示，所以我在[]最左，最右加了空格。
样式1：只显示播放器
[ audio=http://www.icyleaf.cn/music.mp3 ]
样式2：只显示播放器以及音乐名称
[ audio=http://www.icyleaf.cn/music.mp3,转角爱 ]
样式3：只显示播放器以及下载按钮（注意，中间有两个逗号）
[ audio=http://www.icyleaf.cn/music.mp3,,download ]
样式4：全部显示：播放器，音乐名称，下载按钮
[ audio=http://www.icyleaf.cn/music.mp3,转角爱,download ]

操作界面：

注意事项
1. 除了音乐名称外，其他符号均为英文半角状态。
2. 如果只准备显示播放器以及下载按钮，不要忘记中间为两个逗号。
3.测试结果显示效果正常，段落的间隔大是这个主题的原因。
4.仅支持MP3格式。WMA格式能加载但不支持…

插件下载（Plugins Download)
[2008-01-09]1.0更新说明：Download
[2007-12-24]0.9.5更新说明：Download
[2007-11-28]0.9.4更新说明：Download
[2007-11-07]0.9.3修正版更新说明：Download@Box | Download@FUY

For People who spoken English
Readme about “WS Audio Player”

—————–嗷～～～嗷～～～～—————————
由于我是PHP&WP新手，在做这个插件的时候遇到好多多个问题，如：表单提交选项的储存；文件的读取和写入（在WP下有路径限制问题，我查询N多的插件，尤其是关于CSS都是自己在文件写，这样非常的麻烦，幸好经过2天的钻研问题解决）。。。
幸好今天终于完工了，但是还是有些瑕疵，所以没有做到1.0版本。有待解决^@^
最后送大家一首歌：I’ll Take Everything [audio=http://bbsimg.qianlong.com/attachments/azhazha/912/03.mp3,I'll Take Everything,download]

自动英语slug插件:cos_slug_translator

icyleaf — Mon, 22 Oct 2007 09:20:46 +0000

如果各位在设置WP的日志地址为日志标题的时候，尤其日志标题是中文，那么地址就是乱码一堆，我刚来WP的时候也郁闷的很久，只到现在我早期的日志还是那样，后来知道了写日志右边Post Slug可以制定日志的地址，于是乎可是一篇一篇的自己写Post Slug，有时自己的墨水有限，就只能在线翻译查找中文的英语单词。

cos_slug_translator这个插件可以轻松解决我目前的这个问题，哈哈哈~~引插件作者的话：
这个插件的作用是将标题的中文自动翻译成英语slug,这样的好处在于SEO ,譬如本页的网址auto-slug-translate-plugin.html就是根据slug生成的,如果你启用了这个插件就不需要手动为每个标题再做一次翻译了,google的翻译是越来越完善和准确了,不得不服。

而且安装激活之后如再新增加文章,对应的slug将会自动从标题翻译得到！！

另外此作者还制作了一个批量转换Post Slug的插件：cos_slug_converter
提示：此插件只能使用一次，而且属于半自动的，所以一次只能自动翻译5个标题。

Dowland
cos_slug_translator@FUY
cos_slug_converter@FUY

.::灵狼天::. » Plugins

WordPress Plugin: WS TOC 预览版

First of all

理解 WSDL

我是中文

中文 空格测试