配置ping服务，加快收录速度

谷歌的ping服务是一种快速收录的方法，打个比方就是：我们写了一篇文章想要谷歌收录，我们就可以使用ping服务来通知下谷歌，要googlebot尽快来抓取收录。谷歌官方的解释：

通过 Google“博客搜索”Ping API, 用户可以程序化的方式将博客内容的更新通知给 Google“博客搜索”引擎。这对于经常更新博客内容的用户尤其有用。博客服务提供商的管理人员也可以利用此API将其平台上的博客内容变化向 Google 通告，以便 Google“博客搜索”及时抓取来自这一服务提供商的最新内容。为设置对 Google“博客搜索”的自动 Ping 机制，请按照如下所述设置XML-RPC客户端或REST客户端以发送请求。您可以任选一种方法进行通知；两者都将按照相同的方式进行处理。

wordpress设置ping的方法

wordpress自身就带着ping服务，只要我们配置一下就可以了，步骤是：设置→撰写→更新服务。常用的ping服务有以下几个：

http://rpc.pingomatic.com/
http://ping.baidu.com/ping/RPC2(百度的)
http://blogsearch.google.com/ping/RPC2(谷歌的)
http://api.my.yahoo.com/RPC2(雅虎的)
http://api.my.yahoo.com/rss/ping(雅虎的)
http://www.feedsky.com/api/RPC2(feedsky的)

谷歌ping服务的PHP代码

关于RPC的详细介绍可以移步维基百科，谷歌ping服务的标准：

RPC端点： http://blogsearch.google.com/ping/RPC2
调用方法名： weblogUpdates.extendedPing
参数： (应按照如下所列的相同顺序传送)

• 站点名
• 站点URL
• 需要检查更新的页面URL
• 相应的RSS、RDF或Atom种子的URL
• 可选：页面内容的分类名称(或标签)。您可以指定多个值，之间用’|'字符进行分隔。

首先要写一个CURL的函数，来POST谷歌的RPC端点：

function postUrl($url, $postvar) {
    $ch = curl_init();
	$headers = array(
            "POST ".$url." HTTP/1.0",
            "Content-type: text/xml;charset=\"utf-8\"",
            "Accept: text/xml",
            "Content-length: ".strlen($postvar)
        );
    curl_setopt($ch, CURLOPT_URL, $url);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER,1);
    curl_setopt($ch, CURLOPT_POST, 1);
	curl_setopt($ch, CURLOPT_HTTPHEADER, $headers);
    curl_setopt($ch, CURLOPT_POSTFIELDS, $postvar);
    $res = curl_exec ($ch);
    curl_close ($ch);
    return $res;
}

上面的代码不多做解释，关于PHP的详细curl功能，请参考《cURL常用的几个PHP函数》。

主要的curl写好了之后，剩下就是要根据谷歌的XML-RPC标准组装发送的数据了，详细的请求例子可以点这里。

例如我的代码是这样写的：

$googleXML = <<<END
<?xml version="1.0"?>
<methodCall>
  <methodName>weblogUpdates.extendedPing</methodName>
  <params>
    <param>
      <value>断桥残雪部落格</value>
    </param>
    <param>
      <value>http://js8.in</value>
    </param>
    <param>
      <value>http://js8.in/379.html</value>
    </param>
    <param>
      <value>http://js8.in/rss.xml</value>
    </param>
  </params>
</methodCall>
END;
$res = postUrl('http://blogsearch.google.com/ping/RPC2', $googleXML);
//下面是返回成功与否的判断（根据谷歌ping的接口说明）
if (strpos($res, "<boolean>0</boolean>"))
        echo "PING成功";
    else
        echo "PING失败";

百度的ping服务xml代码是跟谷歌不同的，百度总是会有自己的特点，哎，情何以堪啊。下一次写一下百度的博客ping服务–《利用百度ping服务API加快文章收录，秒收不是梦》

随机文章

• 2010年世界杯比赛时间表-北京时间
• 重装系统啦~看看桌面截图吧~
• 樱花草，假如爱有天意
• 使用cygwin在windows下安装nodeJS
• 爆料：其实淘宝团购的聚划算每天有18款
• 前端必须掌握30个CSS3选择器
• js判断浏览器的函数，可区分chrome，safari
• 08.11.15

© 三水清 for 三水清, 2010. | 8 comments |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: API接口, google, RPC, wordpress

猜你喜欢：
php、js两种不同方式根据关键词返回经纬度接口【基于Google map API】	jQuery+google weather API轻松实现天气地图（一）	利用百度ping服务API加快文章收录，秒收不是梦	新浪微博jsSDK操作指南
无觅

我一直没有花太多时间做搜索引擎优化, 否则也不会把博客首页做成展开式的显示, 所以一直搜索引擎收录不是很好. 前段时间, 我终于为博客搞了一下 SEO, 比之前有所改善, 下面我就分享一下我都做了些什么.

我并不是什么 SEO 高手, 但整天泡在网页里面, 或多或少知道一点, 折腾一下算是自我陶醉, 高人请绕道前行.

1. 优化博客副标题
副标题 (slogan), WordPress 中称为 tagline. 它与博客标题不一样, 可能会承载一些描述博客的文字. 如我的 tagline 是 “mg12’s Blog – Just Another WordPress Blog”, 其中的 WordPress Blog 被我设置为 h1. 因为我想告诉爬虫, 这是一个关于 WordPress 的博客.

2. 页面的标题不要包含博客名称
WordPress 标题一般会用到 bloginfo(’name’) 和 wp_title() 两部分, 前者是博客名称, 后者是文章标题 (如果标题不存在则不显示). 经典主题和默认主题输出标题用的代码如下.

<title><?php wp_title('&laquo;', true, 'right'); ?> <?php bloginfo('name'); ?></title>

输出的标题结构是 “文章标题 « 博客名称”.

除非你的标题和文章内容相关度比较高, 否则这样的标题对 SEO 显然是不好的. 标题是爬虫认为重要的内容之一, 如果标题中包含了与文章内容无关的信息, 多少会对该页面有所影响.

那应该怎么弄呢? 一些包含大量内容的, 或者属于某一类的页面, 只显示标题. 其他的页面只显示博客名称. 我的实现代码如下.

<title><?php if ( is_single() || is_page() || is_category() || is_tag() ) { wp_title(''); } else { bloginfo('name'); } ?></title>

3. Keywords & Description
Keywords 为搜索引擎提供网页包含的核心内容, Description 则为搜索引擎提供网页的描述信息. 我发布的主题曾经包括了对 keywords 和 description 的处理, 但因为这与一些 SEO 插件发生冲突, 在较新的版本中已经去除. 笔者认为 WordPress 的很多所谓 SEO 插件做得并不到位, 对中文博客支持都很差, 自己修改一下效果可能更好.

以下是我的处理规则.

4. h1, h2, h3, strong 标签的使用
一般将 h1 给予文章标题或者与网站相关性高的推广性内容, 而不是博客标题. h2 是跟文章有关的描述式信息, 如分类和标签. h3 是其他类似内容, 如相关文章. strong 给文章内的关键字.

5. 将 Related Post 改为 More posts about XXX
其中 XXX 是关键字及其链接, 本人建议使用分类或者标签链接代替. 因为 Related 一词与几个文章的链接没有任何关系, 但标签与之相关度很高. (一般相关文章是通过相似标签来确定的.)

6. 与文章无关内容后移
有人认为爬虫只会分析页面的前 N 个字节的内容, 未必如此, 但前面内容的权重相对会比较高. 为了爬虫有效的收录, 应该尽量将无关内容后移. 如 JavaScript 等可以用 DOM ready 来实现. 另外, 如搜索栏, 订阅按钮等可以放到页脚, 再通过 CSS 或者 JavaScript 重新定位.

7. 消灭内嵌 CSS 和内嵌 JavaScript
内嵌的 CSS 和 JavaScript 可能带有一些关键字和链接, 影响爬虫收录. 尽量将这些写在外部文件中.

8. 如果评论分页, 避免出现重复内容的文章
我已经在 《对评论分页的 SEO》 一文写过处理办法.

9. 为 Read more 加上 nofollow
因为 Read more 链接的路径实际和文章标题相同, 没必要再多加一个文本与页面内容无关的链接. 再者, “Read more…” 在网站出现 N 多次, 可能会干扰爬虫.

10. 不要把首页做成欢迎页面, 尽量显示文章内容
很多朋友喜欢把博客首页做成欢迎页面, 但因为大量链接链向首页, 它是最重要的页面, 应该尽量放置与博客相关的内容.

还有人喜欢用标题列表的作为首页的主要内容, 但经过我长期的实验这明显不如包含部分文章内容的文章列表. 作为折中处理, 现在我的博客会显示前几个文章的内容, 其他折叠 (折叠可以加快网页加载速度).

以上几点仅为个人意见, 具体效果可以参考本博客, 如发现问题或有好的建议请务必提出.
另外, 我没有提供具体的代码, 只是说了自己的想法或者做法. 如果你对其中某项有兴趣, 请在留言说明, 需求大的我会另起文章具体说明.

随机文章

• 使用html5 postMessage和window.name实现多浏览器跨域
• 使用CSS设置文字反选的背景颜色
• Cause I Believe
• 最新的DreamHost优惠码免费发放
• 最新版wBox 解决IE6 背景太小bug
• 只要20元，你也可以做个QQ爱墙
• 承接企业网站建设，企业建站工作
• 网易推出LBS产品网易八方

© 三水清 for 三水清, 2010. | One comment |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: seo, wordpress

猜你喜欢：
三个使用WordPress自定义域做的小工具	七大让WordPress后台管理界面更漂亮的WP插件	WordPress插件开发之Widget侧边栏挂件插件	六个精美的WordPress圣诞插件
无觅

1. Ozh’s Admin Drop Down Menu

Admin Drop Down Menu

Admin Drop Down Menu是最好的WordPress用户界面的插件之一，改变WordPress的管理方面的默认的用户界面。该插件替换所有的管理连接为超漂亮的CSS横向下拉菜单。该插件还可以节省不必要的点击次数，扩大菜单，提高您的效率。

Admin Drop Down Dashboard

该插件带有一个综合设置页面。您可以更改管理下拉菜单的配色方案，来提高插件速度，还可以禁用管理链接图标。

Admin Drop Down Options

一个更加有趣的特点是它的紧凑模式，只显示顶部链接图标，而下拉管理菜单链接在点击之后出现。下面的屏幕截图阐述了此功能。

Compact Mode

2. Fluency Admin 2.2

Fluency Admin可以给你的WordPress的一个有吸引力的外观。该插件替换所有管理面板为漂亮的CSS下拉管理菜单系。Fluency Admin还增加了键盘快捷键的支持，从而使您能够通过你的键盘来控制WordPress。并且Fluency Admin还可以一键完成在全菜单浏览模式和图标浏览模式。

Fluency Wordpress Dashboard

Fluency Admin还支持在系统后台设置登陆页面主题。您可以轻松的改变WordPress logo为自己的网站logo。

Fluency Options Menu

Fluency Login Theme

3. Easy Admin Color Schemes

默认的WordPress安装配有两个配色方案，灰色和蓝色。Easy Admin Color Schemes插件增加了对您的管理面板的配色方案。此外，通过它还可以自己创建自己的配色方案。您还可以导出自定义配色方案到其他的博客中。根据不同的设置，每个用户可以有自己的定制的配色方案。看一下下面的这个配置方案截图效果吧：

WordPress dashboard green color scheme

Easy admin color scheme options

4. Qwerty Admin Panel Theme

Qwerty Admin Panel Theme是一个很好看的WordPress后台主题。它允许您设置自己风格管理面板和登录页面。您也可以用自己网站的logo来替换掉WordPress默认的登录logo。

Qwerty WordPress admin panel theme

Qwerty WordPress admin panel options

此插件的一个显着特点是“Limited Interface”，即根据不同的用户权限显示不同的用户面板功能。

Qwerty Login theme

5. Pop Menus for WP-Admin

Pop Menus插件将为您创建一个节省时间的“常用功能”的WP-admin 侧边栏。Pop Menus使用jQuery和CSS弹出动画管理快捷界面。此外，Pop Menus还可以随页面滚动。

Pop-Menus Dashboard

6. Adminimize

Adminimize是一个非常全面和先进的WordPress的插件，具有很多特点来定制你的WordPress后台。该插件有隐藏不必要的WordPress的管理子菜单，甚至 “Dashboard”等不必要的功能菜单。该插件有50多个选项来调整你的WordPress安装后端。
下面的屏幕截图显示了Adminimize管理选项面板。

Adminimize Option Panel

7. My Brand

通过My Brand插件自定义您的WordPress页面变得如此的容易。只要安装这个插件，并根据插件选项的帮助，您可以为您的WordPress登陆页面选择的背景颜色或背景，或者登录Logo。您也可以上载您的登录页面，自定义自己的Logo。

My Brand Options Panel

如果您有什么好的WordPress管理界面插件，可以拿出来跟我们分享给大家使用哦~

原文：《7 Awesome WordPress Plugins To Give Your Dashboard A New Look》
翻译：《七大让WordPress后台管理界面更漂亮的WP插件》 | 断桥残雪部落格

随机文章

• windows下安装基于Apache的SVN服务器
• 奋斗了两天！
• 断桥残雪部落格更换新域名JS8.in
• jQuery插件pager修改版-更加智能
• Google AdWords免费广告费用申请下来了
• HTMl5的sessionStorage和localStorage
• 练手：一个获取验证码图片到本地的PHP程序
• 拿福能中国千人挑战活动

© 三水清 for 三水清, 2010. | 19 comments |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: plugin, wordpress

猜你喜欢：
发布WordPress来访者天气预报插件	WordPress博客的 SEO 技巧	WordPress插件开发之Widget侧边栏挂件插件	三个使用WordPress自定义域做的小工具
无觅

给某一日记添加js或者CSS

WordPress 在发布日志时会对过滤一些Javascript、CSS内容，所以我们无法直接把JS、CSS直接写到日志，当然我们可以通过修改主题来实现。可是如果修改主题，把JS或者CSS的内容添加到 header.php 文件中，那么博客所有的页面都会加载这些内容，这样势必会造成整个博客效率下降。所以这个时候我们可以通过 WordPress 自定义域来给某篇的日志单独加载Javascript 和CSS。文章最后再介绍一种管理WordPress自定义域的小技巧工具。

假设我们给日志单独加载JS、CSS的自定义域名称是 head_JS_CSS。那么你首先需要把下面这段代码复制到你主题根目录下的 functions.php 文件中：

function head_JS_CSS(){
    if (is_single() || is_page()) {
        global $post;
        $head_JS_CSS = get_post_meta($post->ID, 'head_JS_CSS', true);
        echo $head_JS_CSS;
    }
}
add_action("wp_head","head_JS_CSS");

现在你在添加日志的时候，在WordPress自定义域区域，创建一个新的名称为：”head_JS_CSS”自定义域，在“值”输入你要单独为这篇日志加载的 Javascript 代码或者 CSS 即可。

给加密的日志添加密码提示信息

当我们添加一篇加密的文章时，或许我们需要部分人知道密码的时候，可以试试做个密码提示，例如：××的生日。
假设我们给日志添加密码提示的自定义域名称是password_hint。那么你首先需要把下面这段代码复制到你主题根目录下的 functions.php 文件中：

function password_hint( $c ){
	global $post, $user_ID, $user_identity;
	if ( empty($post->post_password) )
		return $c;
	if ( isset($_COOKIE['wp-postpass_'.COOKIEHASH]) && stripslashes($_COOKIE['wp-postpass_'.COOKIEHASH]) == $post->post_password )
	return $c;
	//替换
	if($hint = get_post_meta($post->ID, 'password_hint', true)){
		$url = get_option('siteurl').'/wp-pass.php';
		if($hint)
		$hint = '密码提示：'.$hint;
		else
		$hint = "请输入您的密码";
		if($user_ID)
		$hint .= sprintf('欢迎进入，您的密码是：', $user_identity, $post->post_password);
		$out = <<<END
<form method="post" action="$url">
	<p>这篇文章是受保护的文章，请输入密码继续阅读:</p>
	<div class="rowl">
	<label>$hint<br/>
	<input class="textfield" type="password" name="post_password"/></label>
	<input class="button bias" type="submit" value="Submit" name="Submit"/>
	</div>
</form>
END;
		return $out;
}else{
	return $c;
}
}
add_filter('the_content', 'password_hint');

然后在你添加日志的时候，在WordPress自定义域区域，创建一个新的名称为：”password_hint”的自定义域，在“值”输入你密码提示：如断桥残雪的生日阳历是几号？

显示日志缩略图

这个比较简单，不过效果很帅，会实现就像cnbeta那样的首页日记缩略图功能。
假设我们给日志添加缩略图的自定义域名称是 image_thumb。那么你首先需要找到你主题根目录下的 index.php文件中的类似

<?php the_content('Read the rest of this entry &raquo;'); ?>

代码前面添加如下代码：

<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>">
<img src="<?php $values = get_post_custom_values("image_thumb"); echo $values[0]; ?>" alt="<?php the_title(); ?>" />
</a>

然后在你添加日志的时候，在WordPress自定义域区域，创建一个新的名称为：”image_thumb”自定义域，在“值”输入你要为本篇日志上传的图片的 URL。

自定义域多了的小技巧

自定义域多了，我们都不好记了，或者类似加密提示的自定义域我们不经常用，当用起来的时候也许我们就忘记他们的名字了，怎么办呢~断桥残雪有个好方法，就是在后台添加、编辑日记的页面右侧添加一个提示，效果如下所示：

WordPress添加自定义域提示

我们只需要找到主题文件夹的根目录下的functions.php文件，添加以下代码即可：

function custom_fields_tip(){
	$h3 = "欢迎使用自定义域";	
	$html=<<<END
<div class="stuffbox meta-box-sortables ui-sortable">
	<h3>$h3</h3>
	<div class="inside">
		<p>如果你正在发布或编辑一篇受密码保护的文章,建议您添加一个名称为'password_hint'的自定义域.用来提示访客.<br/>使用'head_JS_CSS'可以添加css、js到头部.<br/>使用'image_thumb'可以给文章添加缩略图</p>		
	</div>
</div>
END;
	echo $html;
}
add_action('submitpost_box', 'custom_fields_tip');
add_action('submitpage_box', 'custom_fields_tip');

随机文章

• 奋斗了两天！
• Wordpress Follow5 插件开发日记—插件后台Ajax应用及jQuery的使用
• 手把手图解教你使用PQ魔法师调节硬盘分区大小
• 自己写的一个轻量级javascript框架的设计模式
• 是不是应该出售2fool.cn的域名
• 全世界都在笑中国傻
• jQuery选择器使用详解
• 简单修改.htaccess来提高Yslow等级

© 三水清 for 三水清, 2009. | 12 comments |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: wordpress

猜你喜欢：
WordPress插件开发之Widget侧边栏挂件插件	WordPress博客的 SEO 技巧	六个精美的WordPress圣诞插件	wordpress Follow5插件发布
无觅

WordPress新年插件

主要效果是在页面的右上角做一个翻页效果的Flash。

下载地址：WordPress新年插件下载地址
预览地址：柳城博客
使用方法：下载后解压，然后上传后 wp-content/plugins 目录。在后台激活，就能用了。后台有详细的参数设置。可以选择在不同的页面下显示（首页、目录、标签等页面）。

非WordPress通用插件方法

不喜欢用插件的，或不是用WP博客的博友也无所谓。这里有一个通用的版本。把以下代码放在之间。如果是WordPress博客，推荐放在footer.php的之前。

<div id=layer11 style="z-index: 1; right: 22px; right: 240px \9; visibility: visible; width: 240px; position: absolute; top: 1px; height: 240px">
   <object codebase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0
     height=480 width=480
     classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000>
  <param name="_cx" value="6879">
  <param name="_cy" value="6879">
  <param name="flashvars" value>
  <param name="movie" value="http://liucheng.name/wp-content/plugins/chinese-new-year/Chinese-new-year.swf">
  <param name="src" value="http://liucheng.name/wp-content/plugins/chinese-new-year/Chinese-new-year.swf">
  <param name="wmode" value="transparent">
  <param name="quality" value="high">
  <param name="allowscriptaccess" value="always">
  <param name="devicefont" value="0">
  <param name="embedmovie" value="0">
  <param name="swremote" value>
  <param name="moviedata" value>
  <param name="seamlesstabbing" value="1">
  <embed src="http://liucheng.name/wp-content/plugins/chinese-new-year/Chinese-new-year.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?p1_prod_version=shockwaveflash" type="application/x-shockwave-flash" width="260" height="260" wmode="transparent">
   </object>
 </div>

随机文章

• PHP实现javascript的escape和unescape函数
• javascript变量类型
• js判断浏览器的函数，可区分chrome，safari
• jQuery插件pager修改版-更加智能
• jQuery浏览器判断一个bug，以及修改建议
• dedeeims列表页面导航条当前样式实现方法
• 实时公布腾讯微博邀请种子
• 发布一个Follow5的API PHP类

© 三水清 for 三水清, 2009. | One comment |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: wordpress, WordPress

猜你喜欢：
推荐一款免费圣诞节新年WordPress主题	WordPress博客的 SEO 技巧	WordPress插件开发之Widget侧边栏挂件插件	三个使用WordPress自定义域做的小工具
无觅

WP_Widget函数的默认用法是这样子的：

class My_Widget extends WP_Widget {
	function My_Widget() {
		// 挂件实例化
	}
	function widget($args, $instance) {
		// 输出挂件内容
	}
	function update($new_instance, $old_instance) {
		// 选项保存过程
	}
	function form($instance) {
		// 在管理界面输出选项表单
	}
}
register_widget('My_Widget');

简单分析一下：

My_Widget :可以是任意的你喜欢的名字，是你开发插件的构造函数
widget：跟下面的update，form都是WordPress默认的名字，不得改变。widget为在页面侧边栏输出的挂件内容
update：选项更新时候保存处理的函数
form：在后台管理界面显示的输出选项表单

下面我分析一下我的天气预报插件的源代码，解释一下WP_Widget的用法，源代码如下所示：

<?php
class Weather_Widget extends WP_Widget {
    /** 构造函数 */
    function Weather_Widget() {        
		$widget_ops = array(			
			'description' => '设置您的<strong>来访者天气</strong> Widget,拖动到右侧侧边栏即可使用'
		);
        parent::WP_Widget('Weather', $name = 'Weather Widget',$widget_ops);	
    }
    function widget($args, $instance) {
    extract($args);   
    $my_Weather_content = '<div id="myTQ"><div id="weatherLoad"><img src="'.get_bloginfo('url').'/wp-content/plugins/weather/images/loading.gif" /><br/><span>天气加载中……</span></div></div>';
    echo $before_widget.$before_title.$instance['title'].$after_title.$my_Weather_content.$after_widget;
}
    function update($new_instance, $old_instance) {				
        return $new_instance;
    }
    function form($instance) {				
        $title = esc_attr($instance['title']);
        ?>
            <p><label for="<?php echo $this->get_field_id('title'); ?>"><?php _e('Title:'); ?> <input class="widefat" id="<?php echo $this->get_field_id('title'); ?>" name="<?php echo $this->get_field_name('title'); ?>" type="text" value="<?php echo $title; ?>" /></label></p>
        <?php 
    }
 
}
add_action('widgets_init', create_function('', 'return register_widget("Weather_Widget");'));

构造函数Weather_Widget

作用是构造函数，添加后台显示信息。
两个数组：

$widget_ops，用来保存类名和描述，以便在控制面板正确显示工具信息
$control_ops 是可选参数，用来定义小工具在控制面板显示的宽度和高度（可选，天气预报插件未使用本数组）

最后一步代码：

parent::WP_Widget('Weather', $name = 'Weather Widget',$widget_ops);

调用WP_Widget来初始化我们的小工具，其中name为插件在后台显示的名称。
效果截图：

WordPress挂件插件开发

前端显示函数widget

首先使用了extract函数把数组中的keys转换成变量，比如下面用到的$before_widget、$before_title、$after_title、$after_widget，这些变量不同的主题模块有不同的值。
然后我们使用echo来显示到页面上来

更新处理函数update

update函数用于更新保存的设置。其实这个函数可以不定义，不过为了提高安全性，我们一般用此函数进行字符串的过滤。如下面的代码：

 $instance = $old_instance;
  $instance['title'] = strip_tags(stripslashes($new_instance['title']));
return $instance;

可以过滤掉不安全的title字符

选项设置表单函数form

form函数一般是用来显示小工具的选项设置表单，表单的内容根据需要自己定义。天气预报插件小工具可以让用户自定义1个内容：title插件名称。
$instance数组的key：title是可以自己定义的，但在前后的使用过程中要保持一致。另外wordpress提供了两函数get_field_name 和get_field_id来保证表单内每一项设置都保存到相应的数组Key中。
效果截图：

WordPress挂件插件开发——设置标题

注册小工具，使之激活

最后使用WordPress内置的add_action函数激活天气预报插件就可以了~
注意：注册工具的代码要添加到上面的类定义之外！
最终来访者天气预报插件的效果图：

有关该来访者天气预报插件的源代码下载以及安装和使用方法，可以参看:
http://js8.in/wordpress-weather

随机文章

• 前端开发常见图片格式详解
• 提高Firefox的innerHTML()的性能
• 对Zblog的页面分页链接的修改
• 我开发的新浪微博应用：微博送祝福
• 淘宝秒杀门事件始末
• 使用JavaScript在IE和Firefox下进行iframe的DOM操作
• Google AdWords免费广告费用申请下来了
• 断桥残雪爱墙出国啦！

© 三水清 for 三水清, 2009. | 7 comments |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: wordpress

猜你喜欢：
Wordpress Follow5 插件开发日记—插件后台Ajax应用及jQuery的使用	三个使用WordPress自定义域做的小工具	七大让WordPress后台管理界面更漂亮的WP插件	六个精美的WordPress圣诞插件
无觅

1、Christmas Countdown 圣诞倒计时

Christmas Countdown

一个很漂亮的圣诞倒计时Widget插件，可以显示距离圣诞节还有多少时间，是个一个flash，带着飘雪的效果。
演示地址：http://christmas0.com/
下载地址：http://wordpress.org/extend/plugins/christmas-countdown/

2、WP-Christmas一对小雪人

一对小雪人

国人产品，一对雪人祝大家圣诞快乐! 飘着小雪。感觉还不错，就是Flash做工有点差。
演示地址：http://liucheng.name/1166/
下载地址：http://wordpress.org/extend/plugins/wp-christmas/

3、iCaughtSanta ( Falling Snow )

iCaughtSanta ( Falling Snow )漂亮的降雪

增加了一个美丽的飘雪效果的任何WordPress的网站。让访问者体验这个奇妙的冬天的景色。
演示地址：http://www.icaughtsanta.com/ics-snow-plugin/
下载地址：http://wordpress.org/extend/plugins/icaughtsanta-falling-snow/

4、Let It Snow!让它下雪吧！

漂亮的下雪wp插件

这是一个小雪花插件，提供细小的点状雪花效果，著名的 WordPress.com 目前就使用的这种雪花效果。我个人比较喜欢这个雪花插件，效果比较细腻，不仔细看还看不出来。
演示地址：http://www.theorchardsblog.net/
下载地址：http://wordpress.org/extend/plugins/let-it-snow/

5、Snow, balloons and more 想下啥就下啥！

雪花、叶子、瓶子甚至刀子，想下啥就下啥！

这是一款 WordPress 上比较老的雪花效果插件，提供那种大片的结晶的雪花，圣诞老人图片。但是它又不仅仅是一款下雪效果插件，还提供了落叶效果 ，它的图片是可以更改的，只要你高兴下刀子都没有问题。
演示地址：http://www.nkuttler.de/wordpress/snow-balloons-and-more/
下载地址：http://wordpress.org/extend/plugins/nksnow/

6、最后推荐一下自己的WordPress天气插件

WordPress来访者天气预报插件截图

WordPress来访者天气预报插件采用精美的天气图标，完全DIV+CSS页面布局，保证了页面的美观大气，数据库信息来自中国气象网，保证了数据的可靠性，并且熟悉CSS的童鞋还可以修改插件中的CSS，以达到自己喜欢的页面效果。css地址为wp-content\plugins\weather\css.css
演示地址：http://js8.in
下载地址：http://js8.in/wordpress-weather

随机文章

• [转]利用跨域资源共享（CORS）实现ajax跨域调用
• onbeforeunload与a标签在IE中的冲突bug
• chrome扩展应用开发教程之天气预报应用开发
• 2fool.cn域名健在，爱墙升级
• 用批处理说中文！
• 切换订阅地址到feedsky
• jQuery1.4正式版新功能及性能测试
• 园艺学院网站内测！开始，欢迎访问

© 三水清 for 三水清, 2009. | 6 comments |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: wordpress, 圣诞节, 插件

猜你喜欢：
WordPress插件开发之Widget侧边栏挂件插件	wordpress Follow5插件发布	七大让WordPress后台管理界面更漂亮的WP插件	发布WordPress来访者天气预报插件
无觅

这个插件的使用的是jsonp技术，首先通过QQ的ip接口（http://fw.qq.com/ipaddress）获取到来访者的城市地理信息，然后使用WordPress的wp_footer的hook动态建立一个JavaScript文件，文件地址为我博客的http://js8.in/weather/js.php，js.php返回的是一段JavaScript代码，代码使用innerHTML插入来访者天气预报的内容。

WordPress来访者天气预报插件采用精美的天气图标，完全DIV+CSS页面布局，保证了页面的美观大气，数据库信息来自中国气象网，保证了数据的可靠性，并且熟悉CSS的童鞋还可以修改插件中的CSS，以达到自己喜欢的页面效果。css地址为wp-content\plugins\weather\css.css

插件如不能正常使用，请看以下注意事项：

1、保证您的主题皮肤中的footer.php中存在do_action(’wp_footer’);函数

2、如出现其他情况，请来插件页面报错

WordPress来访者天气预报插件截图

使用方法：

1、下载插件（点击下载）并上传到wp-content\plugins目录中；
2、登录网站后台安装此插件；
3、然后进入“外观”，“小工具”，把“Weather Widget”小工具拖到右侧，填写插件显示名称（如：天气预报）即可。

最后更新时间：2009-12-12 8：55

下载地址：http://js8.in/weather/vistor_weather.zip

当前最新版本为：0.1

随机文章

• 使用if IE hack注释解决CSS以及JS的兼容问题
• 懂爱
• Javascript设置光标位置到结尾并显示出来
• 08.11.19
• jQuery+google weather API轻松实现天气地图（二）
• 【PPT分享】XSS注入和防范
• 断桥残雪爱墙IE发布祝福bug更新
• 委员们又闹笑话了

© 三水清 for 三水清, 2009. | 5 comments |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: plugin, wordpress, 天气预报

猜你喜欢：
七大让WordPress后台管理界面更漂亮的WP插件	wordpress Follow5插件发布	三个使用WordPress自定义域做的小工具	WordPress插件开发之Widget侧边栏挂件插件
无觅

解决方法

1.将chrome的界面语言改成英文,方法:扳手-选项-高级选项-更改字体和语言设置-语言-谷歌浏览器语言 将这里的改成英语(美国)之类
2.

Basically, the Chrome browser is based on WebKit. There are some webkit internal font setting options for font family, font size, etc.
Using text editor to open “Documents and Settings\User_Name\Local Settings\Application Data\Google\Chrome\User Data\Default\Preferences”
You will find the “webkit”: { “webprefs”: { in the file. Those settings are for WebKit.
In my setting example:
“webkit”: {
“webprefs”: {
“default_fixed_font_size”: 11,
“default_font_size”: 12,
“fixed_font_family”: “Bitstream Vera Sans Mono”,
“minimum_font_size”: 12,
“minimum_logical_font_siz”: 12,
“sansserif_font_family”: “Times New Roman”,
“serif_font_family”: “Arial”,
“standard_font_is_serif”: false,
“text_areas_are_resizable”: true
}
}
The minimum_font_size and minimum_logical_font_size prevent Chrome to use very small font size for display.
Remember to close Chrome first before you edit the file, or the file you saved will be overwritten by Chome after exiting.

随机文章

• 使用ZeroClipboard解决跨浏览器复制到剪贴板的问题
• jQuery插件–wBox发布
• 使用xdebug调试PHP 找出PHP程序的瓶颈
• 一款模仿Mac的windows7主题包
• IE6中a标签触发图片和ajax请求被abort
• 断桥残雪爱墙IE发布祝福bug更新
• 病毒清除啦~可是似乎xp中访问博客还是很慢！
• 2fool.cn域名健在，爱墙升级

© 三水清 for 三水清, 2009. | 18 comments |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: chrome, css hack, wordpress

猜你喜欢：
Opera Chrome Safari浏览器的CSS Hack方法	使用if IE hack注释解决CSS以及JS的兼容问题	css解决chrome 12px字号限制	主流浏览器的CSS Hack方法整理
无觅