<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>NeoEase &#187; WP Plugin</title>
	<atom:link href="http://www.neoease.com/category/wordpress/wp-plugin/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.neoease.com</link>
	<description>MG12&#039;s Blog - Just Another WordPress Blog</description>
	<lastBuildDate>Sun, 08 Jan 2012 03:00:27 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>WordPress 面包屑插件 Breadcrumbs</title>
		<link>http://www.neoease.com/wordpress-plugin-breadcrumbs/</link>
		<comments>http://www.neoease.com/wordpress-plugin-breadcrumbs/#comments</comments>
		<pubDate>Sun, 30 Oct 2011 14:31:36 +0000</pubDate>
		<dc:creator>mg12</dc:creator>
				<category><![CDATA[WP Plugin]]></category>
		<category><![CDATA[Breadcrumb]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.neoease.com/?p=2152</guid>
		<description><![CDATA[面包屑对用户体验和 SEO 都相当重要, 但是 WordPress 并没有提供原生的面包屑组件, 实现相当麻烦. 曾经我介绍过一款名为 Breadcrumb NavXT 的 WordPress 面包屑插件, 本文我将再大家介绍一个, Breadcrumbs. Breadcrumbs 与 Breadcrumb NavXT 的区别 从界面上看, 两插件并没有太多区别, 可以在 WordPress 架构内的所有页面加上面包屑. 从功能来看, Breadcrumb NavXT 更加强大. 可以针对特定类型页面进行设定, 并且提供两种结构的页面输出. 从 SEO 来看, Breadcrumbs 更加合理. 由于插件作者 Yoast 的 SEO 功底很强大, 插件在这方面肯定会有更多关注. 可以选择在 Home 链接加上 nofollow, 在 Home 链接和后面的索引之间加上特定的页面 (如: 我加上了 All Categories 的页面链接). Breadcrumbs [...]<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></description>
			<content:encoded><![CDATA[<p>
面包屑对用户体验和 <a href="http://www.neoease.com/wordpress-seo-tips">SEO</a> 都相当重要, 但是 WordPress 并没有提供原生的面包屑组件, 实现相当麻烦. 曾经我介绍过一款名为 <a href="http://www.neoease.com/wordpress-plugin-breadcrumb-navxt/">Breadcrumb NavXT</a> 的 WordPress 面包屑插件, 本文我将再大家介绍一个, <strong><a href="http://yoast.com/wordpress/breadcrumbs/" rel="external">Breadcrumbs</a></strong>.
</p>
<p>
<img class="sided" src="http://cdn.yoast.com/wp-content/uploads/2008/08/WordPress-Breadcrumbs-example.jpg" alt="WordPress 面包屑插件 Breadcrumbs" /><br />
<span id="more-2152"></span>
</p>
<h3>Breadcrumbs 与 Breadcrumb NavXT 的区别</h3>
<ol>
<li>从界面上看, 两插件并没有太多区别, 可以在 WordPress 架构内的所有页面加上面包屑.</li>
<li>从功能来看, Breadcrumb NavXT 更加强大. 可以针对特定类型页面进行设定, 并且提供两种结构的页面输出.</li>
<li>从 SEO 来看, Breadcrumbs 更加合理. 由于插件作者 Yoast 的 SEO 功底很强大, 插件在这方面肯定会有更多关注. 可以选择在 Home 链接加上 nofollow, 在 Home 链接和后面的索引之间加上特定的页面 (如: 我加上了 All Categories 的页面链接).</li>
</ol>
<h3>Breadcrumbs 插件的缺陷</h3>
<ol>
<li>如果文章被分配到多个类目中, 只有一个类目有效, 插件更具字母 A 到 Z 的循序选择头一个类目作为面包屑路径.</li>
<li>文章详细页面的面包屑中包含文章标题, 这个多余了.</li>
</ol>
<p>
这里提及的两个问题 Breadcrumb NavXT 插件也有. 前一个问题我没有解决, 因为影响不到我的使用, 也没想过怎样去弄; 后一个问题我解决了, 除了除掉文章详细页面的文章标题, 还修改了面包屑中其他链接的标签结构, 比如: 为 SEO 将最后一个面包屑节点改成 h2.
</p>
<h3>Breadcrumbs 插件的使用</h3>
<p>
下载插件请移步 <a href="http://wordpress.org/extend/plugins/breadcrumbs/" rel="external">WordPress 插件中心的插件页面</a>.
</p>
<p>
在 WordPress 主题中插入代码调用插件, 如下.
</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span>
	<span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">function_exists</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'yoast_breadcrumb'</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		yoast_breadcrumb<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">''</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">''</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div>

<p>
调用插件的方法有三个参数. 前两个是输出在前后的 HTML 片段; 第三个参数指定返回字符串还是输出页面, 如果第三个参数是 true 代码直接输出页面, 如果是 false 返回字符串, 默认是 true.
</p>
<h3>Breadcrumbs 插件的改进</h3>
<p>
我使用的是 Breadcrumbs, 因为功能简单, 代码少, 容易改. 为了 SEO 效果, 突出页面关键字, 避免出现重复链接, 我对插件进行了一些修改.
</p>
<ol>
<li>将文章详细页面的面包屑中出现的文章标题去掉, 因为这个与文章标题重复.</li>
<li>在面包屑的 Home 链接和类目链接之间加上 All Categories 的链接, 便于区分文章详细页面和独立页面的路径. (独立页面是不存在分类的.)</li>
<li>在 Home 链接和 All Categories 页面链接加上 nofollow. Home 这个词跟你在首页没有关系, 而且页面 Logo 也链向首页, 没必要重复一下让爬虫混淆; 我的顶部导航中已经有 All Categories 的入口, 没有必要重复一下.</li>
<li>将存档页面的面包屑最后一个词改为 h1, 因为它是整个页面的核心关键字. 比如: 现有存档页面面包屑 Home &gt; All Categories &gt; WordPress, 我会将 WordPress 改成 h1. 因为这里展示的是 WordPress 类目下的文章列表, 与其关系最大, 我将这个当成页面的标题来处理.</li>
<li>将文章详细页面的面包屑最后一个链接改为 h2. 在我的这个博客中, 文章详细页面没有指定分类链接, 其实我是将这个功能与面包屑的合并了, 面包屑的最后一个链接就是该文章的分类链接. 除非有十分重要的副标题存在, 由于标签和分类是文章之间联系的桥梁, 可以仅此于标题给 h2.</li>
<li>将面包屑中的 &raquo; 改为 &gt;, 纯粹觉得不好看.</li>
</ol>
<h3>总结</h3>
<p>
面包屑很总要, 强烈建议用上. Breadcrumb NavXT 和 Breadcrumbs 是目前最受欢迎的两个 WordPress 面包屑插件, 看似不一样, 实际区别不大, 都很好用.</p>
 <img src="http://www.neoease.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=2152" width="1" height="1" style="display: none;" /><ul>
		<li><a href="http://www.neoease.com/wordpress-plugin-breadcrumb-navxt/" rel="bookmark">WordPress 面包屑插件 Breadcrumb NavXT</a><!-- (27)--></li>
		<li><a href="http://www.neoease.com/wordpress-breadcrumb-navigation/" rel="bookmark">WordPress 的文章导航</a><!-- (9.3)--></li>
		<li><a href="http://www.neoease.com/wordpress-seo-tips/" rel="bookmark">WordPress SEO 技巧</a><!-- (9.3)--></li>
		<li><a href="http://www.neoease.com/show-different-widgets-in-wordpress-sidebar/" rel="bookmark">WordPress 不同页面显示不一样的侧边栏</a><!-- (7)--></li>
		<li><a href="http://www.neoease.com/add-nofollow-to-comment-link-on-wordpress/" rel="bookmark">为 WordPress 的评论链接加上 nofollow</a><!-- (5.4)--></li>
	</ul>
<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></content:encoded>
			<wfw:commentRss>http://www.neoease.com/wordpress-plugin-breadcrumbs/feed/</wfw:commentRss>
		<slash:comments>33</slash:comments>
		</item>
		<item>
		<title>手机主题调度插件 WordPress Mobile Themes</title>
		<link>http://www.neoease.com/wp-mobile-themes/</link>
		<comments>http://www.neoease.com/wp-mobile-themes/#comments</comments>
		<pubDate>Wed, 05 Oct 2011 16:35:31 +0000</pubDate>
		<dc:creator>mg12</dc:creator>
				<category><![CDATA[WP Plugin]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Release]]></category>
		<category><![CDATA[Theme]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.neoease.com/?p=2091</guid>
		<description><![CDATA[允许用户为使用手机浏览的访客选择另一套主题. 该手机主题不会影响桌面 (默认) 主题的功能和效果, 但会在主流的手机浏览器 (Safari Mobile, Android 浏览器, UC 浏览器, ...) 上显示选择的手机主题. 适用版本 WordPress 3.0 或以上 插件下载 WordPress Mobile Themes 安装方法 将压缩包解压到 {WordPress 根目录}/wp-content/plugins/. 登录你的 WordPress 后台, 到 Plugins 页面激活插件 WordPress Mobile Themes. 到 Appearance->Mobile Themes 页面修改插件设置. 插件本地化 此版本支持英文和简体中文, 其中英文是默认设置. 若要使用简体中文, 请执行以下步骤: 1. 打开 WordPress 根目录的文件 wp-config.php. 2. 查找 define ('WPLANG', ''); 并修改为 define [...]<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></description>
			<content:encoded><![CDATA[<p>
允许用户为使用手机浏览的访客选择另一套主题. 该手机主题不会影响桌面 (默认) 主题的功能和效果, 但会在主流的手机浏览器 (Safari Mobile, Android 浏览器, UC 浏览器, ...) 上显示选择的手机主题.
</p>
<p>
<img class="sided" src="http://wordpress.org/extend/plugins/wp-mobile-themes/screenshot-1.png" alt="最新评论, Recent Comment, WordPress, WP, 插件" width="600" />
</p>
<p><span id="more-2091"></span></p>
<h3>适用版本</h3>
<p>
WordPress 3.0 或以上
</p>
<h3>插件下载</h3>
<p>
<a href="http://downloads.wordpress.org/plugin/wp-mobile-themes.zip">WordPress Mobile Themes</a>
</p>
<p><!--more--></p>
<h3>安装方法</h3>
<ul>
<li>将压缩包解压到 {WordPress 根目录}/wp-content/plugins/.</li>
<li>登录你的 WordPress 后台, 到 Plugins 页面激活插件 WordPress Mobile Themes.</li>
<li>到 Appearance->Mobile Themes 页面修改插件设置.</li>
</ul>
<h3>插件本地化</h3>
<p>
此版本支持英文和简体中文, 其中英文是默认设置. 若要使用简体中文, 请执行以下步骤:<br />
1. 打开 WordPress 根目录的文件 <code>wp-config.php</code>.<br />
2. 查找 <code>define ('WPLANG', '');</code> 并修改为 <code>define ('WPLANG', 'zh_CN');</code>.
</p>
<h3>更新日志</h3>
<p>
<a rel="nofollow" href="http://wordpress.org/extend/plugins/wp-mobile-themes/changelog/">Change Log</a></p>
 <img src="http://www.neoease.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=2091" width="1" height="1" style="display: none;" /><ul>
		<li><a href="http://www.neoease.com/wp-recentcomments/" rel="bookmark">最新评论插件 WP-RecentComments</a><!-- (23.9)--></li>
		<li><a href="http://www.neoease.com/wp-easyarchives/" rel="bookmark">文章存档插件 WP-EasyArchives</a><!-- (23.6)--></li>
		<li><a href="http://www.neoease.com/highslide4wp/" rel="bookmark">图片预览插件 Highslide4WP</a><!-- (21.3)--></li>
		<li><a href="http://www.neoease.com/feedsky-statistic/" rel="bookmark">WordPress 上的 Feedsky 统计插件</a><!-- (18.9)--></li>
		<li><a href="http://www.neoease.com/wp-multicollinks/" rel="bookmark">多栏友情链接插件 WP-MulticolLinks</a><!-- (18.3)--></li>
	</ul>
<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></content:encoded>
			<wfw:commentRss>http://www.neoease.com/wp-mobile-themes/feed/</wfw:commentRss>
		<slash:comments>32</slash:comments>
		</item>
		<item>
		<title>WordPress 图片水印插件 - Watermark Reloaded</title>
		<link>http://www.neoease.com/wordpress-plugin-watermark-reloaded/</link>
		<comments>http://www.neoease.com/wordpress-plugin-watermark-reloaded/#comments</comments>
		<pubDate>Tue, 13 Sep 2011 08:44:58 +0000</pubDate>
		<dc:creator>mg12</dc:creator>
				<category><![CDATA[WP Plugin]]></category>
		<category><![CDATA[Image]]></category>
		<category><![CDATA[Opacity]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Watermark]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.neoease.com/?p=1998</guid>
		<description><![CDATA[以前用 WordPress 帮朋友搭建了一个展示公司产品的网站, 发现产品图片时常被同行盗用. 于是捣鼓着搞个为图片加水印的功能, 找来一款 WordPress 图片水印插件: Watermark Reloaded, 并且对插件做了一些修改, 让它支持半透明水印. 插件功能 看看 WordPress 后台截了个图, 功能一目了然. 支持对指定类型的图片进行加水印操作 支持水印定位和位置微调 支持自定义水印文本, 修改文字类型, 文字尺寸和文字颜色 设置完成后, 当用户使用 WordPress 的添加附件功能上传图片, 即在指定格式的图片上进行水印处理. 也就是说, 这个插件在上传图片后, 在传送到指定目录之前为图片加上水印. 半透明水印 在多款 WordPress 图片水印插件中, Watermark Reloaded 并不算功能强大, 但是它使用起来十分便利. 除了半透明水印效果, 它可以满足我其他最想要的功能, 所以我决定改造一下, 让它水印支持透明度调整. 很简单的, 跟我来试一下... 打开插件的主文件 watermark-reloaded.php, 并找到 imageAddText 方法. 将该方法修改如下: private function imageAddText&#40;$image, array $opt&#41; [...]<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></description>
			<content:encoded><![CDATA[<p>
以前用 WordPress 帮朋友搭建了一个展示公司产品的网站, 发现产品图片时常被同行盗用. 于是捣鼓着搞个为图片加水印的功能, 找来一款 <strong>WordPress 图片水印插件</strong>: <a href="http://wordpress.org/extend/plugins/watermark-reloaded/" rel="external">Watermark Reloaded</a>, 并且对插件做了一些修改, 让它支持半透明水印.
</p>
<p><span id="more-1998"></span></p>
<p>
<img class="sided" src="http://photo.tuhigh.com/pics/1138/0913/187252t1315902882301_o.jpg" alt="WordPress 图片半透明水印效果" />
</p>
<h3>插件功能</h3>
<p>
看看 WordPress 后台截了个图, 功能一目了然.
</p>
<ul>
<li>支持对指定类型的图片进行加水印操作</li>
<li>支持水印定位和位置微调</li>
<li>支持自定义水印文本, 修改文字类型, 文字尺寸和文字颜色</li>
</ul>
<p>
<img class="sided" src="http://s.wordpress.org/extend/plugins/watermark-reloaded/screenshot-1.png" alt="WordPress 图片水印插件 - Watermark Reloaded" width="600" />
</p>
<p>
设置完成后, 当用户使用 WordPress 的添加附件功能上传图片, 即在指定格式的图片上进行水印处理. 也就是说, 这个插件在上传图片后, 在传送到指定目录之前为图片加上水印.
</p>
<h3>半透明水印</h3>
<p>
在多款 WordPress 图片水印插件中, Watermark Reloaded 并不算功能强大, 但是它使用起来十分便利. 除了半透明水印效果, 它可以满足我其他最想要的功能, 所以我决定改造一下, 让它水印支持透明度调整. 很简单的, 跟我来试一下...
</p>
<p>
打开插件的主文件 watermark-reloaded.php, 并找到 imageAddText 方法. 将该方法修改如下:
</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">private</span> <span style="color: #000000; font-weight: bold;">function</span> imageAddText<span style="color: #009900;">&#40;</span><span style="color: #000088;">$image</span><span style="color: #339933;">,</span> <span style="color: #990000;">array</span> <span style="color: #000088;">$opt</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #666666; font-style: italic;">// calculate watermark position and get full path to font file</span>
	<span style="color: #000088;">$offset</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$this</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">calculateOffset</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$image</span><span style="color: #339933;">,</span> <span style="color: #000088;">$opt</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$opt</span>    <span style="color: #339933;">=</span> <span style="color: #000088;">$this</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">getFontFullpath</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$opt</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
	<span style="color: #666666; font-style: italic;">// allocate text color</span>
	<span style="color: #000088;">$color</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$opt</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'watermark_text'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'color'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
&nbsp;
	<span style="color: #666666; font-style: italic;">// 这是不透明度, 介于 0.0 和 1.0 之间, 可以参考 CSS3 关于 opacity 的说明.</span>
	<span style="color: #000088;">$opacity</span> <span style="color: #339933;">=</span> <span style="color:#800080;">0.65</span><span style="color: #339933;">;</span>
&nbsp;
	<span style="color: #666666; font-style: italic;">// Add the text to image</span>
	<span style="color: #000088;">$red</span> <span style="color: #339933;">=</span> <span style="color: #990000;">hexdec</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">substr</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$color</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">2</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$green</span> <span style="color: #339933;">=</span> <span style="color: #990000;">hexdec</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">substr</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$color</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">2</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">2</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$blue</span> <span style="color: #339933;">=</span> <span style="color: #990000;">hexdec</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">substr</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$color</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">4</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">2</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$alpha</span> <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">1</span> <span style="color: #339933;">-</span> <span style="color: #000088;">$opacity</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">*</span> <span style="color: #cc66cc;">127</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$style</span> <span style="color: #339933;">=</span> <span style="color: #990000;">imagecolorallocatealpha</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$image</span><span style="color: #339933;">,</span> <span style="color: #000088;">$red</span><span style="color: #339933;">,</span> <span style="color: #000088;">$green</span><span style="color: #339933;">,</span> <span style="color: #000088;">$blue</span><span style="color: #339933;">,</span> <span style="color: #000088;">$alpha</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #990000;">imagettftext</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$image</span><span style="color: #339933;">,</span> <span style="color: #000088;">$opt</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'watermark_text'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'size'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span> <span style="color: #000088;">$offset</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'x'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span> <span style="color: #000088;">$offset</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'y'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span> <span style="color: #000088;">$style</span><span style="color: #339933;">,</span> <span style="color: #000088;">$opt</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'watermark_text'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'font'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span> <span style="color: #000088;">$opt</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'watermark_text'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'value'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
	<span style="color: #b1b100;">return</span> <span style="color: #000088;">$image</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<p>
如果你实在懒得不想动手, 或者就是搞不来... 没关系, 我基于 Watermark Reloaded 1.2.4 修改了一份. 可以通过下方链接下载.<br />
<a href="http://www.neoease.com/tutorials/watermark-reloaded/watermark-reloaded_1.2.4_with_opacity_option.zip">Watermark Reloaded 1.2.4 半透明水印版</a>
</p>
<p>
<img class="sided" src="http://photo.tuhigh.com/pics/1138/0913/187252t1315901747209_o.gif" alt="Watermark Reloaded 支持半透明水印" />
</p>
<p>
注意: 因为图片通道问题, GIF 图片上的半透明水印会显示成红色.
</p>
<h3>插件不足</h3>
<p>
如前面所说, Watermark Reloaded 功能不强大, 不能完全满足我们的需求, 比如: 支持图片 (PNG) 水印, 文字阴影等等. 最要命的是无法根据图片大小进行自适应的水印处理.
</p>
<p>
举个例子吧, 我正在上传一个 600x600 的图片, WordPress 会为我生成 150x150 的缩略图, 但我只能定义一个大小的水印 (因为只能定义一个文字类型, 字号和尺寸). 当我设定文字尺寸为 72px 的时候, 可能 600x600 显示的效果刚刚好, 但是 150x150 的图片还没有水印大, 被水印完全挡住.
</p>
<h3>相关插件</h3>
<p>
我用 Google 找到的第一个 WordPress 图片水印插件是 <a href="http://www.wp-watermark.com/" rel="external">Marekkis Watermark</a>. 从功能介绍看这个插件很强大, 支持布局, 修改字体, 图片水印, 透明度等等. 看似十分完美, 但很遗憾, 我在 WordPress 3.2.1 中激活插件导致页面布局异常, 所以放弃了... 追求某些水印功能的朋友可以一试.
</p>
<h3>后话</h3>
<p>
我的博客没有使用 WordPress 的图库功能, 也不考虑要给图片打水印. 所以关于插件的不足, 写个新给插件作者建议一下好了, 在此打住不折腾. 如果你也像我一样需要图床服务, 可以留意一下<a href="http://www.neoease.com/tuhigh-vip-invite-code/">《发放图海 VIP 邀请码》</a>, 我会不定期发放.</p>
 <img src="http://www.neoease.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=1998" width="1" height="1" style="display: none;" /><ul>
		<li><a href="http://www.neoease.com/lavalamp-for-wordpress-users/" rel="bookmark">在主题中添加 LavaLamp 菜单效果</a><!-- (13.2)--></li>
		<li><a href="http://www.neoease.com/wordpress-menubar-3/" rel="bookmark">WordPress 淡出淡入导航菜单</a><!-- (11)--></li>
		<li><a href="http://www.neoease.com/theme-style-switcher-1/" rel="bookmark">在主题上添加风格切换功能 (1)</a><!-- (8.8)--></li>
		<li><a href="http://www.neoease.com/wordpress-searchbox-tip/" rel="bookmark">WordPress 搜索框添加文字提示</a><!-- (8.2)--></li>
		<li><a href="http://www.neoease.com/use-image-title-in-inove/" rel="bookmark">Use Image Title in iNove</a><!-- (7.9)--></li>
	</ul>
<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></content:encoded>
			<wfw:commentRss>http://www.neoease.com/wordpress-plugin-watermark-reloaded/feed/</wfw:commentRss>
		<slash:comments>34</slash:comments>
		</item>
		<item>
		<title>手机版 WordPress 界面插件 - WPtouch</title>
		<link>http://www.neoease.com/wordpress-mobile-ui-plugin-wptouch/</link>
		<comments>http://www.neoease.com/wordpress-mobile-ui-plugin-wptouch/#comments</comments>
		<pubDate>Mon, 29 Aug 2011 16:54:33 +0000</pubDate>
		<dc:creator>mg12</dc:creator>
				<category><![CDATA[WP Plugin]]></category>
		<category><![CDATA[Android]]></category>
		<category><![CDATA[Browser]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Theme]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.neoease.com/?p=1967</guid>
		<description><![CDATA[最近对触摸设备的浏览器做了功能兼容, 但在小尺寸的移动设备上效果还是不尽人意, 所以看了别人怎么做, 找来了一个叫 WPtouch 的 WordPress 插件制作手机浏览器版本. 随着智能手机和移动网络的广泛应用, 手机浏览器成了最常用的网页载体之一. 但因为受手机屏幕小所限, 很多网站对手机浏览进行了特殊处理, 让访客方便阅读... 使用动机 可能你也曾想过做一套针对手机用户的界面, 或是进行网页兼容 (比如: 不显示侧边栏). 无论是再做一套还是进行兼容, 工作量都不少. 然而, 如果你使用 WordPress, 一切并没有那么艰难, 你可以使用 WPtouch, 它为我们提供整套的浏览器兼容方案. 该插件简单易用, 安装激活即可. 功能特点 WPtouch 支持 iPod, iPhone, iPad, Android, 黑莓, Palm OS 等常用的触摸设备浏览器. 而且强大如一个网站管理工具, 免费版就可以进行一些常规的页面修改, 如选择是否显示文章 Tags, 分类, 作者信息, view more 链接, 菜单管理, 搜索, 分享按钮等常规的功能. WPtouch Pro 版貌似很犀利, [...]<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></description>
			<content:encoded><![CDATA[<p>
最近对触摸设备的浏览器做了功能兼容, 但在小尺寸的移动设备上效果还是不尽人意, 所以看了别人怎么做, 找来了一个叫 <strong><a rel="external" href="http://wordpress.org/extend/plugins/wptouch/">WPtouch</a></strong> 的 <strong><a href="http://www.neoease.com/plugins/">WordPress 插件</a></strong>制作手机浏览器版本.
</p>
<p>
随着智能手机和移动网络的广泛应用, 手机浏览器成了最常用的网页载体之一. 但因为受手机屏幕小所限, 很多网站对手机浏览进行了特殊处理, 让访客方便阅读...
</p>
<p><span id="more-1967"></span></p>
<h3>使用动机</h3>
<p>
可能你也曾想过做一套针对手机用户的界面, 或是进行网页兼容 (比如: 不显示侧边栏). 无论是再做一套还是进行兼容, 工作量都不少. 然而, 如果你使用 WordPress, 一切并没有那么艰难, 你可以使用 WPtouch, 它为我们提供整套的浏览器兼容方案. 该插件简单易用, 安装激活即可.
</p>
<h3>功能特点</h3>
<p>
WPtouch 支持 iPod, iPhone, iPad, Android, 黑莓, Palm OS 等常用的触摸设备浏览器. 而且强大如一个网站管理工具, 免费版就可以进行一些常规的页面修改, 如选择是否显示文章 Tags, 分类, 作者信息, view more 链接, 菜单管理, 搜索, 分享按钮等常规的功能. <a rel="external" href="http://www.bravenewcode.com/store/plugins/wptouch-pro/">WPtouch Pro</a> 版貌似很犀利, 可以自定义主题, 管理广告, 还支持平板电脑界面.
</p>
<h3>显示效果</h3>
<p>
如果有 iPhone 或者 Android 手机, 可以访问我的博客看看效果.
</p>
<p>
<img class="sided" src="http://photo.tuhigh.com/pics/1136/0830/187252t1314636123633_o.png" alt="WPtouch 插件生成页面在手机浏览器上的显示效果" />
</p>
<p>
免费版已经很强大, 没有必要使用付费版本. 如果要定义主题, 可以修改 default 主题达到效果. 插件提供的那些强大的自定义功能对个人博客来说没什么用, 而且平板设备屏幕大, 进行网页兼容即可兼容, 没有必要另起一套.
</p>
<h3>后话</h3>
<p>
插件提供默认主题功能很强大, 连 AJAX 加载文章的功能都有, 但页面结构并不好, 建议有时间爱折腾的同学自我修改和优化.
</p>
<p>
本来我是想自己多做一套针对手机设备的 WordPress 主题, 在 PHP 层判断浏览来源, 如果是手机设备则使用这套主题. 后来<a rel="nofollow external" href="http://wangyueblog.com/">望月</a>告诉我有这个叫 WPtouch 的插件, 就把玩了起来. 我不知道以后会不会一直用着, 但会研究一下这个插件, 这么强大一个插件有很多可以借鉴的内容.
</p>
<p>
<strong>2011年10月6日更新:</strong> 现在我已经开发了一个名叫 <a href="http://www.neoease.com/wp-mobile-themes/">WordPress Mobile Themes</a> 的插件, 可以为使用手机浏览的访客选择另一套主题, 作为手机主题. 也为该博客设计了一套手机主题, 用手机浏览器访问即可看到...</p>
 <img src="http://www.neoease.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=1967" width="1" height="1" style="display: none;" /><ul>
		<li><a href="http://www.neoease.com/mobile-aps-for-job5156/" rel="bookmark">智通人才网手机客户端</a><!-- (9.6)--></li>
		<li><a href="http://www.neoease.com/wp-mobile-themes/" rel="bookmark">手机主题调度插件 WordPress Mobile Themes</a><!-- (8.3)--></li>
		<li><a href="http://www.neoease.com/add-web-icon-to-home-screen-on-iphone-or-ipad/" rel="bookmark">为 iPhone 和 iPad 自定义网站的主屏幕图标</a><!-- (5.7)--></li>
		<li><a href="http://www.neoease.com/meizu-m8-theme-iphone-style-suave/" rel="bookmark">魅族 M8 的 iPhone 风格主题 Suave</a><!-- (5.4)--></li>
		<li><a href="http://www.neoease.com/app-daily-push/" rel="bookmark">App 每日推送 - 挖掘免费 iPhone/iPad 应用</a><!-- (5.3)--></li>
	</ul>
<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></content:encoded>
			<wfw:commentRss>http://www.neoease.com/wordpress-mobile-ui-plugin-wptouch/feed/</wfw:commentRss>
		<slash:comments>27</slash:comments>
		</item>
		<item>
		<title>WordPress 上的 Feedsky 统计插件</title>
		<link>http://www.neoease.com/feedsky-statistic/</link>
		<comments>http://www.neoease.com/feedsky-statistic/#comments</comments>
		<pubDate>Sat, 11 Dec 2010 12:43:33 +0000</pubDate>
		<dc:creator>mg12</dc:creator>
				<category><![CDATA[WP Plugin]]></category>
		<category><![CDATA[Feed]]></category>
		<category><![CDATA[Feedsky]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Subscribe]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.neoease.com/?p=1695</guid>
		<description><![CDATA[Feedsky 是国内著名的订阅托管服务, 但官方只提供图片和 Flash 两种途径获取订阅统计信息的, 而我们设计网站风格时往往期望可以更加灵活地获取信息, 如文本方式. 为此, 本插件应运而生, 名为 Feedsky Statistic. 它可以在每天的特定时间自动将 Feedsky 的前一天的统计数据 (订阅人数和点击次数) 同步到 WordPress 中. 之前我写过一个说明 Feedsky 统计同步原理的文章, 并提供了核心代码. 愿意折腾的同学请参考文章《每日同步 Feedsky 订阅数》, 不愿意折腾的同学可以购买插件使用. 该插件仅售 &#165; 2.98 人民币. 立即购买 插件的安装 Feedsky 统计插件的安装和使用非常简单, 只需要按一下几个步骤操作即可. 1. 将插件解压到 '/wp-content/plugins/' 目录. 2. 在 WordPress 后台的 'Plugins' 页面中激活插件. 3. 在主题代码中调用统计信息. 如下： 显示 Feedsky 的订阅数量: &#60;?php if&#40;function_exists&#40;'get_feedsky_count'&#41;&#41; &#123;echo [...]<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></description>
			<content:encoded><![CDATA[<div class="inline right">
<img class="sided" src="http://wpjam.net/wp-content/uploads/2010/12/feedsky-statistic.png" alt="Feedsky 统计插件" />
</div>
<p>
Feedsky 是国内著名的订阅托管服务, 但官方只提供图片和 Flash 两种途径获取订阅统计信息的, 而我们设计网站风格时往往期望可以更加灵活地获取信息, 如文本方式.
</p>
<p>
为此, 本插件应运而生, 名为 <strong>Feedsky Statistic</strong>. 它可以在每天的特定时间自动将 Feedsky 的前一天的统计数据 (订阅人数和点击次数) 同步到 WordPress 中.
</p>
<p>
之前我写过一个说明 Feedsky 统计同步原理的文章, 并提供了核心代码. 愿意折腾的同学请参考文章<a href="http://www.neoease.com/update-feedsky-subscribe-number-everyday/">《每日同步 Feedsky 订阅数》</a>, 不愿意折腾的同学可以购买插件使用.
</p>
<p>
该插件仅售 <span class="cost">&yen; <b>2.98</b></span> 人民币.<br />
<a class="buy-now-cn" rel="external nofollow" href="http://wpjam.net/item/feedsky-statistic/?ref=mg12">立即购买</a>
</p>
<p><span id="more-1695"></span></p>
<h3>插件的安装</h3>
<p>
Feedsky 统计插件的安装和使用非常简单, 只需要按一下几个步骤操作即可.
</p>
<p>
1. 将插件解压到 '/wp-content/plugins/' 目录.<br />
2. 在 WordPress 后台的 'Plugins' 页面中激活插件.<br />
3. 在主题代码中调用统计信息. 如下：
</p>
<p>
显示 Feedsky 的订阅数量:
</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">function_exists</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'get_feedsky_count'</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><span style="color: #b1b100;">echo</span> get_feedsky_count<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div>

<p>
显示 Feedsky 的点击次数:
</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">function_exists</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'get_feedsky_comein'</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><span style="color: #b1b100;">echo</span> get_feedsky_comein<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div>

<h3>插件的设置</h3>
<p>
填入 Feed ID 和定期更新的时间, 并保存更改.
</p>
<p>
<img class="sided" src="http://wpjam.net/wp-content/uploads/screenshot/feedsky-statistic.png" alt="Feedsky 统计配置" />
</p>
<h3>插件本地化</h3>
<p>
此版本支持英文和简体中文, 其中英文是默认设置. 若要使用简体中文, 请执行以下步骤:
</p>
<p>
1. 打开 WordPress 根目录的文件 wp-config.php.<br />
2. 查找 define ('WPLANG', ''); 并修改为 define ('WPLANG', 'zh_CN');.
</p>
<h3>备注</h3>
<p>
使用该插件时, 请确保你的 PHP 服务器允许读写网络文件. 可以通过以下方式打开服务.<br />
1. 打开 PHP 配置文件 php.ini.<br />
2. 找到 allow_url_include 并将它的值改为 On.</p>
 <img src="http://www.neoease.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=1695" width="1" height="1" style="display: none;" /><ul>
		<li><a href="http://www.neoease.com/wp-mobile-themes/" rel="bookmark">手机主题调度插件 WordPress Mobile Themes</a><!-- (17.9)--></li>
		<li><a href="http://www.neoease.com/wp-easyarchives/" rel="bookmark">文章存档插件 WP-EasyArchives</a><!-- (15.8)--></li>
		<li><a href="http://www.neoease.com/wp-recentcomments/" rel="bookmark">最新评论插件 WP-RecentComments</a><!-- (14.9)--></li>
		<li><a href="http://www.neoease.com/highslide4wp/" rel="bookmark">图片预览插件 Highslide4WP</a><!-- (14.3)--></li>
		<li><a href="http://www.neoease.com/wp-multicollinks/" rel="bookmark">多栏友情链接插件 WP-MulticolLinks</a><!-- (12.3)--></li>
	</ul>
<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></content:encoded>
			<wfw:commentRss>http://www.neoease.com/feedsky-statistic/feed/</wfw:commentRss>
		<slash:comments>49</slash:comments>
		</item>
		<item>
		<title>解决 WordPress 头像无法显示问题</title>
		<link>http://www.neoease.com/change-gravatar-links-to-fix-wordpress-avatars/</link>
		<comments>http://www.neoease.com/change-gravatar-links-to-fix-wordpress-avatars/#comments</comments>
		<pubDate>Sun, 17 Oct 2010 10:16:56 +0000</pubDate>
		<dc:creator>mg12</dc:creator>
				<category><![CDATA[WP Plugin]]></category>
		<category><![CDATA[Avatar]]></category>
		<category><![CDATA[Gravatar]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.neoease.com/?p=1553</guid>
		<description><![CDATA[国内的朋友应该发现最近 WordPress 上的头像总是显示不出来, 而问题只发生在 WP 3.0 或以上版本. WordPress 的头像服务 Gravatar 的部分服务器在国内访问困难, 原因是 Gravatar 所使用的 edgecast CDN 服务遇到了某些问题. WordPress 3.0 通过读取缓存服务器的方式, 减少了对 www.gravatar.com 的直接请求; 以往直接读取官方服务器. 现在都被分流到 0.gravatar.com, 1.gravatar.com 等缓存服务器上了, 这次遇上 CDN 故障, 所以就出现了无法读取头像的问题. WordPress 最新评论插件 WP-RecentComments 直接调用 WordPress 的评论头像接口, 所以也会出现同样的问题. 但只要修复 WordPress 头像显示的问题就能正常如前了. 只需修改 Gavatar 头像的访问方式, 直接请求官方服务器就可以解决问题了. 一些热心网友已经找到问题, 并给出了解决方案. 而现在有更方便的解决办法, 插件. Gravatar Fixed 插件通过函数覆盖的方式, 重新自定义 Gravatar [...]<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></description>
			<content:encoded><![CDATA[<p>
国内的朋友应该发现最近 WordPress 上的头像总是显示不出来, 而问题只发生在 WP 3.0 或以上版本.
</p>
<p>
WordPress 的头像服务 Gravatar 的部分服务器在国内访问困难, 原因是 Gravatar 所使用的 edgecast CDN 服务遇到了某些问题. WordPress 3.0 通过读取缓存服务器的方式, 减少了对 www.gravatar.com 的直接请求; 以往直接读取官方服务器. 现在都被分流到 0.gravatar.com, 1.gravatar.com 等缓存服务器上了, 这次遇上 CDN 故障, 所以就出现了无法读取头像的问题.
</p>
<p><span id="more-1553"></span></p>
<p>
<a href="http://www.neoease.com/plugins/">WordPress 最新评论插件 WP-RecentComments</a> 直接调用 WordPress 的评论头像接口, 所以也会出现同样的问题. 但只要修复 WordPress 头像显示的问题就能正常如前了.
</p>
<p>
只需修改 Gavatar 头像的访问方式, 直接请求官方服务器就可以解决问题了. 一些热心网友已经找到问题, 并给出了解决方案. 而现在有更方便的解决办法, 插件. Gravatar Fixed 插件通过函数覆盖的方式, 重新自定义 Gravatar 服务器, 直接访问 www.gravatar.com 读取头像, 以保证正常访问.
</p>
<p>
<img class="sided" src="http://wpceo.com/wp-content/uploads/2010/10/gravatar-fixed.png" alt="Gravatar插件, 解决 WordPress 头像无法显示的问题" />
</p>
<p>
插件页面: <a rel="external" href="http://wpceo.com/gravatar-fixed/">Gravatar Fixed 头像修正插件</a><br />
下载链接: <a rel="external nofollow" href="http://wpceo.com/wp-content/uploads/2010/10/gravatar-fixed.zip">gravatar-fixed.zip</a></p>
 <img src="http://www.neoease.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=1553" width="1" height="1" style="display: none;" /><ul>
		<li><a href="http://www.neoease.com/upload-wordpress-theme/" rel="bookmark">WordPress 主题提交经历</a><!-- (5.5)--></li>
		<li><a href="http://www.neoease.com/upgrade-to-wordpress-26/" rel="bookmark">升级到 WordPress 2.6</a><!-- (4.6)--></li>
		<li><a href="http://www.neoease.com/blocks2/" rel="bookmark">WordPress 主题 Blocks2</a><!-- (4.4)--></li>
		<li><a href="http://www.neoease.com/wordpress-27-comment-pages/" rel="bookmark">主题技巧: WordPress 2.7 的评论分页</a><!-- (4.3)--></li>
		<li><a href="http://www.neoease.com/elegant-box/" rel="bookmark">WordPress 主题 Elegant Box</a><!-- (4.2)--></li>
	</ul>
<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></content:encoded>
			<wfw:commentRss>http://www.neoease.com/change-gravatar-links-to-fix-wordpress-avatars/feed/</wfw:commentRss>
		<slash:comments>84</slash:comments>
		</item>
		<item>
		<title>插件更新: WP-RecentComments 2.0</title>
		<link>http://www.neoease.com/wordpress-recent-comments-plugin-2-0/</link>
		<comments>http://www.neoease.com/wordpress-recent-comments-plugin-2-0/#comments</comments>
		<pubDate>Thu, 07 Oct 2010 15:50:28 +0000</pubDate>
		<dc:creator>mg12</dc:creator>
				<category><![CDATA[WP Plugin]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Update]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.neoease.com/?p=1482</guid>
		<description><![CDATA[最近将 WordPress 的最新评论插件 WP-RecentComments 更新了. 这次改动很大, 处理方式和表现形式等都不一样了, 除了用来筛选评论部分几乎都重写了. 我写插件的时候一般分成两个文件写 PHP 代码, 一个是 core.php 用于书写核心代码 (如: 算法, 函数库这些与表现层无关的方法). 另一个文件才是插件代码, 在该文件内引用核心代码加以处理. 得益于这种写法, 这次重写时避开了很多不必要的处理, 如筛选评论, 删除配对标签这些. 如果再细分, 其实还可以将配置页面, 插件 Widget 和页面呈现分别写在三个文件里面, ... 但这些都是后话, 先看看我们这次更新都有哪些内容吧. 新老版本有什么区别? 页面初始化 1.x: 在页面加载时将评论列表输出. 包括事件绑定等. 影响页面其他内容的加载; 爬虫可以爬到这些数据, 对 SEO 不利. 关于评论的 SEO 文章 2.x: 在页面加载完成是生成评论列表并绑定事件. 减少最新评论加载对页面加载时间和搜索引擎的影响. JavaScript 放置 1.x: 在页面 head 部分加载 JS. 因为在页面初始化时通过标签属性绑定了事件, [...]<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></description>
			<content:encoded><![CDATA[<p>
最近将 <a href="http://www.neoease.com/wp-recentcomments/">WordPress 的最新评论插件 WP-RecentComments</a> 更新了. 这次改动很大, 处理方式和表现形式等都不一样了, 除了用来筛选评论部分几乎都重写了.
</p>
<p>
我写插件的时候一般分成两个文件写 PHP 代码, 一个是 core.php 用于书写核心代码 (如: 算法, 函数库这些与表现层无关的方法). 另一个文件才是插件代码, 在该文件内引用核心代码加以处理. 得益于这种写法, 这次重写时避开了很多不必要的处理, 如筛选评论, 删除配对标签这些. 如果再细分, 其实还可以将配置页面, 插件 Widget 和页面呈现分别写在三个文件里面, ... 但这些都是后话, 先看看我们这次更新都有哪些内容吧.
</p>
<p><span id="more-1482"></span></p>
<h3>新老版本有什么区别?</h3>
<p>
<strong>页面初始化</strong><br />
1.x: 在页面加载时将评论列表输出. 包括事件绑定等. 影响页面其他内容的加载; 爬虫可以爬到这些数据, 对 SEO 不利. <a href="http://www.neoease.com/wordpress-comment-seo/">关于评论的 SEO 文章</a><br />
2.x: 在页面加载完成是生成评论列表并绑定事件. 减少最新评论加载对页面加载时间和搜索引擎的影响.
</p>
<p>
<strong>JavaScript 放置</strong><br />
1.x: 在页面 head 部分加载 JS. 因为在页面初始化时通过标签属性绑定了事件, 所以必须在此之前定义好事件.<br />
2.x: 在页面底部加载 JS. 因为最新评论列表也是在页面加载完成时生成, 所以可以这样来后移 JS 的位置, 以减少对页面加载速度的影响.
</p>
<p>
<strong>翻页处理</strong><br />
1.x: 在后台将 HTML 片段拼接好返回页面. 数据量大, 服务器压力大.<br />
2.x: 返回数据格式, 由前台拼接. 数据量小, 服务器压力小.
</p>
<p>
<strong>查看内容</strong><br />
1.x: 进入详细页面查看. 交互复杂, 不能同时看多个评论内容.<br />
2.x: 直接在列表中更新. 简单方便.
</p>
<p>
<strong>插件配置</strong><br />
1.x: 在调用插件的时候进行配置. 保持与 WordPress 原生的 Widget 功能呢个类似, 不需要数据库, 没有学习成本.<br />
2.x: 有专门的配置页面进行配置. 与其他很多插件一样, 需要使用数据库, 有一定的学习使用成本.
</p>
<p>
<strong>代码比较</strong><br />
1.x: 页面结构, 事件绑定混在一起. 工作量小, 处理方便, 但是代码不清晰, 维护麻烦, 扩展性差.<br />
2.x: 页面结构和事件分开处理. 代码量大 (因为前端代码大幅增加), 但代码清晰易懂, 扩展性强.
</p>
<h3>解决了什么问题?</h3>
<p>
1. 延后 JavaScript 加载和事件绑定, 以不影响页面加载和搜索爬虫.<br />
2. 减少服务器处理压力, 转由客户端进行拼装处理.
</p>
<h3>下一步要做什么?</h3>
<p>
1. 会开放一些对外的接口, 让主题和其他插件调用, 用来更新最新评论列表.<br />
2. 增加新的功能, 功能可选择使用.
</p>
<h3>插件 2.0 升级答疑</h3>
<p>
Q: 为什么会一直出现 "正在加载..." 而不显示评论?<br />
A: 请检查主题中的 footer.php 文件是否有代码 <code>&lt;?php wp_footer(); ?&gt;</code>, 如果没有请在 <code>&lt;/body&gt;</code> 标签之前加上. 如果还不行, 请到 Settings -> WP-RecentComments 页面查看 JavaScript 的配置是否正确. 如果你不知道选择哪个, 请选第一或者第二项.
</p>
<p>
Q: 为什么样式没有正确显示?<br />
A: 确保 Settings -> WP-RecentComments 页面中 "使用 wp-recentcomments.css" 被选中. 如果主题目录中存在 wp-recentcomments.css 文件, 请备份并删除掉这个文件. 若删除后样式仍不正确, 请调整一下文件内的样式.</p>
 <img src="http://www.neoease.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=1482" width="1" height="1" style="display: none;" /><ul>
		<li><a href="http://www.neoease.com/wp-recentcomments/" rel="bookmark">最新评论插件 WP-RecentComments</a><!-- (12.4)--></li>
		<li><a href="http://www.neoease.com/wordpress-easy-archives-2-0/" rel="bookmark">插件更新: WP-EasyArchives 2.0</a><!-- (11.2)--></li>
		<li><a href="http://www.neoease.com/wp-recentcomments-16-problem/" rel="bookmark">WP-RecentComments 升级 1.6 后可能出现的问题</a><!-- (9.6)--></li>
		<li><a href="http://www.neoease.com/what-do-you-want-for-wp-recentcomments/" rel="bookmark">WP-RecentComments 功能调查</a><!-- (8.5)--></li>
		<li><a href="http://www.neoease.com/unable-to-upload-images-on-wordpress/" rel="bookmark">关于 WordPress 上传图片失效的问题</a><!-- (5)--></li>
	</ul>
<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></content:encoded>
			<wfw:commentRss>http://www.neoease.com/wordpress-recent-comments-plugin-2-0/feed/</wfw:commentRss>
		<slash:comments>122</slash:comments>
		</item>
		<item>
		<title>插件更新: WP-EasyArchives 2.0</title>
		<link>http://www.neoease.com/wordpress-easy-archives-2-0/</link>
		<comments>http://www.neoease.com/wordpress-easy-archives-2-0/#comments</comments>
		<pubDate>Sun, 22 Aug 2010 15:03:03 +0000</pubDate>
		<dc:creator>mg12</dc:creator>
				<category><![CDATA[WP Plugin]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Update]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.neoease.com/?p=1423</guid>
		<description><![CDATA[今天狠下心将 WordPress 存档插件 Easy Archives 更新了. 这次修改是为了解决两个问题: 1. 插件会加载多余的 CSS 和 JS. 2. JavaScript 事件触发后移. 最近我在对博客进行优化, 包括去除多余 DOM 节点, 减少请求, JS 后移等等, 当我发现以前自己做的一些插件跟我的想法相违背, 就很想将它改掉. WP-EasyArchives 会在每个页面加载 CSS 和 JS, 其实只需要在 Archives 页面加载; 另外, JavaScript 事件都是以通过属性加在 HTML 代码里面的, 却应该用 JS 动态绑定. 是时候下刀了... 这次修改主要有以下内容: 1. 添加 "使用 CSS" 选项 因为主题样式各异, 插件自带的样式表未必能满足所有需求. 添加这个选项可以选择不用自带的 CSS, 而将样式写在 style.css 中, 便于修改样式, [...]<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></description>
			<content:encoded><![CDATA[<p>
今天狠下心将 <a href="http://www.neoease.com/wp-easyarchives/">WordPress 存档插件 Easy Archives</a> 更新了. 这次修改是为了解决两个问题:<br />
1. 插件会加载多余的 CSS 和 JS.<br />
2. JavaScript 事件触发后移.
</p>
<p>
最近我在对博客进行优化, 包括去除多余 DOM 节点, 减少请求, JS 后移等等, 当我发现以前自己做的一些插件跟我的想法相违背, 就很想将它改掉. WP-EasyArchives 会在每个页面加载 CSS 和 JS, 其实只需要在 Archives 页面加载; 另外, JavaScript 事件都是以通过属性加在 HTML 代码里面的, 却应该用 JS 动态绑定. 是时候下刀了...
</p>
<p><span id="more-1423"></span></p>
<p>
这次修改主要有以下内容:
</p>
<p>
<strong>1. 添加 "使用 CSS" 选项</strong><br />
因为主题样式各异, 插件自带的样式表未必能满足所有需求. 添加这个选项可以选择不用自带的 CSS, 而将样式写在 style.css 中, 便于修改样式, 也可以减少一个 CSS 请求.
</p>
<p>
<strong>2. 对两个小图标做 CSS sprite</strong><br />
减少一个请求数.
</p>
<p>
<strong>3. 后移 JavaScript 初始化至 DOM ready</strong><br />
减少 JS 对加载页面的影响.
</p>
<p>
<strong>4. 去除对 Widget 的支持, 并将参数设置迁移到博客后台</strong><br />
对这个插件来说, Widget 尴尬令其定位混乱, 这种信息压根不应该出现在侧边栏, 故去之.
</p>
<p>
<strong>5. 修复一些 bugs</strong><br />
用户刷新页面后, 年份和作者下拉框应该定位到第一个选项.<br />
选择使用 WordPress 自带的 jQuery 库时, 没有加载该 JS 库.
</p>
<p>
这次对代码改动非常大, 发现 bug 请务必通知我, 我会尽快修复.</p>
 <img src="http://www.neoease.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=1423" width="1" height="1" style="display: none;" /><ul>
		<li><a href="http://www.neoease.com/wordpress-recent-comments-plugin-2-0/" rel="bookmark">插件更新: WP-RecentComments 2.0</a><!-- (10.4)--></li>
		<li><a href="http://www.neoease.com/wp-easyarchives/" rel="bookmark">文章存档插件 WP-EasyArchives</a><!-- (8.8)--></li>
		<li><a href="http://www.neoease.com/show-different-widgets-in-wordpress-sidebar/" rel="bookmark">WordPress 不同页面显示不一样的侧边栏</a><!-- (5.4)--></li>
		<li><a href="http://www.neoease.com/demo-site-and-theme-switcher/" rel="bookmark">主题演示站与支持 Widget 的 Theme-Switcher 插件</a><!-- (4.2)--></li>
		<li><a href="http://www.neoease.com/wordpress-menubar-6/" rel="bookmark">jQuery 导航菜单</a><!-- (4)--></li>
	</ul>
<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></content:encoded>
			<wfw:commentRss>http://www.neoease.com/wordpress-easy-archives-2-0/feed/</wfw:commentRss>
		<slash:comments>60</slash:comments>
		</item>
		<item>
		<title>不在当前页的评论定位问题</title>
		<link>http://www.neoease.com/cannot-find-comments-of-previous-pages/</link>
		<comments>http://www.neoease.com/cannot-find-comments-of-previous-pages/#comments</comments>
		<pubDate>Tue, 04 May 2010 12:34:57 +0000</pubDate>
		<dc:creator>mg12</dc:creator>
				<category><![CDATA[WP Plugin]]></category>
		<category><![CDATA[Comment]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.neoease.com/?p=1239</guid>
		<description><![CDATA[我发布过一款命名为 WP-RecentCommens 的插件. 顾名思义, 这插件主要用于显示最新评论, 因为其 AJAX 翻页, 查看详细的评论内容等特性, 获得了一些用户的肯定, 但一个看似不可调和的问题让插件显得有点尴尬 (最近收到几个关于该问题的来信). 关于这个问题, 我在很早之前应该就交代过. 如果用户从最新评论栏内点击进入文章内页, 如果刚好评论不在本页, 则无法通过锚点定位到该评论. 这个问题肯定会发生的, 但是几率很低. 这是一位国外朋友在邮件中的描述, 把问题说得清清楚楚. The links to comments on pages are broken so any comment appearing on a page with an extended /comment-page-1/ type URL is not being linked correctly. I really need to use paged comments as [...]<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></description>
			<content:encoded><![CDATA[<p>
我发布过一款命名为 <a href="http://www.neoease.com/wp-recentcomments/">WP-RecentCommens</a> 的插件. 顾名思义, 这插件主要用于显示最新评论, 因为其 AJAX 翻页, 查看详细的评论内容等特性, 获得了一些用户的肯定, 但一个看似不可调和的问题让插件显得有点尴尬 (最近收到几个关于该问题的来信).
</p>
<p>
关于这个问题, 我在很早之前应该就交代过. 如果用户从最新评论栏内点击进入文章内页, 如果刚好评论不在本页, 则无法通过锚点定位到该评论. 这个问题肯定会发生的, 但是几率很低.
</p>
<p><span id="more-1239"></span></p>
<p>
这是一位国外朋友在邮件中的描述, 把问题说得清清楚楚.
</p>
<blockquote><p>
The links to comments on pages are broken so any comment appearing on a page with an extended /comment-page-1/ type URL is not being linked correctly.
</p>
<p>
I really need to use paged comments as frequently my comments go up and beyond 1000. However, my visitors are becoming frustrated with not being able to link back to comments made on previous pages.
</p>
</blockquote>
<p>
是否有办法解决这个问题呢? 有的, 而且解决办法不只一个. 下面是我想到的两个解决方案.
</p>
<p>
1. 在获取评论链接时, 通过排序评论和每页显示数量计算出评论所在页面.<br />
这个方法看似可以完全解决问题, 但其加大数据库负担, 且影响文章的 SEO. 使用评论分页时文章内页的 SEO 处理可以参考 <a href="http://www.neoease.com/paged-comments-seo/">《对评论分页的 SEO》</a>
</p>
<p>
2. 点进文章内页后, 搜索对应的评论. 如果找不到评论, 则通过 AJAX 将该条评论加载到评论列表的顶部或者底部, 再定位到锚点上.<br />
这个方法开销相对较小 (这样的评论出现几率确实很小), 但评论 DOM (页面结构) 的构造可是相当的麻烦, 且不能保证所有主题显示正确.
</p>
<p>
思其利弊, 我觉得这两种处理方式都不靠谱, 在想到更好的办法之前或许不作为是最好的. 如果哪位想到好的解决办法, 欢迎联系我或者在此留言, 不胜感激.
</p>
<p>
 <img src="http://www.neoease.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=1239" width="1" height="1" style="display: none;" /><ul>
		<li><a href="http://www.neoease.com/paged-comments-seo/" rel="bookmark">对评论分页的 SEO</a><!-- (11.8)--></li>
		<li><a href="http://www.neoease.com/ajax-comment-pager/" rel="bookmark">评论分页插件 AJAX Comment Pager</a><!-- (8.8)--></li>
		<li><a href="http://www.neoease.com/quick-comments/" rel="bookmark">AJAX 评论提交插件 Quick Comments</a><!-- (8.4)--></li>
		<li><a href="http://www.neoease.com/wordpress-comments-vote/" rel="bookmark">评论投票插件 Comments Vote</a><!-- (7.9)--></li>
		<li><a href="http://www.neoease.com/wordpress-plugins-i-using/" rel="bookmark">使用中的 WordPress 插件</a><!-- (7.2)--></li>
	</ul>
<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></content:encoded>
			<wfw:commentRss>http://www.neoease.com/cannot-find-comments-of-previous-pages/feed/</wfw:commentRss>
		<slash:comments>29</slash:comments>
		</item>
		<item>
		<title>文章摘要插件 WP Limit Posts Automatically</title>
		<link>http://www.neoease.com/wordpress-plugin-wp-limit-posts-automatically/</link>
		<comments>http://www.neoease.com/wordpress-plugin-wp-limit-posts-automatically/#comments</comments>
		<pubDate>Thu, 17 Dec 2009 15:54:41 +0000</pubDate>
		<dc:creator>mg12</dc:creator>
				<category><![CDATA[WP Plugin]]></category>
		<category><![CDATA[Automatically]]></category>
		<category><![CDATA[Crop]]></category>
		<category><![CDATA[Limit]]></category>
		<category><![CDATA[Plugins]]></category>
		<category><![CDATA[Post]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.neoease.com/?p=1083</guid>
		<description><![CDATA[博客首页的文章内容显示方式一直备受关注, 因为首页的内容直接影响到整个网站的被关注的程度, 无论是对爬虫还是对自然人. WordPress 这方面做得不是很到位 (或者说这根本不应该是 WP 内核提供的功能), 所以用户一直在讨论和寻求解决方式. 主流的解决方式 1. 显示全部文章内容. 2. 通过 WordPress 提供的 &#60;!--more--&#62; 标签折断文章内容, 显示前半部分. 3. 显示文章首段作为摘要. (所谓摘要, 就是没有链接, 图片等内容的纯文字内容.) 4. 显示文章限定字数作为摘要. 5. 不显示文章内容, 以列表形式显示文章标题等信息. 6. 不显示文章内容, 待页面文档加载成功再动态加载文章内容. 显示方式的选用 我使用的是第 6 种方式, 但其实第 5 和第 6 种处理方式对爬虫很不友好, 所以使用的人并不多. 第 1 种方式因为内容较多, 严重影响页面加载速度, 所以也不可取. 做个人博客选用第 2 种方式的人比较多, 而做信息平台的多数使用第 3 和第 4 种方式. [...]<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></description>
			<content:encoded><![CDATA[<div class="right inline">
<a href="http://farm3.static.flickr.com/2562/4192191187_861ecfc65f_o.png" onclick="return hs.expand(this);" class="highslide-image"><img class="sided" src="http://farm3.static.flickr.com/2562/4192191187_07121dc76c_m.jpg" alt="Wordpress, 插件, Plugin, WP, Limit Posts, Automatically" title="Click to enlarge" /></a>
</div>
<p>
博客首页的<strong>文章内容显示方式</strong>一直备受关注, 因为首页的内容直接影响到整个网站的被关注的程度, 无论是对爬虫还是对自然人. WordPress 这方面做得不是很到位 (或者说这根本不应该是 WP 内核提供的功能), 所以用户一直在讨论和寻求解决方式.
</p>
<h3>主流的解决方式</h3>
<p>
1. 显示全部文章内容.<br />
2. 通过 WordPress 提供的 <code>&lt;!--more--&gt;</code> 标签折断文章内容, 显示前半部分.<br />
3. 显示文章首段作为摘要. (所谓摘要, 就是没有链接, 图片等内容的纯文字内容.)<br />
4. 显示文章限定字数作为摘要.<br />
5. 不显示文章内容, 以列表形式显示文章标题等信息.<br />
6. 不显示文章内容, 待页面文档加载成功再动态加载文章内容.
</p>
<p><span id="more-1083"></span></p>
<h3>显示方式的选用</h3>
<p>
我使用的是第 6 种方式, 但其实第 5 和第 6 种处理方式对爬虫很不友好, 所以使用的人并不多. 第 1 种方式因为内容较多, 严重影响页面加载速度, 所以也不可取. 做个人博客选用第 2 种方式的人比较多, 而做信息平台的多数使用第 3 和第 4 种方式.
</p>
<p>
无论是选择中间的哪一种方式, 他们都希望添加一个 Read more 链接, 使用第 2 种方式可以通过 <code>&lt;!--more--&gt;</code> 来添加 Read more, 但是必须把将链接放置在 <code>&lt;!p&gt;&lt;!/p&gt;</code> 标签对的外层, 否则可能因为文章内容标签不匹配而导致页面错位. 所以 Read more 链接和文章内容也不在一个段落上.
</p>
<p>
而是用摘要显示的朋友可能纠结于为什么 <code>the_excerpt()</code> 方法没有添加 Read more 链接的参数. 其实很容易理解, 摘要就是摘取文章部分内容的文本信息, 它不是截取文章文章某个部分, 所以没有这样的参数很正常. 所以希望得到 Read more 链接的朋友还必须在 <code>the_excerpt()</code> 方法调用的后面紧跟一个文章链接, 但因为摘要部分是放置在 <code>&lt;!p&gt;&lt;!/p&gt;</code> 标签对之内, 所以 Read more 链接和文章内容也不在一个段落.
</p>
<h3>可用的 WP 插件</h3>
<p>
今天我发现一个叫 <strong>WP Limit Posts Automatically</strong> 的插件, 它的功能如其名, 自动截取文章内容. 重点在自动一词, 它不需要你修改模板, 因为它直接作用于最常见的 <code>the_content()</code> 方法上. 其功能也不仅限于折断文章. 下面我们列一下它的主要功能点:<br />
1. 根据单词数, 文字数, 第一段来折断文章.<br />
2. 在被折断位置显示结束文本. (如: ... 等省略符号)<br />
3. 显示 Read more 链接, 并可自定义链接文本.<br />
4. 可选择在文章列表页面, 分类列表页面, 存档列表页面, 搜索列表页面进行处理.<br />
5. 去除文章内容中的标签. (退化成摘要形式)
</p>
<p>
注: 如果文章中填写了 <code>&lt;!--more--&gt;</code> 标签, 则按原 <code>the_content()</code> 方法进行处理.
</p>
<p>
也就是说, 通过这个插件, 我们几乎可以实现上面提及的所有方式, 并且链接是紧随文章之后, 和文章内容在一个段落里面, 是个相当好用的插件, 尤其适合喜欢摘要显示文章内容的同学.
</p>
<h3>插件下载地址</h3>
<p>
<a href="http://wordpress.org/extend/plugins/wp-limit-posts-automatically/">WP Limit Posts Automatically</a></p>
 <img src="http://www.neoease.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=1083" width="1" height="1" style="display: none;" /><ul>
		<li><a href="http://www.neoease.com/add-nofollow-to-read-more-link-on-wordpress/" rel="bookmark">为 WordPress 的 Read more 加上 nofollow</a><!-- (8)--></li>
		<li><a href="http://www.neoease.com/ajax-load-wordpress-post-response/" rel="bookmark">WordPress AJAX 加载文章内容 - 后台处理</a><!-- (4.8)--></li>
		<li><a href="http://www.neoease.com/add-nofollow-to-comment-link-on-wordpress/" rel="bookmark">为 WordPress 的评论链接加上 nofollow</a><!-- (4.3)--></li>
		<li><a href="http://www.neoease.com/wp-related-posts-new-version/" rel="bookmark">相关日志插件最新版试用</a><!-- (4.1)--></li>
		<li><a href="http://www.neoease.com/wordpress-thumb-trick/" rel="bookmark">巧用 WordPress 缩略图</a><!-- (3.7)--></li>
	</ul>
<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></content:encoded>
			<wfw:commentRss>http://www.neoease.com/wordpress-plugin-wp-limit-posts-automatically/feed/</wfw:commentRss>
		<slash:comments>64</slash:comments>
		</item>
		<item>
		<title>相关日志插件最新版试用</title>
		<link>http://www.neoease.com/wp-related-posts-new-version/</link>
		<comments>http://www.neoease.com/wp-related-posts-new-version/#comments</comments>
		<pubDate>Mon, 28 Sep 2009 18:48:48 +0000</pubDate>
		<dc:creator>mg12</dc:creator>
				<category><![CDATA[WP Plugin]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Related Posts]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.neoease.com/?p=943</guid>
		<description><![CDATA[我爱水煮鱼 Denis 发布的相关日志插件 WordPress Related Posts 无疑是最实用的 WordPress 插件之一. 插件会根据日志的 tag 的相关性产生一个相关日志列表, 并且可以把相关日志列表添加到 Feed 中. 我很喜欢这款插件, 在自己发布的主题中都内置支持这款插件. 插件的下载量惊人, 但已经有一年没更新了. 虽然还有很多其他的替代插件, 但是该插件的简单易用, 总是不舍丢弃, 为了扩展其功能, 我也曾经为插件加上了摘要功能. 今天 Denis 将准备发布的相关日志插件给我试用, 下面我将新增的一些功能列举一下. 可以选择标题标签选项, 可以在 h2, h3, h4, p 和 div 中选择一个. 显示文章摘要, 并可以选择摘要长度. (我的修改版插件要退役了) 可以使用减缩图列表作为相关日志链接显示出来. 侧边栏 Widget 的支持. (这个不能确定, 听说会加上) 功能增加不多, 但是相当实用. 后台也比以前的合理多了, 还有提示信息, 用起来更加舒服. 这面是后台选项的截图. 好吧, 等鱼叔发布出来就可以体验到了. WordPress [...]<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></description>
			<content:encoded><![CDATA[<p>
我爱水煮鱼 Denis 发布的<strong>相关日志</strong>插件 <a href="http://fairyfish.net/2009/09/29/wordpress-related-posts-plugin-11/" rel="external">WordPress Related Posts</a> 无疑是最实用的 WordPress 插件之一. 插件会根据日志的 tag 的相关性产生一个相关日志列表, 并且可以把相关日志列表添加到 Feed 中.
</p>
<p>
<img class="sided" src="http://farm4.static.flickr.com/3472/3963562548_82cac0c0b5_o.png" alt="WordPress Related Posts" />
</p>
<p>
我很喜欢这款插件, 在自己发布的主题中都内置支持这款插件. 插件的下载量惊人, 但已经有一年没更新了. 虽然还有很多其他的替代插件, 但是该插件的简单易用, 总是不舍丢弃, 为了扩展其功能, 我也曾经为插件加上了摘要功能.
</p>
<p><span id="more-943"></span></p>
<p>
今天 Denis 将准备发布的相关日志插件给我试用, 下面我将新增的一些功能列举一下.
</p>
<ol>
<li>可以选择标题标签选项, 可以在 h2, h3, h4, p 和 div 中选择一个.</li>
<li>显示文章摘要, 并可以选择摘要长度. (我的修改版插件要退役了)</li>
<li>可以使用减缩图列表作为相关日志链接显示出来.</li>
<li>侧边栏 Widget 的支持. (这个不能确定, 听说会加上)</li>
</ol>
<p>
功能增加不多, 但是相当实用. 后台也比以前的合理多了, 还有提示信息, 用起来更加舒服. 这面是后台选项的截图.
</p>
<p>
<img class="sided" src="http://farm3.static.flickr.com/2502/3963562666_05ba796196.jpg" alt="WordPress Related Posts Options" />
</p>
<p>
好吧, 等鱼叔发布出来就可以体验到了.</p>
 <img src="http://www.neoease.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=943" width="1" height="1" style="display: none;" /><ul>
		<li><a href="http://www.neoease.com/wordpress-plugin-thread-twitter/" rel="bookmark">WordPress 插件 Thread Twitter</a><!-- (5.6)--></li>
		<li><a href="http://www.neoease.com/wordpress-27-trackbacks-handles/" rel="bookmark">WordPress 2.7 Trackbacks 的两种处理方法</a><!-- (5.2)--></li>
		<li><a href="http://www.neoease.com/thread-twitter-05/" rel="bookmark">Thread Twitter 0.5</a><!-- (5.2)--></li>
		<li><a href="http://www.neoease.com/demo-site-and-theme-switcher/" rel="bookmark">主题演示站与支持 Widget 的 Theme-Switcher 插件</a><!-- (4.2)--></li>
		<li><a href="http://www.neoease.com/wordpress-easy-archives-2-0/" rel="bookmark">插件更新: WP-EasyArchives 2.0</a><!-- (3.8)--></li>
	</ul>
<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></content:encoded>
			<wfw:commentRss>http://www.neoease.com/wp-related-posts-new-version/feed/</wfw:commentRss>
		<slash:comments>55</slash:comments>
		</item>
		<item>
		<title>使用中的 WordPress 插件</title>
		<link>http://www.neoease.com/wordpress-plugins-i-using/</link>
		<comments>http://www.neoease.com/wordpress-plugins-i-using/#comments</comments>
		<pubDate>Fri, 18 Sep 2009 05:38:49 +0000</pubDate>
		<dc:creator>mg12</dc:creator>
				<category><![CDATA[WP Plugin]]></category>
		<category><![CDATA[Jotting]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.neoease.com/?p=933</guid>
		<description><![CDATA[WordPress 的成功在于其丰富的插件和灵活的插拔功能. 合理使用插件可以有效的减少网站制作和维护时间. 一直以来会有一些朋友问我正在使用了哪些插件, 有一些我随便回复了几个插件名字, 有些被我无视了. 其实并不是我不想告知, 但一些测试中的东西我不想拿出来误导他人. 最近折腾比较少了, 插件使用也趋于稳定, 我看可以简单介绍一下这些插件了吧. 下面是我正在使用的一些插件. AJAX Comment Pager 自主开发的插件, 用以文章评论的异步翻页. Akismet 防 Spam 必备工具. Comments Vote 被我全面改装的插件, 用异步方式给评论进行评分 (赞成或者反对). Google AJAX Translation 使用 Google 翻译工具对文章内容进行翻译, 可选择允许被翻译的语言. 对海外 IP 多的站十分有用. Google XML Sitemaps 制成网站地图, 方便搜索引擎获取信息. SEO 必备. Highslide4WP 提供图片放大缩小效果和表情弹出框. Mail To Commenter 使用 @回复 给评论者回复时发送邮件提示. Quick Comments 用异步方式提交评论, 功能强大, [...]<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></description>
			<content:encoded><![CDATA[<p>
<img class="sided" src="http://farm3.static.flickr.com/2551/3930149175_406264aa96.jpg" alt="WordPress 插件" />
</p>
<p>
WordPress 的成功在于其丰富的插件和灵活的插拔功能. 合理使用插件可以有效的减少网站制作和维护时间.
</p>
<p>
一直以来会有一些朋友问我正在使用了哪些插件, 有一些我随便回复了几个插件名字, 有些被我无视了. 其实并不是我不想告知, 但一些测试中的东西我不想拿出来误导他人. 最近折腾比较少了, 插件使用也趋于稳定, 我看可以简单介绍一下这些插件了吧.
</p>
<p><span id="more-933"></span></p>
<p>
下面是我正在使用的一些插件.
</p>
<p><strong><a href="http://wordpress.org/extend/plugins/ajax-comment-pager/">AJAX Comment Pager</a></strong><br />
自主开发的插件, 用以文章评论的异步翻页.
</p>
<p>
<strong><a href="http://akismet.com/">Akismet</a></strong><br />
防 Spam 必备工具.
</p>
<p>
<strong><a href="http://www.bivingsreport.com/2009/comments-vote-wordpress-plugin/">Comments Vote</a></strong><br />
被我全面改装的插件, 用异步方式给评论进行评分 (赞成或者反对).
</p>
<p>
<strong><a href="http://wordpress.org/extend/plugins/google-ajax-translation/">Google AJAX Translation</a></strong><br />
使用 Google 翻译工具对文章内容进行翻译, 可选择允许被翻译的语言. 对海外 IP 多的站十分有用.
</p>
<p>
<strong><a href="http://www.arnebrachhold.de/redir/sitemap-home/">Google XML Sitemaps</a></strong><br />
制成网站地图, 方便搜索引擎获取信息. SEO 必备.
</p>
<p>
<strong><a href="http://wordpress.org/extend/plugins/highslide4wp/">Highslide4WP</a></strong><br />
提供图片放大缩小效果和表情弹出框.
</p>
<p>
<strong><a href="http://www.thinkagain.cn/archives/989.html">Mail To Commenter</a></strong><br />
使用 @回复 给评论者回复时发送邮件提示.
</p>
<p>
<strong><a href="http://wppluginsj.sourceforge.jp/quick-comments/">Quick Comments</a></strong><br />
用异步方式提交评论, 功能强大, 效果出众.
</p>
<p>
<strong><a href="http://sparanoid.com/tag/quotmarks-replacer/">Quotmarks Replacer</a></strong><br />
禁止 WordPress 自动将半角的引号和省略号转换为全角标点.
</p>
<p>
<strong><a href="http://yoast.com/wordpress/rss-footer/">RSS Footer</a></strong><br />
可在 Feed 加上版权信息, 推荐链接, 广告信息等等.
</p>
<p>
<strong><a href="http://wordpress.org/extend/plugins/seo-for-paged-comments/">SEO for Paged Comments</a></strong><br />
使用 WordPress 提供的评论分页功能导致页面对搜索引擎不友好. 可以使用该插件配合 AJAX Comment Pager 插件在一定程度上改善 SEO.
</p>
<p>
<strong><a href="http://fairyfish.net/2007/09/12/wordpress-23-related-posts-plugin/">WordPress Related Posts</a></strong><br />
在文章下方显示相关文章标题, 有助提高网站的 PV.
</p>
<p>
<strong><a href="http://lesterchan.net/portfolio/programming/php/">WP-DBManager</a></strong><br />
方便对 WordPress 的数据进行备份和管理.
</p>
<p>
<strong><a href="http://wordpress.org/extend/plugins/wp-easyarchives/">WP-EasyArchives</a></strong><br />
显示文章存档. 提供友好的 SEO, 并且提供展开收缩和存档过滤功能, 有良好的用户体验. 提供 Widget 功能.
</p>
<p>
<strong><a href="http://lesterchan.net/portfolio/programming/php/">WP-PageNavi</a></strong><br />
提供 WordPress 文章分页功能. (建议不要使用 2.4x 版本)
</p>
<p>
<strong><a href="http://lesterchan.net/portfolio/programming/php/">WP-Polls</a></strong><br />
提供异步投票功能, 有很好的后台管理系统.
</p>
<p>
<strong><a href="http://wordpress.org/extend/plugins/wp-recentcomments/">WP-RecentComments</a></strong><br />
在侧边栏显示最新评论, 可以使用异步方式进行翻页查看更早的评论.
</p>
<p>
<strong><a href="http://wordpress.org/extend/plugins/wp-syntax/">WP-Syntax</a></strong><br />
代码高亮插件, 界面比较简陋, 但对 W3C 支持很好.
</p>
<p>
我觉得自己使用的插件有点儿多了, 我会找个时间去合并或者优化其中的一些, 以减少勾子数.</p>
 <img src="http://www.neoease.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=933" width="1" height="1" style="display: none;" /><ul>
		<li><a href="http://www.neoease.com/ajax-comment-pager/" rel="bookmark">评论分页插件 AJAX Comment Pager</a><!-- (11.2)--></li>
		<li><a href="http://www.neoease.com/paged-comments-seo/" rel="bookmark">对评论分页的 SEO</a><!-- (11.1)--></li>
		<li><a href="http://www.neoease.com/inove/" rel="bookmark">WordPress 主题 iNove</a><!-- (8.6)--></li>
		<li><a href="http://www.neoease.com/wordpress-comment-pages-bug/" rel="bookmark">WordPress 评论分页的一个 bug 与解决办法</a><!-- (8.5)--></li>
		<li><a href="http://www.neoease.com/cannot-find-comments-of-previous-pages/" rel="bookmark">不在当前页的评论定位问题</a><!-- (8.3)--></li>
	</ul>
<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></content:encoded>
			<wfw:commentRss>http://www.neoease.com/wordpress-plugins-i-using/feed/</wfw:commentRss>
		<slash:comments>115</slash:comments>
		</item>
		<item>
		<title>WordPress 面包屑插件 Breadcrumb NavXT</title>
		<link>http://www.neoease.com/wordpress-plugin-breadcrumb-navxt/</link>
		<comments>http://www.neoease.com/wordpress-plugin-breadcrumb-navxt/#comments</comments>
		<pubDate>Tue, 09 Jun 2009 23:55:33 +0000</pubDate>
		<dc:creator>mg12</dc:creator>
				<category><![CDATA[WP Plugin]]></category>
		<category><![CDATA[Breadcrumb]]></category>
		<category><![CDATA[Navigation]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.neoease.com/?p=865</guid>
		<description><![CDATA[Breadcrumb NavXT 是一个 WordPress 插件, 可以帮你生成文章路径导航 (Breadcrumb navigation), 兼容 WordPress 2.5 或以上版本. 之前我写过一个名为 [WordPress 的文章导航] 的技巧使用文章, 教你如何在独立文章页面显示文章导航. 如果你需要更加简单直观的办法, 或者不仅仅是想在独立文章内显示文章导航, 那么 Breadcrumb NavXT 绝对是你不二的选择. Breadcrumb NavXT 提供了 WordPress 上几乎所有页面的导航处理, 包括存档页面, 独立页面, 模板页面 (包括子模板), 分类页面 (包括子分类), 标签页面, ... 都被照顾到了. 它的可用性很强, 对搜索引擎和用户体验都是友好的, 是 WordPress 导航系统的有力补充. 另外, 插件的后台选项做得很到位, 你可以在后台对每一类型的导航进行加工处理, 可以分别对导航的显示结构和现实文本进行修改和自定义. 下载插件 http://wordpress.org/extend/plugins/breadcrumb-navxt/ 调用插件 插件提供了有两种显示模式: 1. 显示在一个 Element 内 显示结构: [...]<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></description>
			<content:encoded><![CDATA[<p>
<strong>Breadcrumb NavXT</strong> 是一个 WordPress 插件, 可以帮你生成文章路径导航 (Breadcrumb navigation), 兼容 WordPress 2.5 或以上版本. 之前我写过一个名为 [<a href="http://www.neoease.com/wordpress-breadcrumb-navigation/">WordPress 的文章导航</a>] 的技巧使用文章, 教你如何在独立文章页面显示文章导航. 如果你需要更加简单直观的办法, 或者不仅仅是想在独立文章内显示文章导航, 那么 Breadcrumb NavXT 绝对是你不二的选择.
</p>
<p>
<img class="sided" src="http://mtekk.us/images/breadcrumb-sample.png" alt="Breadcrumb NavXT" />
</p>
<p><span id="more-865"></span></p>
<p>
Breadcrumb NavXT 提供了 WordPress 上几乎所有页面的导航处理, 包括存档页面, 独立页面, 模板页面 (包括子模板), 分类页面 (包括子分类), 标签页面, ... 都被照顾到了. 它的可用性很强, 对搜索引擎和用户体验都是友好的, 是 WordPress 导航系统的有力补充.
</p>
<p>
另外, 插件的后台选项做得很到位, 你可以在后台对每一类型的导航进行加工处理, 可以分别对导航的显示结构和现实文本进行修改和自定义.
</p>
<h3>下载插件</h3>
<p>
<a href="http://wordpress.org/extend/plugins/breadcrumb-navxt/">http://wordpress.org/extend/plugins/breadcrumb-navxt/</a>
</p>
<h3>调用插件</h3>
<p>
插件提供了有两种显示模式:<br />
<strong>1. 显示在一个 Element 内</strong><br />
显示结构:
</p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">Page 1 &gt; Page 1.2 &gt; Page 1.2.5</pre></div></div>

<p>
代码调用:
</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;">&lt;div class=&quot;breadcrumb&quot;&gt;
<span style="color: #000000; font-weight: bold;">&lt;?php</span>
	<span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">function_exists</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'bcn_display'</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		bcn_display<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div>

<p>
<strong>2. 显示在一个列表内</strong><br />
显示结构:
</p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;li&gt;Page 1&lt;/li&gt;
&lt;li&gt;Page 1.2&lt;/li&gt;
&lt;li&gt;Page 1.2.5&lt;/li&gt;</pre></div></div>

<p>
代码调用:
</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;">&lt;div class=&quot;breadcrumb&quot;&gt;
<span style="color: #000000; font-weight: bold;">&lt;?php</span>
	<span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">function_exists</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'bcn_display'</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		bcn_display_list<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span>
&lt;/div&gt;</pre></div></div>

<p>
这是一个强大的插件, 并且代码写得非常优美. 以下是插件的官方页面, 如有不清楚的可以前往查看和反馈.<br />
<a href="http://mtekk.us/code/breadcrumb-navxt/">Breadcrumb NavXT</a>
</p>
<p>
我还介绍了另一款<a href="http://www.neoease.com/wordpress-plugin-breadcrumbs/">名为 Breadcrumbs 的 WordPress 面包屑插件</a>, 同样出色.</p>
 <img src="http://www.neoease.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=865" width="1" height="1" style="display: none;" /><ul>
		<li><a href="http://www.neoease.com/wordpress-plugin-breadcrumbs/" rel="bookmark">WordPress 面包屑插件 Breadcrumbs</a><!-- (19.5)--></li>
		<li><a href="http://www.neoease.com/wordpress-plugin-thread-twitter/" rel="bookmark">WordPress 插件 Thread Twitter</a><!-- (8.1)--></li>
		<li><a href="http://www.neoease.com/wp-mobile-themes/" rel="bookmark">手机主题调度插件 WordPress Mobile Themes</a><!-- (7.5)--></li>
		<li><a href="http://www.neoease.com/wordpress-plugins-i-using/" rel="bookmark">使用中的 WordPress 插件</a><!-- (7.3)--></li>
		<li><a href="http://www.neoease.com/wordpress-message-board/" rel="bookmark">WordPress 留言板</a><!-- (6.8)--></li>
	</ul>
<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></content:encoded>
			<wfw:commentRss>http://www.neoease.com/wordpress-plugin-breadcrumb-navxt/feed/</wfw:commentRss>
		<slash:comments>45</slash:comments>
		</item>
		<item>
		<title>评论投票插件 Comments Vote</title>
		<link>http://www.neoease.com/wordpress-comments-vote/</link>
		<comments>http://www.neoease.com/wordpress-comments-vote/#comments</comments>
		<pubDate>Fri, 29 May 2009 12:50:23 +0000</pubDate>
		<dc:creator>mg12</dc:creator>
				<category><![CDATA[WP Plugin]]></category>
		<category><![CDATA[Comment]]></category>
		<category><![CDATA[Digg]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Vote]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.neoease.com/?p=860</guid>
		<description><![CDATA[前些天在博客上添加了评论投票的功能, 其实这个功能来自一个叫 Comments Vote 的插件, 只是我对插件进行了一些改造而已. 评论投票 曾经有一段时间, 我使用了一个名为 WP-PostRatings 的文章评分插件, 并准备开发一个对评论进行评分的插件. 但后来这个评分插件被我卸除了, 评论评分插件也没有开发. 因为我发现评分效果并不理想, 投票的人都比较偏激, 分为 5 个等级的评分系统, 选择 1 分和 5 分的人竟然居多. 无论是文章评分还是评论投票, 对访客来说多了一个可以表达自己态度的方式, 是一个很好的用户体验, 但是当评分过于偏向极端的时候, 投票就失效了. 直到我看到阿瓦的 WordPress Comment Digg 插件, 投票其实分为 "支持" 和 "反对" 就足够了, 于是我再次尝试将这个功能融合到自己的博客中. 为什么不是 WordPress Comment Digg, 而是 Comments Vote? 我第一次在本机测试的的确是阿瓦的 WordPress Comment Digg, 当时好像还是测试版, 是一个很酷的插件, 但在是我试用的过程中遇到了一些奇怪问题 (现在好像解决了), [...]<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></description>
			<content:encoded><![CDATA[<p>
前些天在博客上添加了评论投票的功能, 其实这个功能来自一个叫 Comments Vote 的插件, 只是我对插件进行了一些改造而已.
</p>
<h3>评论投票</h3>
<p>
曾经有一段时间, 我使用了一个名为 WP-PostRatings 的文章评分插件, 并准备开发一个对评论进行评分的插件. 但后来这个评分插件被我卸除了, 评论评分插件也没有开发. 因为我发现评分效果并不理想, 投票的人都比较偏激, 分为 5 个等级的评分系统, 选择 1 分和 5 分的人竟然居多.<br />
无论是文章评分还是评论投票, 对访客来说多了一个可以表达自己态度的方式, 是一个很好的用户体验, 但是当评分过于偏向极端的时候, 投票就失效了.
</p>
<p>
直到我看到阿瓦的 WordPress Comment Digg 插件, 投票其实分为 "支持" 和 "反对" 就足够了, 于是我再次尝试将这个功能融合到自己的博客中.
</p>
<p><span id="more-860"></span></p>
<h3>为什么不是 WordPress Comment Digg, 而是 Comments Vote?</h3>
<p>
我第一次在本机测试的的确是阿瓦的 WordPress Comment Digg, 当时好像还是测试版, 是一个很酷的插件, 但在是我试用的过程中遇到了一些奇怪问题 (现在好像解决了), 并且功能并不能满足我的需要. 功能相仿的 Comments Vote 很朴素, 虽然功能也不能满足我的需要, 但是它的代码可读性比较高, 方便我学习和修改.
</p>
<h3>Comments Vote 的功能</h3>
<p>
插件显示的并不是支持和反对的票数, 支持 +1 分, 反对 -1 分, 在页面上显示评论的得分. 插件还提供一个选项, 当评论得分低于一定的数值, 评论会被隐藏起来 (需要点一下才能展开), 有点像 Digg 处理评论的方式. 另外, 插件是记录 IP 而没有进行 Cookie 的检验. 除非限定注册者才能投票, 否则对所有投票系统而言, 无论使用 IP, 使用 Cookie, 还是两者兼用, 都会有一个无法修复的 bug.
</p>
<p>
目前我已经对插件进行了彻底的改造, 并且一定还会有更多的修改. 虽然很多朋友在向我要这款修改过的插件, 但基于某些原因, 很抱歉我不能给你们, 也不确定日后是否会发布出来, 有兴趣的朋友可以下载一个自己修改, 我也推荐使用阿瓦的 WordPress Comment Digg.
</p>
<h3>相关插件</h3>
<p>
<a href="http://www.bivingsreport.com/2009/comments-vote-wordpress-plugin/">Comments Vote</a><br />
<a href="http://www.awflasher.com/blog/archives/1752">WordPress Comment Digg</a>
</p>
<p>最后一些朋友帮忙测试, 尤其是传说中<a href="http://www.holysheep.cn/">纯洁的小绵羊</a>和师妹李.</p>
 <img src="http://www.neoease.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=860" width="1" height="1" style="display: none;" /><ul>
		<li><a href="http://www.neoease.com/quick-comments/" rel="bookmark">AJAX 评论提交插件 Quick Comments</a><!-- (12.2)--></li>
		<li><a href="http://www.neoease.com/quick-comments-070-release/" rel="bookmark">Quick Comments 0.7.0 Release</a><!-- (10.7)--></li>
		<li><a href="http://www.neoease.com/wordpress-plugins-i-using/" rel="bookmark">使用中的 WordPress 插件</a><!-- (8)--></li>
		<li><a href="http://www.neoease.com/cannot-find-comments-of-previous-pages/" rel="bookmark">不在当前页的评论定位问题</a><!-- (7.2)--></li>
		<li><a href="http://www.neoease.com/theme-style-switcher-2/" rel="bookmark">在主题上添加风格切换功能 (2)</a><!-- (6.5)--></li>
	</ul>
<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></content:encoded>
			<wfw:commentRss>http://www.neoease.com/wordpress-comments-vote/feed/</wfw:commentRss>
		<slash:comments>64</slash:comments>
		</item>
		<item>
		<title>Thread Twitter 0.5</title>
		<link>http://www.neoease.com/thread-twitter-05/</link>
		<comments>http://www.neoease.com/thread-twitter-05/#comments</comments>
		<pubDate>Mon, 11 May 2009 01:43:35 +0000</pubDate>
		<dc:creator>mg12</dc:creator>
				<category><![CDATA[WP Plugin]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.neoease.com/?p=855</guid>
		<description><![CDATA[Twitter 就像一个聊天广场, 留言量之多令人称奇, 好像谁都能在上面找到自己感兴趣的一些人和话题. 用 iNove 的朋友可能已经注意到, 这个主题由 1.3 版开始支持一个叫 Thread Twitter 的插件. Thread Twitter 是 Denis 开发的一个整合 Twitter 服务到 WordPress 上的插件, 这次发布的 0.5 版本功能大大增强, 简直是一个 Twitter 客户端. 本次更新包括了以下一些内容: 1. 添加 RT 功能 RT 已经成为了 Twitter 的一个很广泛的应用, 这侧也是顺应潮流添加上这个功能. 2. 后台直接回复和 RT Thread Twitter 原本只是按照会话方式显示你的 Twitter, 回复还是要到 Twitter 去操作, 现在把这个功能在 WordPress 后台实现, 能够直接在 WordPress 后台直接回复或者 RT. [...]<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></description>
			<content:encoded><![CDATA[<div class="inline right">
<a href="http://pic.fairyfish.com/2009/05/thread-twitter-reply.jpg" onclick="return hs.expand(this);" class="highslide-image"><img class="sided" style="width:240px;" src="http://pic.fairyfish.com/2009/05/thread-twitter-reply.jpg" alt="image" title="Click to enlarge" /></a>
</div>
<p>
Twitter 就像一个聊天广场, 留言量之多令人称奇, 好像谁都能在上面找到自己感兴趣的一些人和话题.
</p>
<p>
用 <a href="http://www.neoease.com/inove/">iNove</a> 的朋友可能已经注意到, 这个主题由 1.3 版开始支持一个叫 <strong>Thread Twitter</strong> 的插件. <a href="http://fairyfish.net/2009/05/11/thread-twitter-05/#comment-41105">Thread Twitter</a> 是 Denis 开发的一个整合 Twitter 服务到 WordPress 上的插件, 这次发布的 0.5 版本功能大大增强, 简直是一个 Twitter 客户端.
</p>
<p><span id="more-855"></span></p>
<p>
本次更新包括了以下一些内容:
</p>
<p>
<strong>1. 添加 RT 功能</strong><br />
RT 已经成为了 Twitter 的一个很广泛的应用, 这侧也是顺应潮流添加上这个功能.
</p>
<p>
<strong>2. 后台直接回复和 RT</strong><br />
Thread Twitter 原本只是按照会话方式显示你的 Twitter, 回复还是要到 Twitter 去操作, 现在把这个功能在 WordPress 后台实现, 能够直接在 WordPress 后台直接回复或者 RT.
</p>
<p>
<strong>3. 直接更新 Tweet 功能</strong><br />
现在 Thread Twitter 能够让你直接在后台更新.
</p>
<p>
<strong>4. 可以在 WordPress 后台查看朋友的 Tweets</strong><br />
并且增加两个过滤器, 能够让你看到直接而不是回复的 Tweets, 只含有链接的 Tweets.
</p>
<p>
另外, Denis 正在征集建议, 说不定还有大动作呢, 如果你有什么想法, 请别吝啬说出来哦. <img src='http://www.neoease.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /></p>
 <img src="http://www.neoease.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=855" width="1" height="1" style="display: none;" /><ul>
		<li><a href="http://www.neoease.com/wordpress-plugin-thread-twitter/" rel="bookmark">WordPress 插件 Thread Twitter</a><!-- (28.8)--></li>
		<li><a href="http://www.neoease.com/twitter-clients/" rel="bookmark">Twitter 客户端推荐</a><!-- (20.6)--></li>
		<li><a href="http://www.neoease.com/twitter-retweet-strategy/" rel="bookmark">微博客的 RT 方式</a><!-- (9.2)--></li>
		<li><a href="http://www.neoease.com/inove-13-released/" rel="bookmark">iNove 1.3 发布</a><!-- (7.2)--></li>
		<li><a href="http://www.neoease.com/guangzhou-twitter-camp/" rel="bookmark">广州推友聚会</a><!-- (5.8)--></li>
	</ul>
<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></content:encoded>
			<wfw:commentRss>http://www.neoease.com/thread-twitter-05/feed/</wfw:commentRss>
		<slash:comments>48</slash:comments>
		</item>
	</channel>
</rss>

