<?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>西水源頭 &#187; WEB开发</title>
	<atom:link href="http://westsource.cn/category/web_dev/feed/" rel="self" type="application/rss+xml" />
	<link>http://westsource.cn</link>
	<description>虽变化万端，而理唯一贯</description>
	<lastBuildDate>Sun, 05 Sep 2010 13:35:10 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>使用SQL语句从表中获取第XX到第XX条记录</title>
		<link>http://westsource.cn/389.html</link>
		<comments>http://westsource.cn/389.html#comments</comments>
		<pubDate>Wed, 25 Aug 2010 14:46:43 +0000</pubDate>
		<dc:creator>黄超</dc:creator>
				<category><![CDATA[WEB开发]]></category>
		<category><![CDATA[软件开发]]></category>
		<category><![CDATA[开发]]></category>

		<guid isPermaLink="false">http://westsource.cn/%e4%bd%bf%e7%94%a8sql%e8%af%ad%e5%8f%a5%e4%bb%8e%e8%a1%a8%e4%b8%ad%e8%8e%b7%e5%8f%96%e7%ac%acxx%e5%88%b0%e7%ac%acxx%e6%9d%a1%e8%ae%b0%e5%bd%95.html</guid>
		<description><![CDATA[这段时间面试碰上了两次一样的题目：在SQL Server中，用一条SQL语句从数据表Table1中获取第11条至第20条数据。我两次都没答出来，用现在的网络流行词说就是“囧”，呵呵。其实答案很简单，只是没想到而已： select top 20 * from [table1] where id not in (select top 10 id from [table1] ); § 相关文章更改WordPress中固定链接的法宝：Redirection插件迁移我们的Wordpress永久链接Whatever:hover的更多扩展阅读&#8212;&#8212;无需javascript让IE支持丰富伪类Whatever:hover&#8212;&#8212;为IE添加:hover、:active和:focus修正白玉玺国术网的主导航菜单ADxMenu:基于Javascript和CSS的下拉菜单]]></description>
			<content:encoded><![CDATA[<p>这段时间面试碰上了两次一样的题目：在SQL Server中，用一条SQL语句从数据表Table1中获取第11条至第20条数据。我两次都没答出来，用现在的网络流行词说就是“囧”，呵呵。其实答案很简单，只是没想到而已：</p>
<blockquote><p>select top 20 * from [table1] where id not in (select top 10 id from [table1] );</p>
</blockquote>
<h3  class="related_post_title">§ 相关文章</h3><ul class="related_post"><li><a href="http://westsource.cn/357.html" title="更改WordPress中固定链接的法宝：Redirection插件">更改WordPress中固定链接的法宝：Redirection插件</a></li><li><a href="http://westsource.cn/347.html" title="迁移我们的Wordpress永久链接">迁移我们的Wordpress永久链接</a></li><li><a href="http://westsource.cn/324.html" title="Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类">Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类</a></li><li><a href="http://westsource.cn/318.html" title="Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus">Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus</a></li><li><a href="http://westsource.cn/315.html" title="修正白玉玺国术网的主导航菜单">修正白玉玺国术网的主导航菜单</a></li><li><a href="http://westsource.cn/314.html" title="ADxMenu:基于Javascript和CSS的下拉菜单">ADxMenu:基于Javascript和CSS的下拉菜单</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://westsource.cn/389.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>更改WordPress中固定链接的法宝：Redirection插件</title>
		<link>http://westsource.cn/357.html</link>
		<comments>http://westsource.cn/357.html#comments</comments>
		<pubDate>Mon, 09 Aug 2010 14:53:36 +0000</pubDate>
		<dc:creator>黄超</dc:creator>
				<category><![CDATA[WEB开发]]></category>
		<category><![CDATA[开发]]></category>

		<guid isPermaLink="false">http://westsource.cn/%e6%9b%b4%e6%94%b9wordpress%e4%b8%ad%e5%9b%ba%e5%ae%9a%e9%93%be%e6%8e%a5%e7%9a%84%e6%b3%95%e5%ae%9d%ef%bc%9aredirection%e6%8f%92%e4%bb%b6.html</guid>
		<description><![CDATA[Redirection是一个管理301重定向的WordPress插件，也可以将404 ERRORS重定向到正确的页面，对换域名迁移，或改变路径安装博客，或变更永久链接（如将博客从http://www.baiyuxi.net/2010/08/06/291/换到http://www.baiyuxi.net/2010/08/07/291/，就可以利用该插件来更换永久链接），特别有效。 插件特征 支持WordPress、Apache重定向 404 error 监测 – 抓取404 errors页面，让你轻松重定向到新页面，而不致于丢失流量 支持RSS feed 404 errors 重定向 可自定义重定向路径，你可以重定向一个网址到另一页面、文件或网站。 支持整个网站或目录重定向 可创建基于URL、浏览器、推介网址、或注册页面的重定向（这对于隐藏网上赚钱的推介链接非常有用） 当一篇日志URL改变时，可以自动添加301重定向 完整支持正则表达式 完整支持本地化 可以输出重定向到CSV, XML或Apache .htaccess文件 支持输入Apache .htaccess 文件 插件链接 http://wordpress.org/extend/plugins/redirection/ § 相关文章使用SQL语句从表中获取第XX到第XX条记录迁移我们的Wordpress永久链接Whatever:hover的更多扩展阅读&#8212;&#8212;无需javascript让IE支持丰富伪类Whatever:hover&#8212;&#8212;为IE添加:hover、:active和:focus修正白玉玺国术网的主导航菜单ADxMenu:基于Javascript和CSS的下拉菜单]]></description>
			<content:encoded><![CDATA[<p><a href="http://wordpress.org/extend/plugins/redirection/" target="_blank">Redirection</a>是一个管理301重定向的WordPress插件，也可以将404 ERRORS重定向到正确的页面，对换域名迁移，或改变路径安装博客，或变更永久链接（如将博客从<a href="http://www.baiyuxi.net/2010/08/06/291/">http://www.baiyuxi.net/2010/08/06/291/</a>换到<a href="http://www.baiyuxi.net/2010/08/07/291/">http://www.baiyuxi.net/2010/08/07/291/</a>，就可以利用该插件来更换永久链接），特别有效。</p>
<p><strong>插件特征</strong></p>
<ul>
<li>支持WordPress、Apache重定向 </li>
<li>404 error 监测 – 抓取404 errors页面，让你轻松重定向到新页面，而不致于丢失流量 </li>
<li>支持RSS feed 404 errors 重定向 </li>
<li>可自定义重定向路径，你可以重定向一个网址到另一页面、文件或网站。 </li>
<li>支持整个网站或目录重定向 </li>
<li>可创建基于URL、浏览器、推介网址、或注册页面的重定向（这对于隐藏<a href="http://chenjinghua.net/make-money-online">网上赚钱</a>的推介链接非常有用） </li>
<li>当一篇日志URL改变时，可以自动添加301重定向 </li>
<li>完整支持正则表达式 </li>
<li>完整支持本地化 </li>
<li>可以输出重定向到CSV, XML或Apache .htaccess文件 </li>
<li>支持输入Apache .htaccess 文件 </li>
</ul>
<p><strong>插件链接</strong></p>
<blockquote><p><a title="http://wordpress.org/extend/plugins/redirection/" href="http://wordpress.org/extend/plugins/redirection/">http://wordpress.org/extend/plugins/redirection/</a></p>
</blockquote>
<h3  class="related_post_title">§ 相关文章</h3><ul class="related_post"><li><a href="http://westsource.cn/389.html" title="使用SQL语句从表中获取第XX到第XX条记录">使用SQL语句从表中获取第XX到第XX条记录</a></li><li><a href="http://westsource.cn/347.html" title="迁移我们的Wordpress永久链接">迁移我们的Wordpress永久链接</a></li><li><a href="http://westsource.cn/324.html" title="Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类">Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类</a></li><li><a href="http://westsource.cn/318.html" title="Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus">Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus</a></li><li><a href="http://westsource.cn/315.html" title="修正白玉玺国术网的主导航菜单">修正白玉玺国术网的主导航菜单</a></li><li><a href="http://westsource.cn/314.html" title="ADxMenu:基于Javascript和CSS的下拉菜单">ADxMenu:基于Javascript和CSS的下拉菜单</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://westsource.cn/357.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>迁移我们的WordPress永久链接</title>
		<link>http://westsource.cn/347.html</link>
		<comments>http://westsource.cn/347.html#comments</comments>
		<pubDate>Tue, 03 Aug 2010 10:28:32 +0000</pubDate>
		<dc:creator>黄超</dc:creator>
				<category><![CDATA[WEB开发]]></category>
		<category><![CDATA[开发]]></category>

		<guid isPermaLink="false">http://westsource.cn/%e4%bd%bf%e7%94%a8%e8%bf%81%e7%a7%bb%e6%88%91%e4%bb%ac%e7%9a%84wordpress%e6%b0%b8%e4%b9%85%e9%93%be%e6%8e%a5.html</guid>
		<description><![CDATA[久有更改我独立域名博客（westsource.cn）中文章的永久链接的想法，但总因为顾虑MSN空间中的文章引用而搁置。今天在网上查着了一个插件，名为Change Permalink Helper，可帮我平滑切换新旧永久链接。]]></description>
			<content:encoded><![CDATA[<p>久有更改我独立域名博客（westsource.cn）中文章的永久链接的想法，但总因为顾虑MSN空间中的文章引用而搁置。今天在网上查着了一个插件，名为<a href="http://wordpress.org/extend/plugins/change-permalink-helper/" target="_blank">Change Permalink Helper</a>，可帮我平滑切换新旧永久链接。</p>
<p>以前我是用的永久链接格式为：</p>
<blockquote><p><code>http://westsource.cn/2010/08/03/sample-post/</code></p></blockquote>
<p><code>因为我的文章鲜有以英文为标题的，所以默认的文章链接就成了下面这个样子：</code></p>
<blockquote><p><a title="http://westsource.cn/2010/07/31/%e8%bd%ac%e7%bd%97%e6%be%8d%e7%94%9f%e8%80%81%e5%b8%88%e6%96%87%e7%ab%a0%ef%bc%9a%e3%80%8a%e4%b8%ad%e5%9b%bd%e5%b8%9d%e7%8e%8b%e6%96%87%e5%8c%96%e3%80%8b%e5%ba%8f%e8%a8%80/" href="http://westsource.cn/2010/07/31/%e8%bd%ac%e7%bd%97%e6%be%8d%e7%94%9f%e8%80%81%e5%b8%88%e6%96%87%e7%ab%a0%ef%bc%9a%e3%80%8a%e4%b8%ad%e5%9b%bd%e5%b8%9d%e7%8e%8b%e6%96%87%e5%8c%96%e3%80%8b%e5%ba%8f%e8%a8%80/">http://westsource.cn/2010/07/31/%e8%bd%ac%e7%bd%97%e6%be%8d%e7%94%9f%e8%80%81%e5%b8%88%e6%96%87%e7%ab%a0%ef%bc%9a%e3%80%8a%e4%b8%ad%e5%9b%bd%e5%b8%9d%e7%8e%8b%e6%96%87%e5%8c%96%e3%80%8b%e5%ba%8f%e8%a8%80/</a></p></blockquote>
<p>本来后面那一串就够长的了，还加上了/2010/07/31这个前缀，真是不可忍。<code>要用缩略名吧，每次用Windows Live Writer发文后都需要到网站上去修改，想想就麻烦透顶。使用<a href="http://wordpress.org/extend/plugins/change-permalink-helper/" target="_blank">Change Permalink Helper</a>后，我直接把链接改成了下面的格式：</code></p>
<blockquote><p><code>http://westsource.cn/2010/08/03/sample-post.html</code></p></blockquote>
<p><code>对于上面的文章，链接就成了下面这个样子：</code></p>
<blockquote><p><a title="http://westsource.cn/%e8%bd%ac%e7%bd%97%e6%be%8d%e7%94%9f%e8%80%81%e5%b8%88%e6%96%87%e7%ab%a0%ef%bc%9a%e3%80%8a%e4%b8%ad%e5%9b%bd%e5%b8%9d%e7%8e%8b%e6%96%87%e5%8c%96%e3%80%8b%e5%ba%8f%e8%a8%80.html" href="http://westsource.cn/%e8%bd%ac%e7%bd%97%e6%be%8d%e7%94%9f%e8%80%81%e5%b8%88%e6%96%87%e7%ab%a0%ef%bc%9a%e3%80%8a%e4%b8%ad%e5%9b%bd%e5%b8%9d%e7%8e%8b%e6%96%87%e5%8c%96%e3%80%8b%e5%ba%8f%e8%a8%80.html">http://westsource.cn/%e8%bd%ac%e7%bd%97%e6%be%8d%e7%94%9f%e8%80%81%e5%b8%88%e6%96%87%e7%ab%a0%ef%bc%9a%e3%80%8a%e4%b8%ad%e5%9b%bd%e5%b8%9d%e7%8e%8b%e6%96%87%e5%8c%96%e3%80%8b%e5%ba%8f%e8%a8%80.html</a></p></blockquote>
<p>虽然还是不咋地，但毕竟有所改善，呵呵。更为重要的是，以后我不用为修改永久链接而发愁了！</p>
<h3  class="related_post_title">§ 相关文章</h3><ul class="related_post"><li><a href="http://westsource.cn/389.html" title="使用SQL语句从表中获取第XX到第XX条记录">使用SQL语句从表中获取第XX到第XX条记录</a></li><li><a href="http://westsource.cn/357.html" title="更改WordPress中固定链接的法宝：Redirection插件">更改WordPress中固定链接的法宝：Redirection插件</a></li><li><a href="http://westsource.cn/324.html" title="Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类">Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类</a></li><li><a href="http://westsource.cn/318.html" title="Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus">Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus</a></li><li><a href="http://westsource.cn/315.html" title="修正白玉玺国术网的主导航菜单">修正白玉玺国术网的主导航菜单</a></li><li><a href="http://westsource.cn/314.html" title="ADxMenu:基于Javascript和CSS的下拉菜单">ADxMenu:基于Javascript和CSS的下拉菜单</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://westsource.cn/347.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Whatever:hover的更多扩展阅读&#8212;&#8212;无需javascript让IE支持丰富伪类</title>
		<link>http://westsource.cn/324.html</link>
		<comments>http://westsource.cn/324.html#comments</comments>
		<pubDate>Fri, 30 Jul 2010 09:04:02 +0000</pubDate>
		<dc:creator>黄超</dc:creator>
				<category><![CDATA[WEB开发]]></category>
		<category><![CDATA[开发]]></category>

		<guid isPermaLink="false">http://westsource.cn/2010/07/30/whateverhover%e7%9a%84%e6%9b%b4%e5%a4%9a%e6%89%a9%e5%b1%95%e9%98%85%e8%af%bb%e6%97%a0%e9%9c%80javascript%e8%ae%a9ie%e6%94%af%e6%8c%81%e4%b8%b0%e5%af%8c%e4%bc%aa%e7%b1%bb/</guid>
		<description><![CDATA[这是在网上找到的，关于whatever:hover的更为详细的资料。]]></description>
			<content:encoded><![CDATA[<p><em>这是在网上找到的，关于whatever:hover的更为详细的资料。现转载如下：</em></p>
<p>这很酷，因为这使你可以仅通过 css来对表格行(&lt;tr&gt;)应用鼠标滑过事件(mouseover)时的特殊效果。然而，万恶的IE，对 :hover伪类顶多只提供了有限的支持，具体支持的程度要取决于你的IE浏览器的具体版本。 </p>
<p>Whatever:hover 是一个小小的脚本，它可以迅速、自动地为IE6，IE7，IE8添加标准的 :hover、:active 和:focus 伪类支持。第三版引入了 ajax 支持，意味着通过 javascript动态添加到文档中的任意html元素也同样可以在IE中响应 :hover、:active 和 :focus 样式。</p>
<p>如果你已经对使用 whatever:hover 很熟练，现在只是想下载它，你可以直接跳转到<a href="http://wukangrui.com/2009/06/22/whatever-hover-pseudo-class-without-javascript.html#changes">获取最新版本</a>。而对于其它想深入了解它的人，请继续阅读。</p>
<h5><strong>使用方法</strong></h5>
<p>你只需要将 whatever:hover 链接到 body 元素就可以了。注意这里的 behavior 属性中的 URL 是相对于 html 文件的，而不是像背景图片地址一样是相对于 css 文件的路径。</p>
<blockquote><pre>body { behavior: url(&quot;csshover3.htc&quot;); }</pre>
</blockquote>
<h5><strong>工作原理</strong></h5>
<p>所有的浏览器都提供了一些方法，让你用 javascript 查询样式表中定义好的规则或者动态地插入新规则。正常情况下，IE对所有它不支持的规则返回 “unknown”。例如：一条关于 “div p:first-child” 的规则将会被改成 &quot;divp:unknown”， 而一条关于 &quot;p a[href]” 的规则将整体地作为 &quot;unknown&quot; 返回。幸运的是 IE 把 :hover伪类认为是它支持的样式规则，并且会将它保持原样。</p>
<p>IE 还支持所谓的<a href="http://msdn.microsoft.com/zh-cn/library/ms531078.aspx">行为（behaviors）</a>，不仅包括预定义的功能比如动态加载内容或者持续数据存储，也包括你可以在一个后缀为 .htc 或者 .hta 为的文件中创建的自定义行为。这些行为通过 css 实现与 html 节点关联，并“增强”这些被指定行为中的样式选择器选中的节点。</p>
<p>综上所述，创建一个行为来查找样式表中 IE 不支持的元素，并以一些其它手段“欺骗”影响的到元素让它们应用样式表中关联的样式。这个复杂的操作中包含的步骤大致可以描述为：</p>
<ul>
<li>在所有的样式表中搜索 IE 不支持的 :hover 伪类规则； </li>
<li>插入一条 IE 支持的，例如带 class 名称的新规则； </li>
<li>最后，设置脚本事件来切换目标元素的 class 名称。 </li>
</ul>
<p>通过这种方式，:hover、:active 和 :focus 就可以得到（IE 的）支持了。而作为开发人员，你除了包含这个行为以外不需要做任何事。所有的工作都将自动完成。</p>
<p>与第1版和第2版比较，第3版对动态加入的 html (ajax) 也同样支持。另外还有一个改动是原来第1版和第2版采用的是在页面加载事件中主动搜索影响到的元素，而在第3版中改为借助表达式（<a href="http://msdn.microsoft.com/zh-cn/library/ms537634.aspx">expressions</a>）让节点自己回调。关于这部分你可以阅读带注释的版本获取更多细节。</p>
<h5><strong>示例：菜单效果</strong></h5>
<p>:hover 一个很常见的用途就是用列表创建菜单系统。用这个行为来创建一个两级的菜单系统是再容易不过的事情了。例如，如果你从 <a href="http://www.htmldog.com/articles/suckerfish/example/">suckerfish dropdown</a> （一个带有下拉菜单的网页，关于这个页面和效果的描述，参见 <a href="http://www.alistapart.com/articles/dropdowns/">A List Apart article</a>）上把 javascript 删除掉了，它仍然能正常工作。</p>
<p>但是多级的菜单需要做不同的处理。这是由于 IE 不支持子选择符 ‘&gt;&#8217;，子选择符可以完美地显示下级子菜单，而不是连更深层的菜单一起显示出来。</p>
<blockquote>
<pre>li:hover &gt; ul { /* 在 IE 下无效 */ }</pre>
</blockquote>
<p>有一种可供选择的方法可以只使用简单的子孙选择符来模拟这种行为（主要是针对 IE）。还有种不太成熟的方法是应用多个类定义，但是更简单的方法是利用 CSS 选择符的不同<a href="http://www.w3.org/TR/CSS21/cascade.html#specificity">优先级(specificity)</a>.每一条 css 规则都有特定的重要等级，这个等级可以简单地根据一条规则中的不同元素来计算。以元素名称为基准值 “1″，类、伪类和属性选择符重要性（权重）为 “10″，然后元素 id 为 “100″。比如下面的例子。</p>
<blockquote>
<pre>ul ul { display:none; }li:hover ul { display:block; }</pre>
</blockquote>
<p>这样做能够生效的原因，就是选择符的优先级不同。第一条规则只包含两个元素名称，这样它的权重值（优先级）就是2。第二条规则也包含两个元素名称，但是 :hover 伪类的权重值（优先级）是10，所以加起来的值就是12。由于第二条规则比第一条规则优先，因此被鼠标滑过的 li 元素内部的ul 将被显示。</p>
<p>那么这个对于解决 &gt;子选择符的问题有什么帮助呢？是这样，如果一条权重值（优先级）为12的规则定义所有的子菜单都要显示，我们只需要创建一条权重值（优先级）大于 12的规则来把下一级的菜单隐藏起来。然后，那个菜单又需要另一条优先级更高的规则来显示，一直循环下去。对于3级的导航来说，需要的 css代码短得让人意外：</p>
<blockquote>
<pre>/* 2 和 13 */ul ul, li:hover ul ul { display:none; }/* 12 和 23*/li:hover ul, li:hover li:hover ul { display:block; }</pre>
</blockquote>
<p>这种方式可以无需附加任何类样式实现无限级嵌套菜单（4级或更多级需要需要继续添加更多规则）。</p>
<h5><a name="optimizing"></a><strong>脚本事件的性能优化</strong></h5>
<p>现在还剩下一件事需要考虑。.htc 文件在所有样式表文件中搜索 :hover 规则，并且按照 css 文件的定义对所有它认为需要用脚本处理停留效果的元素附加鼠标滑过和移出事件。为了找出这些(被影响的)元素，<b>所有</b>去掉 :hover 伪类选择到的元素以及被 :hover 伪类修饰的元素本身，都会被选择并且进行处理。一条类似这样的规则</p>
<blockquote>
<pre>#menu li:hover ul { ... }</pre>
</blockquote>
<p>…将会被调整成下面这样来查找所有可能需要响应鼠标滑过事件的元素：</p>
<blockquote>
<pre>#menu li { ... }</pre>
</blockquote>
<p>很显然这会选中整个菜单中的每一个 &lt;li&gt;元素，并对其中一大堆不需要鼠标事件（在当前情况下）的元素附加事件。这个问题可以很轻松地得到解决，我们可以对包含子菜单的列表元素添加一个类样式，比如 &quot;folder&quot;。这样一来，调整（去除:hover）之后的样式规则变成了</p>
<pre>#menu li.folder { ... }</pre>
<blockquote>
<p>…可以高效地直接选中那些真正需要事件的元素。缺点是为了改善脚本的性能，你需要添加一个类样式（这个类样式的添加纯粹是为了视觉效果，而且放弃了 li:hover 方式实现菜单的通用性）。但是，从另一个角度考虑的话，也许你反正也要用一个类来把这些列表元素与普通元素区别开来，那就无所谓了。</p>
</blockquote>
<p>为了直观地说明上述问题，请查看<a href="http://www.xs4all.nl/examples/cssmenu.html">综合示例</a>。希望你喜欢。</p>
<h5><strong>官方说明：</strong></h5>
<blockquote>
<p>说明1：如果在使用 whatever:hover 的过程中遇到问题，请 <a href="http://www.xs4all.nl/contact.html">让我知道</a>! 由于第3版比较新，可能会存在一些无法预知的问题。</p>
<p>说明2：确保你的web服务器把 htc 文件按照 text/x-component 的 mime类型发送。关于这方面的更多信息，可以参阅 Aldo的个人博客。如果你的主机支持 .htaccess 文件，可以添加下面这行代码： </p>
<pre>AddType text/x-component .htc</pre>
<p>说明3：第三版支持在 IE6 以上版本中使用 :hover 和 :active，对 IE7 和 IE8 还支持:focus。由于表达式（expression)在 IE8 标准模式下不支持，所以 whatever:hover 只在 IE8 的怪异模式(Quirks Mode) 下运行。实际上在 IE8 标准模式中也根本不需要这个脚本了。 </p>
<p>说明4：如果使用这个脚本之后网页变慢，请尝试对更加具体的选择符运用 :hover伪类，比如添加元素名称、使用元素id，或者类名称。例如：&quot;div#someId li.group:hover”, 而不要只用&quot;.group:hover”。这样能够很大程度上减少搜索和解析时间，并能减少需要应用的事件。请阅读 <a href="http://wukangrui.com/2009/06/22/whatever-hover-pseudo-class-without-javascript.html#optimizing">性能优化</a> 获得更多信息。</p>
<p>说明5：第2版也支持 :focus 伪类，仅限于 A、INPUT、和 TEXTAREA元素。但是，由于类似&quot;input:focus&quot; 这样的选择符被 IE 的样式表对象返回为 &quot;input:unknown&quot;，脚本将基于这些 &quot;unkonwn&quot;规则来附加获得焦点和失去焦点事件，这个问题同样存在于其它浏览器无法识别的伪类。因此，使用2.0版本的时候，你无法在 IE 中对A、INPUT和 TEXTAREA元素应用浏览器无法识别的伪类，因为他们统统都会被处理成获得焦点样式。如果你确实需要这个功能，请使用1.4版或者3.0版。</p>
<p>在 <a href="http://www.naarvoren.nl/">Naar Voren</a> （一个关于web开发的德语网站）上，有我用德语写的一篇关于用纯css <a href="http://www.naarvoren.nl/artikel/hover.html">在菜单系统中使用 :hover</a> 的更详细的文章（德语版）。对于不懂德语的网友，可以查看该文章的<a href="http://www.xs4all.nl/hovercraft.html">英文翻译版</a>。</p>
<p>非常感谢 Arnoud Berendsen 和 <a href="http://www.windgazer.nl/">Martin Reurings</a> 提供的创意和支持，感谢 <a href="http://www.eend.nl/log/">Robert Jan Verkade</a> 和 Naar Voren 上的朋友们发表我的文章，还要感谢 <a href="http://www.meyerweb.com/">Eric Meyer</a> 对这个脚本给予支持和在他的书里提到我的这个网页（指 《<a href="http://www.china-pub.com/38007">Eric Meyer谈CSS（卷2）</a>》 第六章》——译者注）。</p>
</blockquote>
<p>作者：<a href="http://www.xs4all.nl/%7Epeterned/">peter ned</a> 原文：<a href="http://www.xs4all.nl/%7Epeterned/csshover.html">whatever:hover</a></p>
<h3  class="related_post_title">§ 相关文章</h3><ul class="related_post"><li><a href="http://westsource.cn/389.html" title="使用SQL语句从表中获取第XX到第XX条记录">使用SQL语句从表中获取第XX到第XX条记录</a></li><li><a href="http://westsource.cn/357.html" title="更改WordPress中固定链接的法宝：Redirection插件">更改WordPress中固定链接的法宝：Redirection插件</a></li><li><a href="http://westsource.cn/347.html" title="迁移我们的Wordpress永久链接">迁移我们的Wordpress永久链接</a></li><li><a href="http://westsource.cn/318.html" title="Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus">Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus</a></li><li><a href="http://westsource.cn/315.html" title="修正白玉玺国术网的主导航菜单">修正白玉玺国术网的主导航菜单</a></li><li><a href="http://westsource.cn/314.html" title="ADxMenu:基于Javascript和CSS的下拉菜单">ADxMenu:基于Javascript和CSS的下拉菜单</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://westsource.cn/324.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Whatever:hover&#8212;&#8212;为IE添加:hover、:active和:focus</title>
		<link>http://westsource.cn/318.html</link>
		<comments>http://westsource.cn/318.html#comments</comments>
		<pubDate>Fri, 30 Jul 2010 03:06:05 +0000</pubDate>
		<dc:creator>黄超</dc:creator>
				<category><![CDATA[WEB开发]]></category>
		<category><![CDATA[开发]]></category>

		<guid isPermaLink="false">http://westsource.cn/2010/07/30/whateverhover%e4%b8%baie%e4%bd%8e%e7%89%88%e6%9c%ac%e6%b7%bb%e5%8a%a0hover%e5%8a%9f%e8%83%bd/</guid>
		<description><![CDATA[Whatever:hover 是一个小小的脚本，它可以迅速、自动地为 IE6、IE7、IE8 添加标准的 :hover、:active 和 :focus 伪类支持。在 3.0 以上版本中加入了 ajax 支持功能，也就是说，我们通过 Javascript 动态添加到文档中的任意 html 元素，也同样可以在 IE 中响应 :hover、:active 和 :focus 样式。]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.xs4all.nl/~peterned/csshover.html#changes" target="_blank">Whatever:hover</a> 是一个小小的脚本，它可以迅速、自动地为 IE6、IE7、IE8 添加标准的 :hover、:active 和 :focus 伪类支持。在 3.0 以上版本中加入了 ajax 支持功能，也就是说，我们通过 Javascript 动态添加到文档中的任意 html 元素，也同样可以在 IE 中响应 :hover、:active 和 :focus 样式。</p>
<p>使用时，我们只需要将 whatever:hover 链接到 body 元素就可以了。<strong>这里的 behavior 属性中的 URL 是相对于 html 文件的</strong>，而不是像背景图片地址一样是相对于 css 文件的路径。</p>
<p>下面是简单的例子：</p>
<blockquote><p>HTML文件：</p>
<p>&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;&gt;      <br />&lt;html&gt;       <br />&#160; &lt;head&gt;       <br />&#160;&#160;&#160; &lt;title&gt;&lt;/title&gt;       <br />&#160;&#160;&#160; &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot;&gt;       <br />&#160;&#160;&#160; &lt;link rel=&quot;stylesheet&quot; href=&quot;htc.css&quot; type=&quot;text/css&quot; /&gt;       <br />&#160; &lt;/head&gt;       <br />&#160; &lt;body&gt;       <br />&#160;&#160;&#160;&#160;&#160; &lt;ul&gt;       <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;li&gt;       <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; 菜单1(总是显示的内容)       <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;ul&gt;       <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;li&gt;       <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; 菜单11(鼠标划过时显示的内容)       <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;/li&gt;       <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;/ul&gt;       <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;/li&gt;       <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;li&gt;       <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; 菜单2(总是显示的内容)       <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;ul&gt;       <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;li&gt;       <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; 菜单21(鼠标划过时显示的内容)       <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;/li&gt;       <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;/ul&gt;       <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;/li&gt;       <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;li&gt;       <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; 菜单3(总是显示的内容)       <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;ul&gt;       <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;li&gt;       <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; 菜单31(鼠标划过时显示的内容)       <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;ul&gt;       <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;li&gt;       <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; 菜单311(鼠标划过时显示的内容)&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;/li&gt;       <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;/ul&gt;       <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;/li&gt;       <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;/ul&gt;       <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;/li&gt;       <br />&#160;&#160;&#160;&#160;&#160; &lt;/ul&gt;       <br />&#160; &lt;/body&gt;       <br />&lt;/html&gt;</p>
</blockquote>
<blockquote><p>CSS文件：</p>
<p>body{      <br />&#160;&#160;&#160; behavior:url(&quot;csshover3.htc&quot;);       <br />} </p>
<p>ul ul, li:hover ul ul {      <br />&#160;&#160;&#160; display:none;       <br />} </p>
<p>li:hover ul, li:hover li:hover ul {      <br />&#160;&#160;&#160; display:block;       <br />}</p>
</blockquote>
<p>懒到连拷贝粘贴都不去做的，可以点击下面的图标来下载 Whatever:hover 3.11 和上述的示例代码。</p>
<p><iframe style="padding-bottom: 0px; background-color: #fcfcfc; padding-left: 0px; width: 98px; padding-right: 0px; height: 115px; padding-top: 0px" title="Preview" marginheight="0" src="http://cid-3f02e193fe7c66fe.office.live.com/embedicon.aspx/.Public/WEB%e5%bc%80%e5%8f%91/Whatever^7hover%203.11%20%e5%8f%8a%e7%a4%ba%e4%be%8b.zip" frameborder="0" marginwidth="0" scrolling="no"></iframe></p>
<h3  class="related_post_title">§ 相关文章</h3><ul class="related_post"><li><a href="http://westsource.cn/389.html" title="使用SQL语句从表中获取第XX到第XX条记录">使用SQL语句从表中获取第XX到第XX条记录</a></li><li><a href="http://westsource.cn/357.html" title="更改WordPress中固定链接的法宝：Redirection插件">更改WordPress中固定链接的法宝：Redirection插件</a></li><li><a href="http://westsource.cn/347.html" title="迁移我们的Wordpress永久链接">迁移我们的Wordpress永久链接</a></li><li><a href="http://westsource.cn/324.html" title="Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类">Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类</a></li><li><a href="http://westsource.cn/315.html" title="修正白玉玺国术网的主导航菜单">修正白玉玺国术网的主导航菜单</a></li><li><a href="http://westsource.cn/314.html" title="ADxMenu:基于Javascript和CSS的下拉菜单">ADxMenu:基于Javascript和CSS的下拉菜单</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://westsource.cn/318.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>修正白玉玺国术网的主导航菜单</title>
		<link>http://westsource.cn/315.html</link>
		<comments>http://westsource.cn/315.html#comments</comments>
		<pubDate>Thu, 29 Jul 2010 03:41:55 +0000</pubDate>
		<dc:creator>黄超</dc:creator>
				<category><![CDATA[WEB开发]]></category>
		<category><![CDATA[开发]]></category>

		<guid isPermaLink="false">http://westsource.cn/2010/07/29/%e4%bf%ae%e6%ad%a3%e7%99%bd%e7%8e%89%e7%8e%ba%e5%9b%bd%e6%9c%af%e7%bd%91%e7%9a%84%e4%b8%bb%e5%af%bc%e8%88%aa%e8%8f%9c%e5%8d%95/</guid>
		<description><![CDATA[白玉玺国术网是我的恩师、武术名家白玉玺老师的官方网站。基于WordPress 2.9.2版本实现，定制了主题模板（master）并安装和修改了部分插件。master 1.0版本时，其主导航菜单参考了WordPress 3.0的默认主题Twentyten，以ul、li+CSS的方式实现。该导航菜单在IE7及以上版本、Firefox、Chrome和Opera工作正常但是不太好用，而在IE6及以下版本，压根就不工作。]]></description>
			<content:encoded><![CDATA[<p><a href="http://baiyuxi.net" target="_blank">白玉玺国术网</a>是我的恩师、武术名家白玉玺老师的官方网站。网站以介绍白玉玺老师所师承的李氏，吴氏太极拳为主，同时介绍吴氏太极剑，有关白玉玺老师的其他师承武学，以及高瑞周、徐致一大师的武学研究成果等。网站还向广大太极拳爱好者提供一个共同学习讨论的论坛，帮助大家在此共同学习，探讨有关太极拳的理论与实践。</p>
<p>网站基于WordPress 2.9.2版本实现，定制了主题模板（master）并安装和修改了部分插件。</p>
<p>master 1.0版本时，其主导航菜单参考了WordPress 3.0的默认主题Twentyten，以ul、li+CSS的方式实现。该导航菜单在IE7及以上版本、Firefox、Chrome和Opera工作正常但是不太好用，而在IE6及以下版本，压根就不工作。</p>
<p>master 1.5版本的导航菜单使用<a href="http://westsource.cn/2010/07/28/adxmenu%e5%9f%ba%e4%ba%8ejavascript%e5%92%8ccss%e7%9a%84%e4%b8%8b%e6%8b%89%e8%8f%9c%e5%8d%95/">ADxMenu</a>来构建，实现起来很方便</p>
<p>1、在网页的head部分加入对样式表的引用（IE6及以下要使用Javascript来辅助下拉）：</p>
<blockquote><p>&lt;link type=&quot;text/css&quot; media=&quot;all&quot; href=&quot;&lt;?php bloginfo(&#8216;stylesheet_directory&#8217;); ?&gt;/nav-menu-common.css&quot; rel=&quot;stylesheet&quot;&gt;&lt;/link&gt; </p>
<p>&lt;!&#8211;[if IE 6]&gt;      <br />&#160;&#160;&#160; &lt;link rel=&quot;stylesheet&quot; href=&quot;&lt;?php bloginfo(&#8216;stylesheet_directory&#8217;); ?&gt;/nav-menu-ie6.css&quot; type=&quot;text/css&quot; /&gt;       <br />&#160;&#160;&#160; &lt;script type=&quot;text/javascript&quot; src=&quot;&lt;?php bloginfo(&#8216;stylesheet_directory&#8217;); ?&gt;/nav_menu/ADxMenu.js&quot;&gt;&lt;/script&gt;       <br />&lt;![endif]—&gt; </p>
</blockquote>
<p>2、将包含菜单的UL的Class设为“adxm menu”：</p>
<blockquote><p>&lt;?php      <br />&#160;&#160;&#160; echo &#8216;&lt;ul class=&quot;adxm menu&quot;&gt;&#8217;;       <br />&#160;&#160;&#160; echo &#8216;&lt;li&gt;&lt;a href=&quot;<a href="http://baiyuxi.net&quot;">http://baiyuxi.net&quot;</a>&gt;首页&lt;/a&gt;&lt;/li&gt;&#8217;;       <br />&#160;&#160;&#160; wp_list_pages(array(&#8216;title_li&#8217;&#160;&#160;&#160;&#160; =&gt; &#8221;,&#8217;sort_column&#8217;&#160; =&gt; &#8216;menu_order&#8217;) );       <br />&#160;&#160;&#160; echo &#8216;&lt;/ul&gt;&#8217;;       <br />?&gt;</p>
</blockquote>
<p>3、设定CSS内容，略。可以到<a href="http://westsource.cn/2010/07/28/adxmenu%e5%9f%ba%e4%ba%8ejavascript%e5%92%8ccss%e7%9a%84%e4%b8%8b%e6%8b%89%e8%8f%9c%e5%8d%95/" target="_blank">这篇文章</a>的链接中下载。</p>
<h3  class="related_post_title">§ 相关文章</h3><ul class="related_post"><li><a href="http://westsource.cn/389.html" title="使用SQL语句从表中获取第XX到第XX条记录">使用SQL语句从表中获取第XX到第XX条记录</a></li><li><a href="http://westsource.cn/357.html" title="更改WordPress中固定链接的法宝：Redirection插件">更改WordPress中固定链接的法宝：Redirection插件</a></li><li><a href="http://westsource.cn/347.html" title="迁移我们的Wordpress永久链接">迁移我们的Wordpress永久链接</a></li><li><a href="http://westsource.cn/324.html" title="Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类">Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类</a></li><li><a href="http://westsource.cn/318.html" title="Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus">Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus</a></li><li><a href="http://westsource.cn/314.html" title="ADxMenu:基于Javascript和CSS的下拉菜单">ADxMenu:基于Javascript和CSS的下拉菜单</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://westsource.cn/315.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>ADxMenu:基于Javascript和CSS的下拉菜单</title>
		<link>http://westsource.cn/314.html</link>
		<comments>http://westsource.cn/314.html#comments</comments>
		<pubDate>Wed, 28 Jul 2010 08:24:33 +0000</pubDate>
		<dc:creator>黄超</dc:creator>
				<category><![CDATA[WEB开发]]></category>
		<category><![CDATA[开发]]></category>

		<guid isPermaLink="false">http://westsource.cn/2010/07/28/adxmenu%e5%9f%ba%e4%ba%8ejavascript%e5%92%8ccss%e7%9a%84%e4%b8%8b%e6%8b%89%e8%8f%9c%e5%8d%95/</guid>
		<description><![CDATA[ADxMenu 是一个由Javascript和CSS创建的下拉菜单解决方案， 我们可以利用它很轻松的为网页设计创建出漂亮的下拉菜单效果。 它使用&#60;ul&#62;和&#60;li&#62;标签构成，支持多级子菜单并且提供详细的使用方法，并且含有多种 JavaScript参数配置效果。ADxMenu能良好运行于各大主流浏览器，（IE6需要一个专门的处理办法）,支持横向和纵向菜单，甚至可以控制下拉子菜单的显示位置为上下左右，完全自定义。 § 相关文章使用SQL语句从表中获取第XX到第XX条记录更改WordPress中固定链接的法宝：Redirection插件迁移我们的Wordpress永久链接Whatever:hover的更多扩展阅读&#8212;&#8212;无需javascript让IE支持丰富伪类Whatever:hover&#8212;&#8212;为IE添加:hover、:active和:focus修正白玉玺国术网的主导航菜单]]></description>
			<content:encoded><![CDATA[<p><strong>ADxMenu</strong> 是一个由Javascript和CSS创建的下拉菜单解决方案， 我们可以利用它很轻松的为网页设计创建出漂亮的下拉菜单效果。 </p>
<p>它使用&lt;ul&gt;和&lt;li&gt;标签构成，支持多级子菜单并且提供详细的使用方法，并且含有多种 JavaScript参数配置效果。ADxMenu能良好运行于各大主流浏览器，（IE6需要一个专门的处理办法）,支持横向和纵向菜单，甚至可以控制下拉子菜单的显示位置为上下左右，完全自定义。 </p>
<p><iframe style="padding-bottom: 0px; background-color: #fcfcfc; padding-left: 0px; width: 98px; padding-right: 0px; height: 115px; padding-top: 0px" title="Preview" marginheight="0" src="http://cid-3f02e193fe7c66fe.office.live.com/embedicon.aspx/.Public/WEB%e5%bc%80%e5%8f%91/CSS^MJS%e7%bd%91%e9%a1%b5%e8%8f%9c%e5%8d%95%e6%96%b9%e6%a1%88^7adxmenu-v4.zip" frameborder="0" marginwidth="0" scrolling="no"></iframe></p>
<h3  class="related_post_title">§ 相关文章</h3><ul class="related_post"><li><a href="http://westsource.cn/389.html" title="使用SQL语句从表中获取第XX到第XX条记录">使用SQL语句从表中获取第XX到第XX条记录</a></li><li><a href="http://westsource.cn/357.html" title="更改WordPress中固定链接的法宝：Redirection插件">更改WordPress中固定链接的法宝：Redirection插件</a></li><li><a href="http://westsource.cn/347.html" title="迁移我们的Wordpress永久链接">迁移我们的Wordpress永久链接</a></li><li><a href="http://westsource.cn/324.html" title="Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类">Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类</a></li><li><a href="http://westsource.cn/318.html" title="Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus">Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus</a></li><li><a href="http://westsource.cn/315.html" title="修正白玉玺国术网的主导航菜单">修正白玉玺国术网的主导航菜单</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://westsource.cn/314.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>转帖帕兰映像文章：30多个CSS和JS下拉菜单资源</title>
		<link>http://westsource.cn/310.html</link>
		<comments>http://westsource.cn/310.html#comments</comments>
		<pubDate>Mon, 26 Jul 2010 12:12:33 +0000</pubDate>
		<dc:creator>黄超</dc:creator>
				<category><![CDATA[WEB开发]]></category>
		<category><![CDATA[开发]]></category>

		<guid isPermaLink="false">http://westsource.cn/2010/07/26/%e8%bd%ac%e5%b8%96%e5%b8%95%e5%85%b0%e6%98%a0%e5%83%8f%e6%96%87%e7%ab%a0%ef%bc%9a30%e5%a4%9a%e4%b8%aacss%e5%92%8cjs%e4%b8%8b%e6%8b%89%e8%8f%9c%e5%8d%95%e8%b5%84%e6%ba%90/</guid>
		<description><![CDATA[导航菜单是网站设计中最重要的因素之一。网络开发人员可以使用CSS创建方便用户的横向或纵向导航菜单, 而javascript则使人们有可能创造更多的互动，更多的响应和更灵活的导航到任何网站。Noupe在这篇文章里面提出了25个以上（横向和纵向）多层次的下拉菜单，包括使用了JavaScript和CSS ，你可以将这些示例和教程用你的未来网站设计计划。]]></description>
			<content:encoded><![CDATA[<p>导航菜单是网站设计中最重要的因素之一。网络开发人员可以使用CSS创建方便用户的横向或纵向导航菜单, 而javascript则使人们有可能创造更多的互动，更多的响应和更灵活的导航到任何网站。Noupe在这篇文章里面提出了25个以上（横向和纵向）多层次的下拉菜单，包括使用了JavaScript和CSS ，你可以将这些示例和教程用你的未来网站设计计划。</p>
<p>帕兰照常为你翻译, <strong>你也可以查看帕兰映像之前发表的一些关于菜单应用的文章:</strong></p>
<ul>
<li><a href="http://paranimage.com/izzymenu-online-to-create-dhtml-css-menu">IzzyMenu: 在线创建DHTML/CSS菜单</a></li>
<li><a href="http://paranimage.com/9-css-menu-generator-css-navigation-menu-of-online-generation-and-css-menu-generation-software">9款CSS菜单生成器/含在线CSS导航菜单生成和CSS菜单生成软件</a></li>
<li><a href="http://paranimage.com/more-than-50-sets-of-css-navigation-menu-free-resources">50多套CSS导航菜单免费资源</a></li>
<li><a href="http://paranimage.com/adxmenu-javascript-and-css-based-on-the-drop-down-menu">ADxMenu:基于Javascript和CSS的下拉菜单</a></li>
<li><a href="http://paranimage.com/flickr-effect-of-the-lateral-pull-down-menu-to-achieve-guide">Flickr的横向下拉菜单效果实现教程</a></li>
<li><a href="http://paranimage.com/likno-allwebmenus-powerful-navigation-menu-generation-software">Likno AllWebMenus?:强大的导航菜单生成软件</a></li>
<li><a href="http://paranimage.com/do-it-yourself-wordpress-hover-menu">创建Wordpress主题的悬浮菜单</a></li>
<li><a href="http://paranimage.com/more-than-60-web-design-examples-appreciate-the-navigation-menu/">60多个网页导航菜单设计实例欣赏</a></li>
</ul>
<hr />
<h5><span style="font-weight: normal; font-size: 13px;">1) <a href="http://www.dynamicdrive.com/dynamicindex1/droptabmenu.htm">Drop Down Tabs (5 styles)</a>- Drop Down Tabs是一个横向的CSS 选项卡菜单, 每个选项卡都支持二级下拉菜单.</span></h5>
<p><img class="ngg-singlepic ngg-none" src="http://westsource.cn/wp-content/gallery/css_js_menus/m1.gif" alt="m1" /></p>
<hr />2) <a href="http://www.stunicholls.com/menu/pro_dropdown_2.html">Professional Dropdown</a></p>
<p><img class="ngg-singlepic ngg-none" src="http://westsource.cn/wp-content/gallery/css_js_menus/m30.gif" alt="m30" /></p>
<hr />3) <a href="http://www.webtech101.com/Javascript/effect-menu">Multi-level effect menu</a>- 这是一个高度可配置的 javascript/css下拉菜单, 可以让你轻松生成多级层联的横向或纵向下拉菜单.</p>
<p><img class="ngg-singlepic ngg-none" src="http://westsource.cn/wp-content/gallery/css_js_menus/m3.gif" alt="m3" /></p>
<hr />4) <a href="http://labs.activespotlight.net/jQuery/menu_demo.html">FastFind Menu</a>- 一个基于 <a href="http://paranimage.com/tag/jquery/">jquery</a>的菜单, <a href="http://paranimage.com/tag/ajax/">ajax</a>的响应效果, 这个菜单可以 进行拖拽操作.</p>
<p><img class="ngg-singlepic ngg-none" src="http://westsource.cn/wp-content/gallery/css_js_menus/m4.gif" alt="m4" /></p>
<hr />5) <a href="http://be.twixt.us/jquery/suckerFish.php">jQuery SuckerFish</a></p>
<p><img class="ngg-singlepic ngg-none" src="http://westsource.cn/wp-content/gallery/css_js_menus/m5.gif" alt="m5" /></p>
<hr />6) <a href="http://www.andrewsellick.com/52/fancy-sliding-tab-menu-using-scriptaculous">Fancy Sliding Tab Menu using script.aculo.us</a></p>
<p><img class="ngg-singlepic ngg-none" src="http://westsource.cn/wp-content/gallery/css_js_menus/m6.gif" alt="m6" /></p>
<hr />7) <a href="http://www.cbolson.com/code/dhtml_list_menu/with_images.php">List Based Menu with Images</a>- 使用&lt;UL&gt;&lt;LI&gt;元素生成的菜单, 它使用简单, 并且结构非常有利于搜索引擎</p>
<p><img class="ngg-singlepic ngg-none" src="http://westsource.cn/wp-content/gallery/css_js_menus/m7.gif" alt="m7" /></p>
<hr />8 ) <a href="http://www.dhtmlgoodies.com/scripts/slidedown-menu2/slidedown-menu2.html">Slide down menu</a>- 一个基于<code>&lt;UL&gt;&lt;LI&gt;</code>列表元素的滑动菜单.</p>
<p><img class="ngg-singlepic ngg-none" src="http://westsource.cn/wp-content/gallery/css_js_menus/m8.gif" alt="m8" /></p>
<hr />9) <a href="http://www.wappler.eu/swdropdownmenu/">Dropdownmenu made with scriptaculous/prototype</a>- 一个多级层联的下拉菜单.</p>
<p><img class="ngg-singlepic ngg-none" src="http://westsource.cn/wp-content/gallery/css_js_menus/m9.gif" alt="m9" /></p>
<hr />10) <a href="http://users.tpg.com.au/j_birch/plugins/superfish/all-horizontal-example/">Suckerfish-style menu plugin for jQuery</a>-一个效果不错的二级横各菜单.</p>
<p><img class="ngg-singlepic ngg-none" src="http://westsource.cn/wp-content/gallery/css_js_menus/m10.gif" alt="m10" /></p>
<hr />11) <a href="http://www.roscripts.com/Building_a_dynamic_drop_down_menu-216.html">Building a dynamic drop down menu</a></p>
<p><img class="ngg-singlepic ngg-none" src="http://westsource.cn/wp-content/gallery/css_js_menus/m11.gif" alt="m11" /></p>
<hr />12) <a href="http://www.thinkvitamin.com/misc/yui-demos/demo-10.html">onMenuOpen onMenuCollapse Events</a></p>
<p><img class="ngg-singlepic ngg-none" src="http://westsource.cn/wp-content/gallery/css_js_menus/m12.gif" alt="m12" /></p>
<hr />13) <a href="http://www.artviper.eu/mootoolsmenu/">Mootools menu with accordion and effects</a>- 这是一个简单的下拉菜单, 当鼠标悬浮的时候产生手风琴的弹出效果.</p>
<p><img class="ngg-singlepic ngg-none" src="http://westsource.cn/wp-content/gallery/css_js_menus/m13.jpg" alt="m13" /></p>
<hr />14) <a href="http://www.chrisesler.com/mootools/1.2/dropMenu.html">Mootools Unlimited Drop Menu</a></p>
<p><img class="ngg-singlepic ngg-none" src="http://westsource.cn/wp-content/gallery/css_js_menus/m14.gif" alt="m14" /></p>
<hr />15) <a href="http://mattberseth.com/blog/2007/12/creating_an_outlook_navigation.html">Creating an Outlook Navigation Bar</a>- 使用列表生成的Outlook风格的导航菜单.</p>
<p><img class="ngg-singlepic ngg-none" src="http://westsource.cn/wp-content/gallery/css_js_menus/m15.jpg" alt="m15" /></p>
<hr />16) <a href="http://woork.blogspot.com/2008/01/simple-css-vertical-menu-digg-like.html">Simple CSS vertical menu Digg-like</a>- 这个教程向你展示如何创建一个Digg风格的下拉菜单, 通过JS和CSS实现, 并且点击实现展示和隐藏.</p>
<p><img class="ngg-singlepic ngg-none" src="http://westsource.cn/wp-content/gallery/css_js_menus/m16.gif" alt="m16" /></p>
<hr />17) <a href="http://deletem3.com/2006/03/29/drop-down-menu-with-prototype/">Drop down menu with Prototype</a> 基于Prototype框架的下拉菜单</p>
<p><img class="ngg-singlepic ngg-none" src="http://westsource.cn/wp-content/gallery/css_js_menus/m17.gif" alt="m17" /></p>
<hr />18) <a href="http://www.emanuelblagonic.com/2006/10/11/create-your-own-drop-down-menu-with-nested-submenus-using-css-and-a-little-javascript/">Drop down menu with nested submenus</a>- 使用CSS 和少许的 JavaScript</p>
<p><img class="ngg-singlepic ngg-none" src="http://westsource.cn/wp-content/gallery/css_js_menus/m18.gif" alt="m18" /></p>
<hr />19) <a href="http://ayozone.org/2008/02/06/drop-down-menu-with-jquery/">Drop down menu with jquery</a>- 一个下拉动画菜单, 使用 jquery框架</p>
<p><img class="ngg-singlepic ngg-none" src="http://westsource.cn/wp-content/gallery/css_js_menus/m19.gif" alt="m19" /></p>
<hr />20) <a href="http://jdsharp.us/jQuery/plugins/jdMenu/">jdMenu Hierarchical Menu</a>- The jdMenu plugin基于jQuery框架, 为你提供一个简洁的方法生成漂亮的二级导航菜单.</p>
<p><img class="ngg-singlepic ngg-none" src="http://westsource.cn/wp-content/gallery/css_js_menus/m20.gif" alt="m20" /></p>
<hr />21) <a href="http://bassistance.de/jquery-plugins/jquery-plugin-treeview/">jQuery plugin: Treeview</a>-这是一个轻量级和灵活的多级树形下拉菜单, 类似于Windows的资源管理器.</p>
<p><img class="ngg-singlepic ngg-none" src="http://westsource.cn/wp-content/gallery/css_js_menus/m21.gif" alt="m21" /></p>
<hr />22) <a href="http://dev.visualdrugs.net/mootools/dropdown_menu.html">Drop Down menu</a></p>
<p><img class="ngg-singlepic ngg-none" src="http://westsource.cn/wp-content/gallery/css_js_menus/m22.gif" alt="m22" /></p>
<hr />23) <a href="http://adviesenzo.nl/examples/cssjsmenu/">Accessible fold-out menu</a></p>
<p><img class="ngg-singlepic ngg-none" src="http://westsource.cn/wp-content/gallery/css_js_menus/m23.gif" alt="m23" /></p>
<hr />24) <a href="http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu.htm">Accordion Menu script</a>-这是一个教程示例 ,将你如何创建一个手风琴效果的二级下拉菜单.</p>
<p><img class="ngg-singlepic ngg-none" src="http://westsource.cn/wp-content/gallery/css_js_menus/m27.gif" alt="m27" /></p>
<hr />25) <a href="http://www.alistapart.com/articles/complexdynamiclists/">Complex Dynamic Lists</a>- 使用无序列表, 创建一个比较复杂的多级层联菜单.</p>
<p><img class="ngg-singlepic ngg-none" src="http://westsource.cn/wp-content/gallery/css_js_menus/m29.gif" alt="m29" /></p>
<hr />26) <a href="http://dynamicdrive.com/dynamicindex1/chrome/index.htm">Chrome CSS Drop Down Menu</a>- Chrome Menu是一个CSS 和 JavaScript 结合的下拉菜单, 它的使用非常简单, 且对搜索引擎友好.</p>
<p><img class="ngg-singlepic ngg-none" src="http://westsource.cn/wp-content/gallery/css_js_menus/m2.gif" alt="m2" /></p>
<hr />
<h5>27)<a href="http://www.tanfa.co.uk/css/examples/menu/tutorial-v.asp#vstart">CSS Pop-Out Menu Tutorial</a><span style="font-weight: normal;">下拉菜单教程</span></h5>
<p><img class="ngg-singlepic ngg-none" src="http://westsource.cn/wp-content/gallery/css_js_menus/m24.gif" alt="m24" /></p>
<hr />28)<a href="http://www.projectseven.com/tutorials/navigation/auto_hide/">CSS Express Drop-Down Menus</a>- CSS Express menus可以给每个横各菜单元素添加一个纵向的下拉菜单.</p>
<p><img class="ngg-singlepic ngg-none" src="http://westsource.cn/wp-content/gallery/css_js_menus/m25.jpg" alt="m25" /></p>
<hr />29)<a href="http://www.htmldog.com/articles/suckerfish/dropdowns/">Son of Suckerfish Dropdowns</a>- 一个易于使用,超轻量级的下拉菜单, (仅仅需要12 行 JavaScript代码), 可以生成多级层联的下拉菜单, 且兼容各大主流浏览器</p>
<p><img class="ngg-singlepic ngg-none" src="http://westsource.cn/wp-content/gallery/css_js_menus/m28.gif" alt="m28" /></p>
<hr />30)<a href="http://www.izzymenu.com/">Izzymenu</a>- 拉菜单生成器,Ajax界面操作, 让你可以轻松生成自己的CSS下拉D<a href="http://paranimage.com/category/dede/html/">html</a>菜单,然后通过一行代码引用即可</p>
<p><img class="ngg-singlepic ngg-none" src="http://westsource.cn/wp-content/gallery/css_js_menus/adr5.jpg" alt="adr5" /></p>
<h3  class="related_post_title">§ 相关文章</h3><ul class="related_post"><li><a href="http://westsource.cn/389.html" title="使用SQL语句从表中获取第XX到第XX条记录">使用SQL语句从表中获取第XX到第XX条记录</a></li><li><a href="http://westsource.cn/357.html" title="更改WordPress中固定链接的法宝：Redirection插件">更改WordPress中固定链接的法宝：Redirection插件</a></li><li><a href="http://westsource.cn/347.html" title="迁移我们的Wordpress永久链接">迁移我们的Wordpress永久链接</a></li><li><a href="http://westsource.cn/324.html" title="Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类">Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类</a></li><li><a href="http://westsource.cn/318.html" title="Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus">Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus</a></li><li><a href="http://westsource.cn/315.html" title="修正白玉玺国术网的主导航菜单">修正白玉玺国术网的主导航菜单</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://westsource.cn/310.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>本站使用的WordPress插件</title>
		<link>http://westsource.cn/309.html</link>
		<comments>http://westsource.cn/309.html#comments</comments>
		<pubDate>Sun, 25 Jul 2010 14:37:44 +0000</pubDate>
		<dc:creator>黄超</dc:creator>
				<category><![CDATA[WEB开发]]></category>
		<category><![CDATA[开发]]></category>

		<guid isPermaLink="false">http://westsource.cn/2010/07/25/%e6%9c%ac%e7%ab%99%e4%bd%bf%e7%94%a8%e7%9a%84wordpress%e6%8f%92%e4%bb%b6/</guid>
		<description><![CDATA[WordPress 插件是其最好的特性之一，网上有很多非常好的 WordPress 插件。通常来说，你需要什么功能都能找到相应的插件，呵呵，下面介绍一下本站使用的插件。]]></description>
			<content:encoded><![CDATA[<p>WordPress 插件是其最好的特性之一，网上有很多非常好的 WordPress 插件。通常来说，你需要什么功能都能找到相应的插件，呵呵，下面介绍一下本站使用的插件。</p>
<ul>
<li><a href="http://akismet.com/" target="_blank"><strong>Akismet</strong></a> </li>
</ul>
<p>Akismet(Automattic Kismet)是应用广泛的一个垃圾留言过滤系统，其作者是大名鼎鼎的WordPress创始人Matt Mullenweg，Akismet也是WordPress默认安装的插件，其使用非常广泛，设计目标便是帮助博客网站来过滤留言spam。有了 akismet之后，基本上不用担心垃圾留言的烦恼了——反而言之，如果不用这个插件，或者类似的垃圾留言过滤插件，那你剩下的全是烦恼了，呵呵。</p>
<ul>
<li><a href="http://www.arnebrachhold.de/redir/sitemap-home/" target="_blank"><strong>Google XML Sitemaps</strong></a> </li>
</ul>
<p>Google XML Sitemaps插件可以自动生成sitemap.xml文件，以便搜索引擎更快地找到网站里的所有页面，从而使搜索引擎更快速地收录网站的页面。</p>
<ul>
<li><a href="http://alexrabe.de/?page_id=80" target="_blank"><strong>NextGEN Gallery</strong></a> </li>
</ul>
<p>如果想为你的WordPress找个相册插件，那么NextGEN Gallery插件最适合了，功能很强大，提供了很完美的照片管理方法，操作也并不复杂。我们看看NextGEN Gallery可实现的功能吧： </p>
<ol>
<li>可以通过拖拉进行相册的排序，跟 widget 一樣样，你想要怎么排序用拉就可以，所见既所得 ! </li>
<li>浮水印功能，可在照片上加上文字或图片 </li>
<li>可以上传图片的压缩文件 (zip)，或直接导入图片的文件夹，懒人的最爱，省去上传的时间。 </li>
<li>內建 JavaScript 效果 ，Thickbox，Greybox or Lightbox ，效果很炫。 </li>
<li>可自己编辑CSS文件，通过 css 你可以打造属于自己的相册风格 !! </li>
<li>Slideshow &#8211; 自动播放图片，还有许多变化效果。 </li>
<li>Sidebar Widget &#8211; 随机显示图片的 widget ，可以显示在 sidebar 內。 </li>
<li>可以在文章内调用图片，与附件完美整合到编辑页面的选择栏内，太方便了。 </li>
</ol>
<ul>
<li><a href="http://planetozh.com/blog/my-projects/wordpress-admin-menu-drop-down-css/" target="_blank"><strong>Ozh&#8217; Admin Drop Down Menu</strong></a> </li>
</ul>
<p>Ozh’ Admin Drop Down Menu是WordPress官方插件库中很流行的一个插件，使用这个插件可以改变后台导航菜单的显示方式为水平，这样用起来感觉更舒服,在各种功能菜单之间切换的时候更方便和快捷。其功能包括：</p>
<ol>
<li>icon显示自由控制。 </li>
<li>可以只显示文字导航菜单。 </li>
<li>自定义导航菜单颜色。 </li>
<li>取出后台的header部分，增加垂直可视区域。 </li>
<li>下拉菜单过长（超过自定义的数值）时，切换成水平显示。 </li>
<li>如果没有评论和插件更新就关闭提示气泡。 </li>
</ol>
<ul>
<li><a href="http://www.ilfilosofo.com/blog/wp-db-backup" target="_blank"><strong>WordPress Database Backup</strong></a> </li>
</ul>
<p>它可以让你很方便的备份wordpress数据库，它还可以备份数据库中的其他表，比如你的一个数据库中安装了多个wordpress 或者其他程序的话，都可以通过WordPress Database Backup来备份，WordPress Database Backup还支持定时备份，备份完后会自动发送到你的邮箱里，推荐给每一个使用wordpress的用户来使用这个插件。</p>
<ul>
<li><a href="http://wordpress.org/extend/plugins/wordpress-mobile-pack/" target="_blank"><strong>WordPress Mobile Pack</strong></a> </li>
</ul>
<p>有一个 WordPress 手机浏览器插件。它能识别手机、重排版面并支持挂件。由于具有了手机识别、版面重排的功能，它可以自动调整图片大小，分割文章为多个页面，因此你的网站在任何移动手机上都会表现很好。他有移动管理面板，可以轻松进行管理。移动广告挂件允许在网页的手机版中显示手机广告。</p>
<ul>
<li><a href="http://fairyfish.net/2007/09/12/wordpress-23-related-posts-plugin/" target="_blank"><strong>WordPress Related Posts</strong></a> </li>
</ul>
<p>WordPress Related Posts Plugin 最基本的功能就是根据日志的 tag 的相关性产生一个相关日志列表，并且可以把相关日志列表添加到 Feed 中。这个是提高你博客黏着度的好东西哦。</p>
<ul>
<li><a href="http://wordpress.org/extend/plugins/wp-pagenavi/" target="_blank"><strong>WP-PageNavi</strong></a> </li>
</ul>
<p>在你网站页面导航的地方代替下一面和上一页的链接，而显示 Pages (35): [1] 2 3 4 5 6 » … Last » 这样的效果。</p>
<ul>
<li><a href="http://ocaoimh.ie/wp-super-cache/" target="_blank"><strong>WP Super Cache</strong></a> </li>
</ul>
<p>WP Super Cache 是 WordPress 官方开发人员 Donncha 开发，是当前最高效也是最灵活的 WordPress 静态缓存插件。它把整个网页直接生成 HTML 文件，这样 Apache 就不用解析 PHP 脚本，通过使用这个插件，能使得你的 WordPress 博客将显著的提速。</p>
<h3  class="related_post_title">§ 相关文章</h3><ul class="related_post"><li><a href="http://westsource.cn/389.html" title="使用SQL语句从表中获取第XX到第XX条记录">使用SQL语句从表中获取第XX到第XX条记录</a></li><li><a href="http://westsource.cn/357.html" title="更改WordPress中固定链接的法宝：Redirection插件">更改WordPress中固定链接的法宝：Redirection插件</a></li><li><a href="http://westsource.cn/347.html" title="迁移我们的Wordpress永久链接">迁移我们的Wordpress永久链接</a></li><li><a href="http://westsource.cn/324.html" title="Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类">Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类</a></li><li><a href="http://westsource.cn/318.html" title="Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus">Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus</a></li><li><a href="http://westsource.cn/315.html" title="修正白玉玺国术网的主导航菜单">修正白玉玺国术网的主导航菜单</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://westsource.cn/309.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>一段包含固定的DIV的HTML代码</title>
		<link>http://westsource.cn/303.html</link>
		<comments>http://westsource.cn/303.html#comments</comments>
		<pubDate>Fri, 23 Jul 2010 10:03:30 +0000</pubDate>
		<dc:creator>黄超</dc:creator>
				<category><![CDATA[WEB开发]]></category>
		<category><![CDATA[开发]]></category>

		<guid isPermaLink="false">http://westsource.cn/2010/07/23/%e4%b8%80%e6%ae%b5%e5%8c%85%e5%90%ab%e5%9b%ba%e5%ae%9a%e7%9a%84div%e7%9a%84html%e4%bb%a3%e7%a0%81/</guid>
		<description><![CDATA[一段包含固定的DIV的HTML代码，记之以待后用。]]></description>
			<content:encoded><![CDATA[<p>&lt;html&gt;    <br />&lt;head&gt;     <br />&lt;meta http-equiv=&quot;Content-Type&quot; c&gt;     <br />&lt;title&gt;webkey.cn&lt;/title&gt;     <br />&lt;style&gt;     <br />body {     <br />overflow: hidden;     <br />padding: 0;     <br />margin: 0;     <br />}     <br />div#wrap_outer {     <br />width: 100%;     <br />height: 100%;     <br />overflow: auto;     <br />padding: 0px 30px 30px 30px;     <br />}     <br />#glideDiv0     <br />{     <br />position: absolute;     <br />top: 50;     <br />left:0;     <br />z-index:200;     <br />width:100px;     <br />background-color:#E6EEE7;     <br />}     <br />&lt;/style&gt;     <br />&lt;/head&gt;     <br />&lt;body&gt;     <br />&lt;div id=&quot;wrap_outer&quot;&gt;     <br />&lt;!&#8211; layers that slide go here.     <br />Be sure to include id for each layer in style sheet in head &#8211;&gt;     <br />&lt;br/&gt;&lt;br/&gt;固定Div,且scroll时Div不闪动。     <br />&lt;br/&gt;&lt;br/&gt;aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa     <br />&lt;br/&gt;&lt;br/&gt;aaaa     <br />&lt;br/&gt;&lt;br/&gt;aaaa     <br />&lt;br/&gt;&lt;br/&gt;aaaa     <br />&lt;br/&gt;&lt;br/&gt;aaaa     <br />&lt;br/&gt;&lt;br/&gt;aaaa     <br />&lt;br/&gt;&lt;br/&gt;aaaa     <br />&lt;br/&gt;&lt;br/&gt;aaaa     <br />&lt;br/&gt;&lt;br/&gt;aaaa     <br />&lt;br/&gt;&lt;br/&gt;aaaa     <br />&lt;br/&gt;&lt;br/&gt;aaaa     <br />&lt;br/&gt;&lt;br/&gt;aaaa     <br />&lt;br/&gt;&lt;br/&gt;aaaa     <br />&lt;br/&gt;&lt;br/&gt;aaaa     <br />&lt;br/&gt;&lt;br/&gt;aaaa     <br />&lt;br/&gt;&lt;br/&gt;aaaa     <br />&lt;br/&gt;&lt;br/&gt;aaaa     <br />&lt;br/&gt;&lt;br/&gt;aaaa     <br />&lt;br/&gt;&lt;br/&gt;aaaa     <br />&lt;br/&gt;&lt;br/&gt;aaaa     <br />&lt;br/&gt;&lt;br/&gt;aaaa     <br />&lt;br/&gt;&lt;br/&gt;aaaa     <br />&lt;br/&gt;&lt;br/&gt;aaaa     <br />&lt;!&#8211; end wrap_outer div&#8211;&gt;&lt;/div&gt;     <br />&lt;div id=&quot;glideDiv0&quot;&gt;     <br />a&lt;br/&gt;     <br />b&lt;br/&gt;     <br />c&lt;br/&gt;     <br />d&lt;br/&gt;     <br />e&lt;br/&gt;     <br />f&lt;br/&gt;     <br />g&lt;br/&gt;     <br />&lt;br/&gt;     <br />&lt;/div&gt;     <br />&lt;/body&gt;     <br />&lt;/html&gt; </p>
<h3  class="related_post_title">§ 相关文章</h3><ul class="related_post"><li><a href="http://westsource.cn/389.html" title="使用SQL语句从表中获取第XX到第XX条记录">使用SQL语句从表中获取第XX到第XX条记录</a></li><li><a href="http://westsource.cn/357.html" title="更改WordPress中固定链接的法宝：Redirection插件">更改WordPress中固定链接的法宝：Redirection插件</a></li><li><a href="http://westsource.cn/347.html" title="迁移我们的Wordpress永久链接">迁移我们的Wordpress永久链接</a></li><li><a href="http://westsource.cn/324.html" title="Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类">Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类</a></li><li><a href="http://westsource.cn/318.html" title="Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus">Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus</a></li><li><a href="http://westsource.cn/315.html" title="修正白玉玺国术网的主导航菜单">修正白玉玺国术网的主导航菜单</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://westsource.cn/303.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>WordPress 3.0的自定义导航菜单</title>
		<link>http://westsource.cn/302.html</link>
		<comments>http://westsource.cn/302.html#comments</comments>
		<pubDate>Fri, 23 Jul 2010 09:57:09 +0000</pubDate>
		<dc:creator>黄超</dc:creator>
				<category><![CDATA[WEB开发]]></category>
		<category><![CDATA[开发]]></category>

		<guid isPermaLink="false">http://westsource.cn/2010/07/23/wordpress-3-0%e7%9a%84%e8%87%aa%e5%ae%9a%e4%b9%89%e5%af%bc%e8%88%aa%e8%8f%9c%e5%8d%95/</guid>
		<description><![CDATA[WordPress 3.0以前的版本，默认的导航菜单只能是页面或分类，或二者兼有，如果想自己加入一个自定义链接则需要修改主题，非常地不方便。3.0提供了一个全新的菜单管理系统，这个系统可以让我们创建包含由日志，页面，分类，标签和其它链接组成的完全自定义菜单，并且还支持多级菜单，非常方便和强大。]]></description>
			<content:encoded><![CDATA[<p>WordPress 3.0以前的版本，默认的导航菜单只能是页面或分类，或二者兼有，如果想自己加入一个自定义链接则需要修改主题，非常地不方便。3.0提供了一个全新的菜单管理系统，这个系统可以让我们创建包含由日志，页面，分类，标签和其它链接组成的完全自定义菜单，并且还支持多级菜单，非常方便和强大。 </p>
<h4>一、概述</h4>
<p>首先我们简单解释下这个导航系统的几个概念： </p>
<ul>
<li>
<p><strong>主题位置</strong>：其实就是在WordPress数据库中定义了一个或者多个标记，用于当前主题。</p>
</li>
<li>
<p><strong>独立的菜单</strong>：上面定义了菜单在主题的位置，那么这里就是定义菜单的具体内容。</p>
</li>
<li>
<p><strong>添加菜单项</strong>：会提供一堆选择让你添加，如分类，页面，标签，日志，其它日志分类，还有自定义链接等。</p>
</li>
<li>
<p><strong>菜单项</strong>：可以对具体的菜单项进行配置，比如设置是否该链接在新窗口打开，这个菜单项的标题、描述、Class 等等。</p>
</li>
</ul>
<p><a href="http://westsource.cn/wp-content/uploads/2010/07/menus.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="menus" border="0" alt="menus" src="http://westsource.cn/wp-content/uploads/2010/07/menus_thumb.jpg" width="751" height="620" /></a>     </p>
<p>二、注册导航菜单</p>
<h4>要使用 WordPress 导航菜单功能，首先要给当前的主题注册导航菜单，从上面我们知道，我们可以注册一个或者多个导航菜单的主题位置，我么可以使用下面两个函数：</h4>
<blockquote><p>register_nav_menu()：注册一个主题位置。      <br />register_nav_menus()：注册多个主题位置（使用数组形式）。</p>
</blockquote>
<p>这里我们只注册一个导航菜单的主题位置，即在functions.php文件中添加以下代码： </p>
<blockquote><p>add_action( &#8216;init&#8217;, &#8216;register_navigator&#8217; ); </p>
<p>function register_navigator() {      <br />&#160;&#160;&#160; register_nav_menu( &#8216;navigator&#8217;, __( &#8216;主菜单&#8217; ) );       <br />}</p>
</blockquote>
<p>navigator是这个导航菜单的名字，用来在函数中定义身份的，而“主菜单”则是名称，在 WordPress 后台使用的时候可见。 </p>
<h4>三、添加和显示导航菜单</h4>
<p>注册好之后，就可以到 WordPress 后台 &gt; 外观 &gt; 菜单 添加菜单，添加的菜单的顺序是这样的： </p>
<ol>
<li>首先定义好一个单独的菜单。 </li>
<li>然后吧这个菜单赋给一个主题位置。 </li>
<li>接下来就是添加和配置菜单项。 </li>
</ol>
<p>然后我们到主题的显示菜单的位置通过以下 <code>wp_nav_menu()</code> 就能把刚才定义的菜单显示出来。 </p>
<h4>四、样式化导航菜单</h4>
<p>样式化导航菜单非常简单，你只需要对 current-menu-item 和 current-menu-parent 这两个 Class 进行定义即可。如： </p>
<blockquote><pre>#navigator li.current-menu-item, #navigator li.current-menu-parent, #navigator li:hover {
	background:#1BA6B2;
	text-decoration:none;
	position: relative;
}</pre>
</blockquote>
<p>然后定义各级菜单的显示、层次效果，这样就可以了。 </p>
<h3  class="related_post_title">§ 相关文章</h3><ul class="related_post"><li><a href="http://westsource.cn/389.html" title="使用SQL语句从表中获取第XX到第XX条记录">使用SQL语句从表中获取第XX到第XX条记录</a></li><li><a href="http://westsource.cn/357.html" title="更改WordPress中固定链接的法宝：Redirection插件">更改WordPress中固定链接的法宝：Redirection插件</a></li><li><a href="http://westsource.cn/347.html" title="迁移我们的Wordpress永久链接">迁移我们的Wordpress永久链接</a></li><li><a href="http://westsource.cn/324.html" title="Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类">Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类</a></li><li><a href="http://westsource.cn/318.html" title="Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus">Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus</a></li><li><a href="http://westsource.cn/315.html" title="修正白玉玺国术网的主导航菜单">修正白玉玺国术网的主导航菜单</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://westsource.cn/302.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>给博客换了新“衣服”</title>
		<link>http://westsource.cn/228.html</link>
		<comments>http://westsource.cn/228.html#comments</comments>
		<pubDate>Wed, 21 Jul 2010 09:31:02 +0000</pubDate>
		<dc:creator>黄超</dc:creator>
				<category><![CDATA[WEB开发]]></category>
		<category><![CDATA[开发]]></category>

		<guid isPermaLink="false">http://westsource.cn/2010/07/21/%e7%bb%99%e5%8d%9a%e5%ae%a2%e6%8d%a2%e4%ba%86%e6%96%b0%e8%a1%a3%e6%9c%8d/</guid>
		<description><![CDATA[由原来的淡绿主题，换成了现在的简洁主题，看着是不是有一点“禅”的感觉呢，嘿嘿。偶挺喜欢，发文以记之： § 相关文章使用SQL语句从表中获取第XX到第XX条记录更改WordPress中固定链接的法宝：Redirection插件迁移我们的Wordpress永久链接Whatever:hover的更多扩展阅读&#8212;&#8212;无需javascript让IE支持丰富伪类Whatever:hover&#8212;&#8212;为IE添加:hover、:active和:focus修正白玉玺国术网的主导航菜单]]></description>
			<content:encoded><![CDATA[<p>由原来的淡绿主题，换成了现在的简洁主题，看着是不是有一点“禅”的感觉呢，嘿嘿。偶挺喜欢，发文以记之：</p>
<blockquote><p><a class="shutterset_" href="http://westsource.cn/wp-content/gallery/articles/westsource-oulipo.png"><img class="ngg-singlepic ngg-none" src="http://westsource.cn/wp-content/gallery/articles/thumbs/thumbs_westsource-oulipo.png" alt="博客新衣裳：oulipo" /></a></p></blockquote>
<h3  class="related_post_title">§ 相关文章</h3><ul class="related_post"><li><a href="http://westsource.cn/389.html" title="使用SQL语句从表中获取第XX到第XX条记录">使用SQL语句从表中获取第XX到第XX条记录</a></li><li><a href="http://westsource.cn/357.html" title="更改WordPress中固定链接的法宝：Redirection插件">更改WordPress中固定链接的法宝：Redirection插件</a></li><li><a href="http://westsource.cn/347.html" title="迁移我们的Wordpress永久链接">迁移我们的Wordpress永久链接</a></li><li><a href="http://westsource.cn/324.html" title="Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类">Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类</a></li><li><a href="http://westsource.cn/318.html" title="Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus">Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus</a></li><li><a href="http://westsource.cn/315.html" title="修正白玉玺国术网的主导航菜单">修正白玉玺国术网的主导航菜单</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://westsource.cn/228.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WordPress的页面模板层级</title>
		<link>http://westsource.cn/182.html</link>
		<comments>http://westsource.cn/182.html#comments</comments>
		<pubDate>Tue, 06 Jul 2010 10:10:30 +0000</pubDate>
		<dc:creator>黄超</dc:creator>
				<category><![CDATA[WEB开发]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[开发]]></category>
		<category><![CDATA[相册]]></category>

		<guid isPermaLink="false">http://westsource.cn/2010/07/06/wordpress%e7%9a%84%e9%a1%b5%e9%9d%a2%e6%a8%a1%e6%9d%bf%e5%b1%82%e7%ba%a7/</guid>
		<description><![CDATA[在Wordpress主题中，程序会按照层级向下查找相应的文件进行加载。]]></description>
			<content:encoded><![CDATA[<p>
<div class="ngg-galleryoverview" id="ngg-gallery-1-182">


	<!-- Piclense link -->
	<div class="piclenselink">
		<a class="piclenselink" href="javascript:PicLensLite.start({feedUrl:'http://westsource.cn/wp-content/plugins/nextgen-gallery/xml/media-rss.php?gid=1&amp;mode=gallery'});">
			[使用PicLens查看]		</a>
	</div>
	
	<!-- Thumbnails -->
		
	<div id="ngg-image-1" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://westsource.cn/wp-content/gallery/wordpress_template_hierarchy/wordpress_template_hierarchy.png" title=" " class="shutterset_set_1" >
								<img title="WordPress主题文件层级" alt="WordPress主题文件层级" src="http://westsource.cn/wp-content/gallery/wordpress_template_hierarchy/thumbs/thumbs_wordpress_template_hierarchy.png" width="94" height="75" />
							</a>
		</div>
	</div>
	
		
 	 	
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>

<br />
WordPress会按照层级向下查找相应的文件进行加载。 例如，假设某标签别名为<strong>slug</strong>。 根据模板层级的规定，WordPress会在当前主题目录中依次查找以下4个文件，选择最先找到的文件用于下一步操作：</p>
<ol>
<li>tag-slug.php</li>
<li>tag.php</li>
<li>archive.php</li>
<li>index.php</li>
</ol>
<p>也就是说，如果目前没有<strong>tag-slug.php</strong>文件，WordPress会往下查找<strong>tag.php </strong>文件，以此类推。</p>
<h3  class="related_post_title">§ 相关文章</h3><ul class="related_post"><li><a href="http://westsource.cn/169.html" title="将WordPress打造成内容管理系统(CMS)">将WordPress打造成内容管理系统(CMS)</a></li><li><a href="http://westsource.cn/389.html" title="使用SQL语句从表中获取第XX到第XX条记录">使用SQL语句从表中获取第XX到第XX条记录</a></li><li><a href="http://westsource.cn/357.html" title="更改WordPress中固定链接的法宝：Redirection插件">更改WordPress中固定链接的法宝：Redirection插件</a></li><li><a href="http://westsource.cn/347.html" title="迁移我们的Wordpress永久链接">迁移我们的Wordpress永久链接</a></li><li><a href="http://westsource.cn/324.html" title="Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类">Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类</a></li><li><a href="http://westsource.cn/318.html" title="Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus">Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://westsource.cn/182.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>用PHP判断浏览器</title>
		<link>http://westsource.cn/173.html</link>
		<comments>http://westsource.cn/173.html#comments</comments>
		<pubDate>Thu, 01 Jul 2010 14:38:23 +0000</pubDate>
		<dc:creator>黄超</dc:creator>
				<category><![CDATA[WEB开发]]></category>
		<category><![CDATA[开发]]></category>

		<guid isPermaLink="false">http://westsource.cn/2010/07/01/%e7%94%a8php%e5%88%a4%e6%96%ad%e6%b5%8f%e8%a7%88%e5%99%a8/</guid>
		<description><![CDATA[昨天发了一个使用HTML代码来判断浏览器的方法，想想有时需要服务端脚本来进行判断。对于PHP来说，主要是用$_SERVER["HTTP_USER_AGENT"]判断浏览器。]]></description>
			<content:encoded><![CDATA[<p>昨天发了一个使用HTML代码来判断浏览器的方法，想想有时需要服务端脚本来进行判断。对于PHP来说，主要是用$_SERVER["HTTP_USER_AGENT"]判断浏览器。</p>
<p>代码如下：</p>
<blockquote><p>&lt;?php<br />
if(strpos($_SERVER["HTTP_USER_AGENT"],”MSIE 8.0″))<br />
echo “Internet Explorer 8.0″; // 这里可以写其他的执行命令<br />
else if(strpos($_SERVER["HTTP_USER_AGENT"],”MSIE 7.0″))<br />
echo “Internet Explorer 7.0″;<br />
else if(strpos($_SERVER["HTTP_USER_AGENT"],”MSIE 6.0″))<br />
echo “Internet Explorer 6.0″;<br />
else if(strpos($_SERVER["HTTP_USER_AGENT"],”Firefox/3″))<br />
echo “Firefox 3″;<br />
else if(strpos($_SERVER["HTTP_USER_AGENT"],”Firefox/2″))<br />
echo “Firefox 2″;<br />
else if(strpos($_SERVER["HTTP_USER_AGENT"],”Chrome”))<br />
echo “Google Chrome”;<br />
else if(strpos($_SERVER["HTTP_USER_AGENT"],”Safari”))<br />
echo “Safari”;<br />
else if(strpos($_SERVER["HTTP_USER_AGENT"],”Opera”))<br />
echo “Opera”;<br />
else echo $_SERVER["HTTP_USER_AGENT"];
</p></blockquote>
<h3  class="related_post_title">§ 相关文章</h3><ul class="related_post"><li><a href="http://westsource.cn/389.html" title="使用SQL语句从表中获取第XX到第XX条记录">使用SQL语句从表中获取第XX到第XX条记录</a></li><li><a href="http://westsource.cn/357.html" title="更改WordPress中固定链接的法宝：Redirection插件">更改WordPress中固定链接的法宝：Redirection插件</a></li><li><a href="http://westsource.cn/347.html" title="迁移我们的Wordpress永久链接">迁移我们的Wordpress永久链接</a></li><li><a href="http://westsource.cn/324.html" title="Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类">Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类</a></li><li><a href="http://westsource.cn/318.html" title="Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus">Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus</a></li><li><a href="http://westsource.cn/315.html" title="修正白玉玺国术网的主导航菜单">修正白玉玺国术网的主导航菜单</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://westsource.cn/173.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>在HTML中判断IE浏览器版本</title>
		<link>http://westsource.cn/170.html</link>
		<comments>http://westsource.cn/170.html#comments</comments>
		<pubDate>Wed, 30 Jun 2010 14:26:26 +0000</pubDate>
		<dc:creator>黄超</dc:creator>
				<category><![CDATA[WEB开发]]></category>
		<category><![CDATA[开发]]></category>

		<guid isPermaLink="false">http://westsource.cn/2010/06/30/%e5%9c%a8html%e4%b8%ad%e5%88%a4%e6%96%adie%e6%b5%8f%e8%a7%88%e5%99%a8%e7%89%88%e6%9c%ac/</guid>
		<description><![CDATA[做师父网站(http://www.baiyuxi.net)的时候，在IE6里头运行不太正常，遂找着了一些在HTML中判断IE浏览版本的办法，代码如下： 1. &#60;!–[if !IE]&#62;&#60;!–&#62; 除IE外都可识别 &#60;!–&#60;![endif]–&#62; 2. &#60;!–[if IE]&#62; 所有的IE可识别 &#60;![endif]–&#62; 3. &#60;!–[if IE 5.0]&#62; 只有IE5.0可以识别 &#60;![endif]–&#62; 4. &#60;!–[if IE 5]&#62; 仅IE5.0与IE5.5可以识别 &#60;![endif]–&#62; 5. &#60;!–[if gt IE 5.0]&#62; IE5.0以及IE5.0以上版本都可以识别 &#60;![endif]–&#62; 6. &#60;!–[if IE 6]&#62; 仅IE6可识别 &#60;![endif]–&#62; 7. &#60;!–[if lt IE 6]&#62; IE6以及IE6以下版本可识别 &#60;![endif]–&#62; 8. &#60;!–[if gte IE 6]&#62; IE6以及IE6以上版本可识别 &#60;![endif]–&#62; 9. &#60;!–[if IE 7]&#62; 仅IE7可识别 [...]]]></description>
			<content:encoded><![CDATA[<p>做师父网站(<a href="http://www.baiyuxi.net" target="_blank">http://www.baiyuxi.net</a>)的时候，在IE6里头运行不太正常，遂找着了一些在HTML中判断IE浏览版本的办法，代码如下：</p>
<blockquote><p>1. &lt;!–[if !IE]&gt;&lt;!–&gt; 除IE外都可识别 &lt;!–&lt;![endif]–&gt;<br />
2. &lt;!–[if IE]&gt; 所有的IE可识别 &lt;![endif]–&gt;<br />
3. &lt;!–[if IE 5.0]&gt; 只有IE5.0可以识别 &lt;![endif]–&gt;<br />
4. &lt;!–[if IE 5]&gt; 仅IE5.0与IE5.5可以识别 &lt;![endif]–&gt;<br />
5. &lt;!–[if gt IE 5.0]&gt; IE5.0以及IE5.0以上版本都可以识别 &lt;![endif]–&gt;<br />
6. &lt;!–[if IE 6]&gt; 仅IE6可识别 &lt;![endif]–&gt;<br />
7. &lt;!–[if lt IE 6]&gt; IE6以及IE6以下版本可识别 &lt;![endif]–&gt;<br />
8. &lt;!–[if gte IE 6]&gt; IE6以及IE6以上版本可识别 &lt;![endif]–&gt;<br />
9. &lt;!–[if IE 7]&gt; 仅IE7可识别 &lt;![endif]–&gt;<br />
10. &lt;!–[if lt IE 7]&gt; IE7以及IE7以下版本可识别 &lt;![endif]–&gt;<br />
11. &lt;!–[if gte IE 7]&gt; IE7以及IE7以上版本可识别 &lt;![endif]–&gt;</p></blockquote>
<h3  class="related_post_title">§ 相关文章</h3><ul class="related_post"><li><a href="http://westsource.cn/389.html" title="使用SQL语句从表中获取第XX到第XX条记录">使用SQL语句从表中获取第XX到第XX条记录</a></li><li><a href="http://westsource.cn/357.html" title="更改WordPress中固定链接的法宝：Redirection插件">更改WordPress中固定链接的法宝：Redirection插件</a></li><li><a href="http://westsource.cn/347.html" title="迁移我们的Wordpress永久链接">迁移我们的Wordpress永久链接</a></li><li><a href="http://westsource.cn/324.html" title="Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类">Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类</a></li><li><a href="http://westsource.cn/318.html" title="Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus">Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus</a></li><li><a href="http://westsource.cn/315.html" title="修正白玉玺国术网的主导航菜单">修正白玉玺国术网的主导航菜单</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://westsource.cn/170.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>将WordPress打造成内容管理系统(CMS)</title>
		<link>http://westsource.cn/169.html</link>
		<comments>http://westsource.cn/169.html#comments</comments>
		<pubDate>Wed, 30 Jun 2010 14:17:29 +0000</pubDate>
		<dc:creator>黄超</dc:creator>
				<category><![CDATA[WEB开发]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[开发]]></category>

		<guid isPermaLink="false">http://westsource.cn/2010/06/30/%e5%b0%86wordpress%e6%89%93%e9%80%a0%e6%88%90%e5%86%85%e5%ae%b9%e7%ae%a1%e7%90%86%e7%b3%bb%e7%bb%9fcms/</guid>
		<description><![CDATA[随着WordPress3.0的推出，WordPress向内容管理系统又迈进一步，如何有效地将WordPress作为内容管理系统来使用呢？]]></description>
			<content:encoded><![CDATA[<p>随着WordPress3.0的推出，WordPress向内容管理系统又迈进一步，如何有效地将WordPress作为内容管理系统来使用呢？这篇文章将给大家解答下这个问题。 </p>
<ul>
<li>理解文章（Post）和页面（Page） </li>
</ul>
<p>这一点最为关键，只有分清这二者你才可以轻松地建立更加复杂的网站。文章（Post）是指博客文章，页面（Page）是用于存放“静态内容”，注意，这里是加了引号，因为在WordPress上，页面并不意味着说就不能是动态的，你可以创建“静态”页面然后动态地获取你的内容，这就是WordPress作为CMS的出色所在。 </p>
<p>实际上，Post是博客文章，而page就可以是任何东西。 </p>
<ul>
<li>创建动态性的“静态”页面 </li>
</ul>
<p>WordPress页面支持页面模板，所谓页面模板实际上是适用于所有页面特别设计的模板。<strong>你可以<a href="http://www.smashingmagazine.com/2010/04/29/extend-wordpress-with-custom-fields/trackback/">使用自定义字段</a> 来获取你需要的特定信息将‘静态’页面 ‘动态化’</strong>。 </p>
<p>创建一个自定义页面也非常简单: 只需在文件的顶部添加下面的代码 </p>
<p>&lt;?php /*页面模板: 名称 */ ?&gt; </p>
<p>当你将文件上传到主题文件夹之后，页面模板马上就出现。在页面编辑器的页面你就会看到页面模板，默认情况下是在右边。选择该页面模板并保存之后你的页面就会<strong>立刻呈现特定页面模板的样子</strong><strong>，</strong>跟其他没有设置页面模板的页面不同。 </p>
<p>前面提到，你的页面可以拥有动态内容，即任何可以在普通模板文件上运行的内容。通过自定义查询你可以<strong>抓取你的内容</strong>。首先是自定义循环:</p>
<blockquote><p>&lt;?php</p>
<p>$customQuery = new WP_Query();</p>
<p>$customQuery-&gt;query(&#8216;posts_per_page=5&#8242;);</p>
<p>?&gt;</p>
</blockquote>
<blockquote><p>&lt;?php while ($customQuery-&gt;have_posts()) : $customQuery-&gt;the_post(); ?&gt; &lt;!– Do query stuff here –&gt; &lt;?php endwhile; ?&gt;</p>
<p>&lt;!– Do query stuff here –&gt;</p>
<p>&lt;?php endwhile; ?&gt; </p>
</blockquote>
<p>以上仅是一个获取五篇最新文章的简单循环，<strong>但是你还可以使用任何参数，发挥<a href="http://codex.wordpress.org/The_Loop">循环</a>的力量，</strong>通过将posts_per_page=5替换为 meta_key=show-on-page便可使用自定义字段“show-on-page” 。 </p>
<ul>
<li>现实生活中的应用 </li>
</ul>
<p>假设<em>有一个网店</em>，希望店员能够给页面添加最新的商品。每个商品就看成是一篇文章（Post），并添加一行文本简单描述该商品。我们已经创建了 <a href="http://wpshout.com/create-an-in-post-theme-options-meta-box-in-wordpress/">一个自定义meta盒</a>，这样给Post添加自定义字段就非常容易，自定义字段里包含了最新的商品信息。 </p>
<p>这里通过使用自定义页面模板、自定义循环和自定义字段来显示最新商品区，另外，如果没有设置任何商品的话将显示“Sorry! No offers on at the moment, check back later!”。<strong>下面就是所有的代码</strong>（当然要把这些代码添加到自定义页面模板里）：</p>
<blockquote><p>&lt;?php</p>
<p>$customQuery = new WP_Query();</p>
<p>$customQuery-&gt;query(&#8216;meta_key=show-on-page&#8217;);</p>
<p>?&gt;</p>
</blockquote>
<blockquote><p>&lt;?php while ($customQuery-&gt;have_posts()) : $customQuery-&gt;the_post(); ?&gt; &lt;?php $offer = get_post_meta($post-&gt;ID, &#8216;show-on-page&#8217;, true);</p>
<p>if ($offer) {</p>
<p>?&gt;</p>
</blockquote>
<blockquote><p>&lt;p class=&quot;offer&quot;&gt;&lt;?php echo $offer; ?&gt;&lt;/p&gt;</p>
<p>&lt;?php } else { ?&gt;</p>
<p>&lt;p id=&quot;no-offer&quot;&gt;Sorry! No offers on at the moment, check back later!&lt;/p&gt;</p>
<p>&lt;?php } ?&gt;</p>
<p>&lt;?php endwhile; ?&gt; </p>
</blockquote>
<p>就是<strong>这么简单，</strong>希望这篇文章能让你将WordPress打造成完美的内容管理系统有所启发。</p>
<p><a href="http://wpshout.com/wordpress-as-a-cms/">这是原文</a></p>
<h3  class="related_post_title">§ 相关文章</h3><ul class="related_post"><li><a href="http://westsource.cn/182.html" title="WordPress的页面模板层级">WordPress的页面模板层级</a></li><li><a href="http://westsource.cn/389.html" title="使用SQL语句从表中获取第XX到第XX条记录">使用SQL语句从表中获取第XX到第XX条记录</a></li><li><a href="http://westsource.cn/357.html" title="更改WordPress中固定链接的法宝：Redirection插件">更改WordPress中固定链接的法宝：Redirection插件</a></li><li><a href="http://westsource.cn/347.html" title="迁移我们的Wordpress永久链接">迁移我们的Wordpress永久链接</a></li><li><a href="http://westsource.cn/324.html" title="Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类">Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类</a></li><li><a href="http://westsource.cn/318.html" title="Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus">Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://westsource.cn/169.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>用WordPress开发，必用query_posts()函数</title>
		<link>http://westsource.cn/127.html</link>
		<comments>http://westsource.cn/127.html#comments</comments>
		<pubDate>Thu, 27 May 2010 08:18:46 +0000</pubDate>
		<dc:creator>黄超</dc:creator>
				<category><![CDATA[WEB开发]]></category>
		<category><![CDATA[开发]]></category>

		<guid isPermaLink="false">http://westsource.cn/2010/05/27/%e7%94%a8wordpress%e5%bc%80%e5%8f%91%ef%bc%8c%e5%bf%85%e7%94%a8query_posts%e5%87%bd%e6%95%b0/</guid>
		<description><![CDATA[官网上的描述是“query_posts 可以用来控制在循环the loop中显示哪些文章。它可以接受各种参数，就像你的URL中使用的参数(例如：参数p，p=4表示只显示ID为4的文章)。” 通常的用法包括： 在你的首页只显示一篇文章(若只想显示一个独立的页面page，可以通过WordPress管理后台，设置 -&#62; 阅读，在那里修改). 显示一个特定的时间段内的所有文章. 在首页只显示最新的文章. 改变文章的显示顺序. 只显示某个特定分类下的文章. 不显示某个或多个分类下的文章. 等 官方使用指南的链接是 http://codex.wordpress.org/Function_Reference/query_posts § 相关文章使用SQL语句从表中获取第XX到第XX条记录更改WordPress中固定链接的法宝：Redirection插件迁移我们的Wordpress永久链接Whatever:hover的更多扩展阅读&#8212;&#8212;无需javascript让IE支持丰富伪类Whatever:hover&#8212;&#8212;为IE添加:hover、:active和:focus修正白玉玺国术网的主导航菜单]]></description>
			<content:encoded><![CDATA[<p><tt><a href="http://codex.wordpress.org/Function_Reference/query_posts" target="_blank">官网</a>上的描述是“<tt>query_posts</tt> 可以用来控制在循环<a href="http://codex.wordpress.org/The_Loop">the loop</a>中显示哪些文章。它可以接受各种参数，就像你的URL中使用的参数(例如：参数p，<tt>p=4</tt>表示只显示ID为4的文章)。”</tt></p>
<p><tt>通常的用法包括：</tt></p>
<ul>
<li>在你的首页只显示一篇文章(若只想显示一个独立的页面page，可以通过WordPress管理后台，设置 -&gt; 阅读，在那里修改). </li>
<li>显示一个特定的时间段内的所有文章. </li>
<li>在首页只显示最新的文章. </li>
<li>改变文章的显示顺序. </li>
<li>只显示某个特定分类下的文章. </li>
<li>不显示某个或多个分类下的文章. </li>
<li>等 </li>
</ul>
<p>官方使用指南的链接是 <a title="http://codex.wordpress.org/Function_Reference/query_posts" href="http://codex.wordpress.org/Function_Reference/query_posts">http://codex.wordpress.org/Function_Reference/query_posts</a></p>
<h3  class="related_post_title">§ 相关文章</h3><ul class="related_post"><li><a href="http://westsource.cn/389.html" title="使用SQL语句从表中获取第XX到第XX条记录">使用SQL语句从表中获取第XX到第XX条记录</a></li><li><a href="http://westsource.cn/357.html" title="更改WordPress中固定链接的法宝：Redirection插件">更改WordPress中固定链接的法宝：Redirection插件</a></li><li><a href="http://westsource.cn/347.html" title="迁移我们的Wordpress永久链接">迁移我们的Wordpress永久链接</a></li><li><a href="http://westsource.cn/324.html" title="Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类">Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类</a></li><li><a href="http://westsource.cn/318.html" title="Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus">Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus</a></li><li><a href="http://westsource.cn/315.html" title="修正白玉玺国术网的主导航菜单">修正白玉玺国术网的主导航菜单</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://westsource.cn/127.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>转帖一篇旧闻：整合论坛到WordPress</title>
		<link>http://westsource.cn/121.html</link>
		<comments>http://westsource.cn/121.html#comments</comments>
		<pubDate>Sun, 23 May 2010 14:53:35 +0000</pubDate>
		<dc:creator>黄超</dc:creator>
				<category><![CDATA[WEB开发]]></category>
		<category><![CDATA[开发]]></category>

		<guid isPermaLink="false">http://westsource.cn/2010/05/23/%e8%bd%ac%e5%b8%96%e4%b8%80%e7%af%87%e6%97%a7%e9%97%bb%ef%bc%9a%e6%95%b4%e5%90%88%e8%ae%ba%e5%9d%9b%e5%88%b0wordpress/</guid>
		<description><![CDATA[因为近期在弄师父的网站（http://www.baiyuxi.net），关于选择哪一个内容管理系统（CMS）以及如何集成论坛方面，真是费尽心思，觉得“我爱水煮鱼”的文章帮助挺大。虽然现在倾向的是Simple:Press，但还是特别感谢鱼兄。现将原文转帖如下： 我收到的E-mail中问到的最多的问题就是：我如何将论坛整合到我的Wordpress blog里啊？通常这是想要把WP作为CMS来用。进入正题，我会列出我所知道的所有选项，可能的话会包括指导或是相应的链接。如果只是想了解我的选择，那就先阅读总结部分。 整合外部的论坛程序: 所谓的外部程序也就是指非插件性质的、可以独立存在的开源论坛程序。这类程序本身功能齐全，以下介绍几个比较流行的可以和WP整合的论坛程序： Simple Machines Forum (SMF) 作为目前比较流行的论坛程序之一，SMF对于没有特定要求的人来说是个不错的选择。缺点是功能过于臃肿、体积庞大且设置起来比较复杂（不过说实话比起某些 程序来说要好多了），所以至少对于我来说这不是最佳方案。将它整合到Wordpress只需要一个WP插件，不过目前我还找不到一个合适的网页设计整合指 南。以下是整合方法： 安装以下两个”桥梁”插件的其中之一，WP SMF Bridge Plugin 1.0 或是 CMS &#38; SMF Plugin。两者都支持用户账户整合（通过WP登录/注册=登录/注册 SMF）、在blog中列出论坛中最近的主题/回复，等等。后者是通过一个叫作Enigma的portal CMS将WP与SMF联接的。这种安装方式功能更加强大，不过也更加复杂。所以如果只是单纯地想要一个和WP一起用的论坛，推荐使用前者。 后台整合完毕，接下来就是设计方面了。不过很遗憾，目前好像还没有相关手把手式的指导文章。所以只能是自力更生了。好在SMF有个关于如何建立/编辑主题的文档。 Vanilla 我不想 有做广告的嫌疑，不过Vanilla真的是个既小巧（苗条，无论是文件大小还是速度），又养眼（基于CSS的外观设计看着既朴素又舒服）的程序。基本安装 就能满足大多数的需求，如果需要，也能像其它论坛程序一样进行扩展（扩展起来也非常容易）。不过决定之前还是要取舍一下：Vanilla是一个需要你去适 应的程序，它并是那么大众化的。简单是它最大的特点，所以我建议你还是先看一下 这篇比较Vanilla和SMF（以及其它程序）的文章再做决定。以下是整合方法： 这个由Vanilla开发组写的文档详细地介绍了如何整合WP和Vanilla。手把手地教你怎么去做。如果你想在你的WP blog里显示最近的论坛文章，可以参照这篇文章。 不过以上的指导并没介绍在Vanilla中使用WP的功能的部分，这个内容可以参照Il Filosofo上的一篇文章。 前台的整合，参考Devlounge写的详细指导。 bbPress 由Wordpress的开发者操刀的一个轻量级的论坛程序（我觉得比Vanilla还小）。不过还在开发之中，所以还没有相应的插件或是附加程序（如果我 错了请更正我因为一直没关注bbPress的进度）。因此我不推荐这个程序，除非你确信你要的就是这种超级骨感的论坛程序（就比如像 WP Support Forum那样的）。以下是整合到WP的方法： 后台整合，参照WP Codex上的这篇指导。包含了如何在bbPress中使用WP的功能。 在WP blog中显示最新的论坛文章，参考这篇简要的指南。 目前还没有前台整合（或是建立bbPress主题）的详尽指南，所以恐怕还是得自己来。还好现在有个加了注释的代码能在给bbPress建立主题时帮上点忙。 phpBB又一个很流行的论坛程序，尽管 怨声不断。有个插件可以方便地将phpBB作为WordPress的评论系统，不过似乎还没有能将phpBB作为完整的论坛整合到WP的指南（比如账户、验证等等），也没有前台整合的。到是有个将最近的phpBB文章显示在WP里的 插件。 PunBB 最后，让我来介绍一下PunBB。感觉它比phpBB甚至SMF都要小巧–尽管比起Vanilla和bbPress还是略显臃肿。没能找到整合PunBB 和WP后台（比如账户和验证）的信息，不过关于其它方面的整合的指南到是齐全： 和phpBB一样，有个插件可以用PunBB来代替WP的评论系统。 在blog里显示最近的论坛文章，参考这篇指导。 [...]]]></description>
			<content:encoded><![CDATA[<p><strong>因为近期在弄师父的网站（</strong><a href="http://www.baiyuxi.net"><strong>http://www.baiyuxi.net</strong></a><strong>），关于选择哪一个内容管理系统（CMS）以及如何集成论坛方面，真是费尽心思，觉得“我爱水煮鱼”的文章帮助挺大。虽然现在倾向的是<a href="http://simple-press.com/" target="_blank">Simple:Press</a>，但还是特别感谢鱼兄。现将原文转帖如下：</strong></p>
<blockquote><p>我收到的E-mail中问到的最多的问题就是：<strong>我如何将论坛整合到我的Wordpress blog里啊？</strong>通常这是想要把WP作为CMS来用。进入正题，我会列出我所知道的所有选项，可能的话会包括指导或是相应的链接。如果只是想了解我的选择，那就先阅读总结部分。</p>
<h4>整合外部的论坛程序:</h4>
<p>所谓的外部程序也就是指非插件性质的、可以独立存在的开源论坛程序。这类程序本身功能齐全，以下介绍几个比较流行的可以和WP整合的论坛程序：</p>
<ol>
<li><strong><a href="http://www.simplemachines.org/">Simple Machines Forum (SMF)</a></strong>        <br />作为目前比较流行的论坛程序之一，SMF对于没有特定要求的人来说是个不错的选择。缺点是功能过于臃肿、体积庞大且设置起来比较复杂（不过说实话比起某些 程序来说要好多了），所以至少对于我来说这不是最佳方案。将它整合到Wordpress只需要一个WP插件，不过目前我还找不到一个合适的网页设计整合指 南。以下是整合方法：
<ol>
<li>安装以下两个”桥梁”插件的其中之一，<a href="http://www.dmry.net/wordpress-smf-bridge-plugin-10/">WP SMF Bridge Plugin 1.0</a> 或是 <a href="http://www.lunabyte.net/index.php?topic=4081">CMS &amp; SMF Plugin</a>。两者都支持用户账户整合（通过WP登录/注册=登录/注册 SMF）、在blog中列出论坛中最近的主题/回复，等等。后者是通过一个叫作Enigma的portal CMS将WP与SMF联接的。这种安装方式功能更加强大，不过也更加复杂。<strong>所以如果只是单纯地想要一个和WP一起用的论坛，推荐使用前者。</strong></li>
<li>后台整合完毕，接下来就是设计方面了。不过很遗憾，目前好像还没有相关手把手式的指导文章。所以只能是自力更生了。好在SMF有个关于<a href="http://docs.simplemachines.org/index.php?board=34.0;sort=subject">如何建立/编辑主题的文档</a>。 </li>
</ol>
</li>
<li><strong><a href="http://getvanilla.com/">Vanilla</a></strong>        <br />我不想 有做广告的嫌疑，不过Vanilla真的是个既小巧（苗条，无论是文件大小还是速度），又养眼（基于CSS的外观设计看着既朴素又舒服）的程序。基本安装 就能满足大多数的需求，如果需要，也能像其它论坛程序一样进行扩展（扩展起来也非常容易）。不过决定之前还是要取舍一下：Vanilla是一个需要你去适 应的程序，它并是那么大众化的。简单是它最大的特点，所以我建议你还是先看一下 <a href="http://lussumo.com/community/discussion/3207/smf-vs-vanilla-any-thoughts-/">这篇比较Vanilla和SMF（以及其它程序）的文章</a>再做决定。以下是整合方法：
<ol>
<li>这个由Vanilla开发组写的<a href="http://lussumo.com/docs/doku.php?id=vanilla:integration:wordpress">文档</a>详细地介绍了如何整合WP和Vanilla。手把手地教你怎么去做。如果你想在你的WP blog里显示最近的论坛文章，可以参照<a href="http://lussumo.com/community/comments.php?DiscussionID=305">这篇文章</a>。 </li>
<li>不过以上的指导并没介绍在Vanilla中使用WP的功能的部分，这个内容可以参照<a href="http://www.ilfilosofo.com/blog/2006/09/08/integrating-vanilla-forum-and-wordpress-themes/">Il Filosofo上的一篇文章</a>。 </li>
<li>前台的整合，参考Devlounge写的<a href="http://www.devlounge.net/articles/customizing-vanilla">详细指导</a>。 </li>
</ol>
</li>
<li><strong><a href="http://bbpress.org/">bbPress</a></strong>        <br />由Wordpress的开发者操刀的一个轻量级的论坛程序（我觉得比Vanilla还小）。不过还在开发之中，所以还没有相应的插件或是附加程序（如果我 错了请更正我因为一直没关注bbPress的进度）。因此我不推荐这个程序，除非你确信你要的就是这种超级骨感的论坛程序（就比如像 <a href="http://wordpress.org/support/">WP Support Forum</a>那样的）。以下是整合到WP的方法：
<ol>
<li>后台整合，参照WP Codex上的<a href="http://codex.wordpress.org/Ergate/wpmu_bbPress_integration">这篇指导</a>。包含了如何在bbPress中使用WP的功能。 </li>
<li>在WP blog中显示最新的论坛文章，参考<a href="http://comox.textdrive.com/pipermail/bbdev/2006-May/000563.html">这篇简要的指南</a>。 </li>
<li>目前还没有前台整合（或是建立bbPress主题）的详尽指南，所以恐怕还是得自己来。还好现在有个<a href="http://fernando.dubtribe.com/style-for-bbpress/">加了注释的代码</a>能在给bbPress建立主题时帮上点忙。 </li>
</ol>
</li>
<li><strong><a href="http://www.phpbb.com/">phpBB</a></strong>又一个很流行的论坛程序，尽管 <a href="http://www.google.com/search?q=phpbb+sucks&amp;start=0&amp;ie=utf-8&amp;oe=utf-8&amp;client=firefox-a&amp;rls=org.mozilla:en-US:official">怨声不断</a>。<a href="http://www.happypoet.com/hackery/wphpbb/">有个插件</a>可以方便地将phpBB作为WordPress的评论系统，不过似乎还没有能将phpBB作为完整的论坛整合到WP的指南（比如账户、验证等等），也没有前台整合的。到是有个将最近的phpBB文章显示在WP里的 <a href="http://www.dmry.net/wordpress-phpbb-son-basliklar-eklentisi">插件</a>。 </li>
<li><strong><a href="http://punbb.org/">PunBB</a></strong>        <br />最后，让我来介绍一下PunBB。感觉它比phpBB甚至SMF都要小巧–尽管比起Vanilla和bbPress还是略显臃肿。没能找到整合PunBB 和WP后台（比如账户和验证）的信息，不过关于其它方面的整合的指南到是齐全：
<ol>
<li>和phpBB一样，有个<a href="http://forums.punbb.org/viewtopic.php?id=8373">插件</a>可以用PunBB来代替WP的评论系统。 </li>
<li>在blog里显示最近的论坛文章，参考这篇<a href="http://www.liewcf.com/blog/archives/2005/04/integrate-punbb-forum-into-wordpress/">指导</a>。 </li>
<li>如果你只是想要你的论坛看起来像你的blog，这里有<a href="http://www.liewcf.com/blog/archives/2005/04/integrate-punbb-forum-into-wordpress/">一些详细的指导</a>。 </li>
</ol>
</li>
</ol>
<h4>一站式的Wordpress论坛插件：</h4>
<p>想免去整合外部论坛的麻烦？那就用这些专为Wordpress设计的论坛插件吧：</p>
<ol>
<li><strong><a href="http://www.sargant.com/blog/wordpress-plugins/rs-discuss/">RS Discuss</a></strong>        <br />还在Alpha的测试阶段，RS Discuss就已经被赋予了一整套的强大功能，包括多论坛、搜索、主题、后台管理、聚合等等。因为其本身是个WP插件所无需后台整合。完整的前台/设计整合方法的文档目前还没有（到是有些<a href="http://www.sargant.com/blog/forum/rs-discuss/topic-34/?recent=267">散碎的信息</a>），不过我觉得通过调试template.css就可以大作文章。也可以通过Forum &gt; Configuration中的”dynamic theming”选项来达到一定程度的前台整合。 </li>
<li><strong><a href="http://www.xdweb.net/wordpress/xdforum2/">XDForum</a></strong>        <br />和RS Discuss相比这个论坛插件更为稳定，并且具备了绝大多数的所需功能。和RS Discuss一样不需后台整合。一样也没相关的前台整合的指南，一样可以自行调试 xdforum.css。 </li>
</ol>
<h4>总结</h4>
<p>要找到适合你的论坛首先要看你是想要一个全功能的外部论坛（比如SMF, Vanilla），或者只是一个Wordpress论坛插件（RS Discuss或XDForum）。显然，后者更易安装，不过还是有些因素要考虑。大体来说外部论坛程序包括了完整的论坛机制–也就是说它们有全套的附加 软件/插件，而这是WP论坛插件所没有的。外部论坛程序通常来说更加稳定且扩展性好。</p>
<p>个人来说，我更乐意整合外部论坛程序。如果你也像我一样选择这条路来走的话，我建议你选择SMF 或是Vanilla。一方面，后台整合对于SMF来说是小菜一碟，因为有现成的两个”桥梁”插件，但暂时还没有外观整合指南。而另一方面，Vanilla 的后台整合更麻烦一些，不过相关的帮助文档是超详尽的。</p>
</blockquote>
<p><font color="#ff0000">&#160;</font></p>
<h3  class="related_post_title">§ 相关文章</h3><ul class="related_post"><li><a href="http://westsource.cn/389.html" title="使用SQL语句从表中获取第XX到第XX条记录">使用SQL语句从表中获取第XX到第XX条记录</a></li><li><a href="http://westsource.cn/357.html" title="更改WordPress中固定链接的法宝：Redirection插件">更改WordPress中固定链接的法宝：Redirection插件</a></li><li><a href="http://westsource.cn/347.html" title="迁移我们的Wordpress永久链接">迁移我们的Wordpress永久链接</a></li><li><a href="http://westsource.cn/324.html" title="Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类">Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类</a></li><li><a href="http://westsource.cn/318.html" title="Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus">Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus</a></li><li><a href="http://westsource.cn/315.html" title="修正白玉玺国术网的主导航菜单">修正白玉玺国术网的主导航菜单</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://westsource.cn/121.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>贴一个Drupal常用模块（Module）列表，以备用后</title>
		<link>http://westsource.cn/91.html</link>
		<comments>http://westsource.cn/91.html#comments</comments>
		<pubDate>Sun, 10 Jan 2010 03:59:47 +0000</pubDate>
		<dc:creator>黄超</dc:creator>
				<category><![CDATA[WEB开发]]></category>
		<category><![CDATA[开发]]></category>

		<guid isPermaLink="false">http://westsource.cn/2010/01/10/%e8%b4%b4%e4%b8%80%e4%b8%aadrupal%e5%b8%b8%e7%94%a8%e6%a8%a1%e5%9d%97%ef%bc%88module%ef%bc%89%e5%88%97%e8%a1%a8%ef%bc%8c%e4%bb%a5%e5%a4%87%e7%94%a8%e5%90%8e/</guid>
		<description><![CDATA[1.CCK (Content Construction Kit ) 用途： 添加字段模块 2. Views 用途：生成列表 3. Phptemplate Theme Engine 4. Tinymce (Wysiwyg Editor) 用途：常用的编辑器之一 5. Printer Friendly Pages 用途：输出有好的页面 6. Akismet 7. Image Module 用途：图片模块 8. Ajax Form Builder 9. Control Panel 10. Simplenews 用途：邮件订阅 11. Feedback 12. Ubercart 用途：商城 13. Flash Gallery 用途：flash相册 14. Adsense Injector 15. Blix Theme [...]]]></description>
			<content:encoded><![CDATA[<p>1.CCK (Content Construction Kit ) 用途： 添加字段模块   <br />2. Views 用途：生成列表    <br />3. Phptemplate Theme Engine    <br />4. Tinymce (Wysiwyg Editor) 用途：常用的编辑器之一    <br />5. Printer Friendly Pages 用途：输出有好的页面    <br />6. Akismet    <br />7. Image Module 用途：图片模块    <br />8. Ajax Form Builder    <br />9. Control Panel    <br />10. Simplenews 用途：邮件订阅    <br />11. Feedback    <br />12. Ubercart 用途：商城    <br />13. Flash Gallery 用途：flash相册    <br />14. Adsense Injector    <br />15. Blix Theme    <br />16. Dashboard    <br />17. Tagadelic    <br />18. Project    <br />19. Blockbar    <br />20. Global Redirect    <br />21. Auctionads Integration    <br />22. jTooltips    <br />23. Pathauto 用途： 创建自动路径别名模块    <br />24. Civicrm 用途：CRM模块    <br />25. AJAX Spellcheck    <br />26. Webfm    <br />27. Subscriptions    <br />28. Xml Sitemap 用途：生成XML格式的站点地图，有利于搜索引擎收录。    <br />29. ACH Payment Gateway    <br />30. Flashvideo 用途：flash播放器    <br />31. Icon    <br />32. Eye-Drop Editor    <br />33. Advanced Menu Item Settings    <br />34. Airplane Reservation System    <br />35. Christmas Snow    <br />36. Category    <br />37. Update Status    <br />38. Organic Groups    <br />39. Views Bonus Pack &#8211; Dmitri G.    <br />40. Digg This    <br />41. Drupal Administration Menu    <br />42. jRating    <br />43. Diff    <br />44. Devel 用途：theme 开发助手，开启此模块，大大提高theme开发的效率    <br />45. Video 用途：视频模块    <br />46. Bad Behavior    <br />47. Feedparser    <br />48. Replacement Tags    <br />49. Profile Privacy    <br />50. MSN    <br />51. Drupal Manager    <br />52. Administration Tools (Control Panel)    <br />53. Asterisk Integration    <br />54. sIFR / Dynamic Rendering    <br />55. Event    <br />56. Tagadelic &#8211; Tags Are Righteous Man! 用途：结合cumulus模块很酷的标签云效果。见drupal花园首页底部。    <br />57. Advanced User    <br />58. User Points 用途：会员点数    <br />59. Workflow    <br />60. IE Destroyer    <br />61. Guestbook 用途：留言本模块    <br />62. Adsense &#8211; K. Bahey 用途：谷歌Adsense模块，发布谷歌广告代码。    <br />63. Export dotReader Book    <br />64. Communication (Mailing, Newsletter, Messaging, Chat)    <br />65. Currency Exchange    <br />66. Carbon Footprint    <br />67. Fasttoggle    <br />68. Textile    <br />69. The Orchard Theme    <br />70. Google    <br />71. Actions    <br />72. Taxonomy Breadcrumb    <br />73. Google Analytics 用途：谷歌统计模块。    <br />74. Boost    <br />75. LoginToboggan    <br />76. Captcha    <br />77. Service Links    <br />78. Taxonomy Access Control Lite    <br />79. IMCE 用途：方便的上传图片模块    <br />80. Trackback    <br />81. Troll    <br />82. Faceted Search    <br />83. Taxonomy Super Select 用途：Taxonomy扩展模块。    <br />84. Session Limit</p>
<h3  class="related_post_title">§ 相关文章</h3><ul class="related_post"><li><a href="http://westsource.cn/389.html" title="使用SQL语句从表中获取第XX到第XX条记录">使用SQL语句从表中获取第XX到第XX条记录</a></li><li><a href="http://westsource.cn/357.html" title="更改WordPress中固定链接的法宝：Redirection插件">更改WordPress中固定链接的法宝：Redirection插件</a></li><li><a href="http://westsource.cn/347.html" title="迁移我们的Wordpress永久链接">迁移我们的Wordpress永久链接</a></li><li><a href="http://westsource.cn/324.html" title="Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类">Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类</a></li><li><a href="http://westsource.cn/318.html" title="Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus">Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus</a></li><li><a href="http://westsource.cn/315.html" title="修正白玉玺国术网的主导航菜单">修正白玉玺国术网的主导航菜单</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://westsource.cn/91.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Drupal SEO十大基本技巧</title>
		<link>http://westsource.cn/89.html</link>
		<comments>http://westsource.cn/89.html#comments</comments>
		<pubDate>Thu, 24 Dec 2009 01:09:37 +0000</pubDate>
		<dc:creator>黄超</dc:creator>
				<category><![CDATA[WEB开发]]></category>
		<category><![CDATA[开发]]></category>

		<guid isPermaLink="false">http://westsource.cn/2009/12/24/drupal-seo%e5%8d%81%e5%a4%a7%e5%9f%ba%e6%9c%ac%e6%8a%80%e5%b7%a7/</guid>
		<description><![CDATA[本文解释了一些基本的SEO技巧，尤其是Drupal SEO技巧。 选题– 首先，要选择人们感兴趣的话题。由于网络中充斥着各种各样的信息，所以你要保证写出的东西不 是老生常谈。例如，网络中关于SEO及Drupal的文章都很多，但关于Drupal SEO的内容却不太多，所以本文要写的是关于Drupal SEO的内容。 关键字– 确定哪些关键字与内容相关并且重要。如本页面是关于基本SEO的，所以这个页面的相关关键词是“基本SEO”，“基本搜索引擎优化”，“SEO十大技巧”等。但不要选太多。选择与内容密切相关的一个或两个关键词组。记住，一定要选择人们在搜索时会使用的关键字。 竞争度– 不要选择竞争太激烈的话题或关键字。我们在这里讨论SEO这个话题的原因，是因为它太受欢迎了。若想知道一个关键字竞争是否激烈，可以使用 wordtracker这样的工具，或者在google上搜索这个词，看看搜索结果有多少。如果搜索结果显示有几百万个页面，那么竞争会非常激烈，除非你的网站排名非常好。“基本SEO”这个词组的搜索结果达到1百万个页面，虽然竞争仍会激烈，但总比几百万个页面强。当然，如果一个关键字的竞争度为0，那么根本就不会有人搜索这个词了。 标题 – 文章的标题必须包含最重要的关键词组。这一点非常重要。注意看看本页面的标题。 内容–在写文章时，要尽可能多地使用关键词组，但切忌过度使用，否则它会成为垃圾，从而事与愿违。关键字在一个页面上应该出现的准确次数并无定论，但根据经验，对于200到1000字的文章，2~7%的关键字密度比较合适。 内部链接 – 将该页面尽可能多地链接到网站的其它网页上（当然是链接到有意义的地方了）。理想的情况是，在整个网站的每一个页面上至少出现一次该页面的链接。只要允许，最好使用该页面的标题作为链接文本，因为其中包含了最重要的关键字。 外部链接– 在其它网站上添加该页面的链接，这是比较困难却相当重要的部分。如果你有几个网站，做到这一点并不困难。同时你也可以请朋友或同事帮忙。最好的链接应来自具有相同内容的页面。但是，不要随便在其它内容无关的网站上添加垃圾链接。人们有时会在其它网站上发表评论并加上自己的链接…这些链接通常被看成是垃圾，会被Google忽视，或者被外部网站用“nofollow”标签阻止。 页面/浏览器标题 – 在页面/浏览器&#60;标题&#62;标签中一定要使用你的页面的标题。标题也可以简化一些，但必须包含主要关键字。这一点非常重要。 Meta描述–Meta描述应该是人们容易读懂并包含关键字的简短描述，它有时会出现在搜索结果中。你可以将它视为宣传广告语。 监控/调整–使用Google Analytics或其它统计分析软件可以监控一个网页，看哪些关键字为该页面带来了流量。基于这些信息，你可以对标题、关键字或内容进行相应的调整。 本文来自：http://www.abuilder.net/blog/seo/drupal-seo-top10 § 相关文章使用SQL语句从表中获取第XX到第XX条记录更改WordPress中固定链接的法宝：Redirection插件迁移我们的Wordpress永久链接Whatever:hover的更多扩展阅读&#8212;&#8212;无需javascript让IE支持丰富伪类Whatever:hover&#8212;&#8212;为IE添加:hover、:active和:focus修正白玉玺国术网的主导航菜单]]></description>
			<content:encoded><![CDATA[<p>本文解释了一些基本的SEO技巧，尤其是Drupal SEO技巧。</p>
<ol>
<li><b> 选题</b>– 首先，要选择人们感兴趣的话题。由于网络中充斥着各种各样的信息，所以你要保证写出的东西不 是老生常谈。例如，网络中关于SEO及Drupal的文章都很多，但关于Drupal SEO的内容却不太多，所以本文要写的是关于Drupal SEO的内容。</li>
<li>
<p><b>关键字</b>– 确定哪些关键字与内容相关并且重要。如本页面是关于基本SEO的，所以这个页面的相关关键词是“基本SEO”，“基本搜索引擎优化”，“SEO十大技巧”等。但不要选太多。选择与内容密切相关的一个或两个关键词组。记住，一定要选择人们在搜索时会使用的关键字。</p>
</li>
<li>
<p><b>竞争度</b>– 不要选择竞争太激烈的话题或关键字。我们在这里讨论SEO这个话题的原因，是因为它太受欢迎了。若想知道一个关键字竞争是否激烈，可以使用 wordtracker这样的工具，或者在google上搜索这个词，看看搜索结果有多少。如果搜索结果显示有几百万个页面，那么竞争会非常激烈，除非你的网站排名非常好。“基本SEO”这个词组的搜索结果达到1百万个页面，虽然竞争仍会激烈，但总比几百万个页面强。当然，如果一个关键字的竞争度为0，那么根本就不会有人搜索这个词了。</p>
</li>
<li>
<p><b>标题</b> – 文章的标题必须包含最重要的关键词组。这一点非常重要。注意看看本页面的标题。</p>
</li>
<li>
<p><b>内容</b>–在写文章时，要尽可能多地使用关键词组，但切忌过度使用，否则它会成为垃圾，从而事与愿违。关键字在一个页面上应该出现的准确次数并无定论，但根据经验，对于200到1000字的文章，2~7%的关键字密度比较合适。</p>
</li>
<li>
<p><b>内部链接</b><b> – </b>将该页面尽可能多地链接到网站的其它网页上（当然是链接到有意义的地方了）。理想的情况是，在整个网站的每一个页面上至少出现一次该页面的链接。只要允许，最好使用该页面的标题作为链接文本，因为其中包含了最重要的关键字。</p>
</li>
<li>
<p><b>外部链接</b>– 在其它网站上添加该页面的链接，这是比较困难却相当重要的部分。如果你有几个网站，做到这一点并不困难。同时你也可以请朋友或同事帮忙。最好的链接应来自具有相同内容的页面。但是，不要随便在其它内容无关的网站上添加垃圾链接。人们有时会在其它网站上发表评论并加上自己的链接…这些链接通常被看成是垃圾，会被Google忽视，或者被外部网站用“nofollow”标签阻止。</p>
</li>
<li>
<p><b>页面</b><b>/</b><b>浏览器标题</b> – 在页面/浏览器&lt;标题&gt;标签中一定要使用你的页面的标题。标题也可以简化一些，但必须包含主要关键字。这一点非常重要。</p>
</li>
<li>
<p><b>Meta</b><b>描述</b>–Meta描述应该是人们容易读懂并包含关键字的简短描述，它有时会出现在搜索结果中。你可以将它视为宣传广告语。</p>
</li>
<li>
<p><b>监控</b><b>/</b><b>调整</b>–使用Google Analytics或其它统计分析软件可以监控一个网页，看哪些关键字为该页面带来了流量。基于这些信息，你可以对标题、关键字或内容进行相应的调整。</p>
</li>
</ol>
<p>本文来自：<a title="http://www.abuilder.net/blog/seo/drupal-seo-top10" href="http://www.abuilder.net/blog/seo/drupal-seo-top10">http://www.abuilder.net/blog/seo/drupal-seo-top10</a></p>
<h3  class="related_post_title">§ 相关文章</h3><ul class="related_post"><li><a href="http://westsource.cn/389.html" title="使用SQL语句从表中获取第XX到第XX条记录">使用SQL语句从表中获取第XX到第XX条记录</a></li><li><a href="http://westsource.cn/357.html" title="更改WordPress中固定链接的法宝：Redirection插件">更改WordPress中固定链接的法宝：Redirection插件</a></li><li><a href="http://westsource.cn/347.html" title="迁移我们的Wordpress永久链接">迁移我们的Wordpress永久链接</a></li><li><a href="http://westsource.cn/324.html" title="Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类">Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类</a></li><li><a href="http://westsource.cn/318.html" title="Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus">Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus</a></li><li><a href="http://westsource.cn/315.html" title="修正白玉玺国术网的主导航菜单">修正白玉玺国术网的主导航菜单</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://westsource.cn/89.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Drupal核心功能介绍与入门使用教程</title>
		<link>http://westsource.cn/87.html</link>
		<comments>http://westsource.cn/87.html#comments</comments>
		<pubDate>Sun, 20 Dec 2009 12:27:27 +0000</pubDate>
		<dc:creator>黄超</dc:creator>
				<category><![CDATA[WEB开发]]></category>
		<category><![CDATA[开发]]></category>

		<guid isPermaLink="false">http://westsource.cn/2009/12/20/drupal%e6%a0%b8%e5%bf%83%e5%8a%9f%e8%83%bd%e4%bb%8b%e7%bb%8d%e4%b8%8e%e5%85%a5%e9%97%a8%e4%bd%bf%e7%94%a8%e6%95%99%e7%a8%8b/</guid>
		<description><![CDATA[Drupal是一个基于PHP语言的开源内容管理系统（Content Management System），所以文本数据以及图形、音频等其它文件类型的文本指针都以数据库的形式储存，用户可以通过浏览器对Drupal发送请求，而Drupal 刚动态的从数据库中读取数据生成静态网页发送给用户。通过Drupal系统，我们可以在不修改任何一句程序语言的前提下实现很强大的功能，比如多用户博客（Blog）系统，论坛（Fourm）系统，联合协作文档编写系统（Collaborative Book），多用户访问权限级别分配系统等，这些在你成功安装Drupal系统之后就能很轻易的实现。而如果再为Drupal核心系统安装Module以扩展其功能，那么，Drupal几乎可以完成任何你想让它完成的事情，当然这也得Drupal的使用有一定的经验来选择正确的Module或者有良好的程序编写功底来编写自己需要的功能的程序模块，这些都是后话了。本文对Drupal的核心功能（即安装Drupal之后不进任何Module扩展下的功能）进行一个详细的功能及使用方法的介绍。]]></description>
			<content:encoded><![CDATA[<p>Drupal是一个基于PHP语言的开源内容管理系统（Content Management System），所以文本数据以及图形、音频等其它文件类型的文本指针都以数据库的形式储存，用户可以通过浏览器对Drupal发送请求，而Drupal 刚动态的从数据库中读取数据生成静态网页发送给用户。通过Drupal系统，我们可以在不修改任何一句程序语言的前提下实现很强大的功能，比如多用户博客（Blog）系统，论坛（Fourm）系统，联合协作文档编写系统（Collaborative Book），多用户访问权限级别分配系统等，这些在你成功安装Drupal系统之后就能很轻易的实现。而如果再为Drupal核心系统安装Module以扩展其功能，那么，Drupal几乎可以完成任何你想让它完成的事情，当然这也得Drupal的使用有一定的经验来选择正确的Module或者有良好的程序编写功底来编写自己需要的功能的程序模块，这些都是后话了。在本文中，我将对Drupal的核心功能（即安装Drupal之后不进任何Module扩展下的功能）进行一个详细的功能及使用方法的介绍。 </p>
<h5><strong>一般功能/特征</strong></h5>
<p>Drupal的系统所设置的一般功能包括：<a href="http://workspace.veryiblog.com/node/9#CollaborativeBook">联合协作文档编写（Collaborative Book）</a>、<a href="http://workspace.veryiblog.com/node/9#FriendlyURLs">友好 URL（Friendly URLs）</a>、<a href="http://workspace.veryiblog.com/node/9#Modules">模块（Modules）</a>、<a href="http://workspace.veryiblog.com/node/9#Personalization">个性化（Personalization）</a>、<a href="http://workspace.veryiblog.com/node/9#RoleBasedPermissionSystem">基于许可权限的用户组管理系统（Role based permission system）</a>、<a href="http://workspace.veryiblog.com/node/9#Searching">内容索引及搜索（Searching）</a>等，当然，还有两个在这里对管理员实用的特征，一是Drupal拥有强大的在线帮助系统以及完善的文档库，二是Drupal是完全开源的，Drupal基于 GPL许可发布，所以任何人都可以修改它、再发布它、使用它。下面将对除Drupal两个特征外的其它的功能进行详细的介绍。</p>
<p><a name="Modules"></a>模块（<a href="http://drupal.org/project/Modules"><em>Modules</em></a>）</p>
<p>Drupal强大的关键因素就是Drupal的模块系统，模块（Module）是Drupal的功能插件，我们可以通过启用/关闭相应的模块来开启 /关闭Drupal站点的某一功能，比如下面要讲到的Collaborative Book功能就是在开启了Collaborative Book Module之后才具有的功能。Drupal 的所有功能都是通过模块来实现，如果形像的说，把Drupal比作一个操作系统（如Windows），那么模块（Module）就相当于我们在 Windows中最常见的EXE类型文件（软件），在未安装它之前，它只是存在在安装了Windows系统的电脑的硬盘里的一个文件，没有任何的功能，但是我们安装/打开/启用它之后，它就能在Windows环境下完成相应的功能，但是离开Windows之后，它又什么都不是。Drupal的模块也是如此，Module在未启用的状态下，它只是存在在Module/文件夹下的一个文件（文件夹），当我们通过Module管理页面启用了它之后，它才会运行。</p>
<p>Drupal就像Windows拥有很多软件一样拥有很多类型的模块，你可以在<a href="http://drupal.org/project/Modules">Drupal 官方的模块下载页面</a>查看/下载你所需要的功能模块，在<strong>Home &gt;&gt;Administer &gt;&gt;Site building </strong><strong>&gt;&gt;Modules</strong>模块管理页面开启/关闭模块。通过模块我们能实现很多功能，Drupal网站也提供很多Drupal的用户/开发者编写的很多模块，但是并不是模块安装的越多功能就越强大，我们应该按需定制，如果你只是想使用Drupal来建一个自己的个人博客，只要能想一个博客（如Wordpress）那样进行作业就行，那你根本就没有必要开启Fourm、Hand Books等模块。在按需定制模块的同时，我们还得注意模块的选择，有可能会出现两个不一样的模块但是实现同样的功能的情况，这时我们应该多看看每一个模块的使用者对此模块的评价，尽量选择评价高的那一款，这就像我们的杀毒软件有瑞星有卡巴一样，我们不可能两个都用，一般情况下我们只会选择好的那一个，如果两个都用的话，那就适得其反了。</p>
<h5><a name="CollaborativeBook"></a>联合协作文档编写-手册（<a href="http://drupal.org/node/284"><em>Collaborative Book</em></a>）</h5>
<p>联合协作文档编写（手册）是Drupal生成的一种特殊的节点，它可以由一个人维护，也可以由多人协作维护，一份手册可以包含有很多章节，每一章节又可以划分为更小的分类等等。手册就像现实中的书一样，你可以通过建立一份手册来展示你的产品，或者设置为一份帮助文档（FQAs），当然也可以做为一个小型的Wiki系统由众多用户来为你的某个项目编写帮助文档或者HankBooks。而且，你可以通过用户角色访问权限设置来规定哪一类用户可以访问、更新、修改你所建立的哪一份手册，比如你可以让只有网站注册用户以上等级的用户类型才能够查看手册，只有网站编辑以上等级的人才能对手册进行修改等等，这些都可以通过手册很容易的实现。</p>
<p>如果你要使用手册（Collaborative Book）功能，可以在Modules管理页面启用<strong>Book Module</strong>（<strong>Home</strong> &gt;&gt;<strong>Administer</strong> &gt;&gt;<strong>Site building </strong>&gt;&gt;<strong>Modules</strong>），安装了中文语言包的用户则应该是<strong>主页</strong> &gt;&gt;<strong>管理</strong> &gt;&gt;<strong>站点创建</strong> &gt;&gt;<strong>模块</strong> 。启用手册模块之后，你可以在Home &gt;&gt;Administer &gt;&gt;Content management里看到内容类型（Content Types）多出了一个<strong>Book Page</strong>，这个类型就是手册类型，现在你可以通过<strong>Home</strong> &gt;&gt;<strong>Create content </strong>&gt;&gt;<strong>Book Page</strong>来新建一个手册。如果你已经建立了一份手册，则当你再一新建Book Page类型的内容时，你就可以选择这一新建页面的<strong>Book OutLine </strong>属性，也就是设置这一页面是属于哪一份手册或者是新建手册的。</p>
<p>如果你在<strong>区块（Blocks）</strong>设置里，启用了手册底部的手册导航区块，则在手册的任何一页的最底部， Drupal会自动生成一个导航 区块，这个导航区块向你手册访问者提供下一页（Next ）、上一页（Previous Page）以及上一级（Up）等链接，这些链接使得访问者可以很容易的查看他正在阅读的页面的前后页面以及此页面所属的上一级页面。</p>
<p>除了上面所说的一些手册的特性，每一个手册页面的最底部还有一个<strong>适合打印的版本（Printer-friendly version）</strong>的链接，当用户点击某个手册页面的这个链接后，Drupal会向用户展示此页面适合打印的版本，具体说来，就是将此页面除内容标题以及内容之外的的有东西全部隐藏，只显示为白底黑字加上一个标题及内容的页面。</p>
<p>拥有手册管理权限的用户可以在<strong>手册管理页面（Home &gt;&gt;Administer &gt;&gt;Content management </strong><strong>&gt;&gt;Books ）</strong>你可以查看网站中的所有手册，点击每一个手册后的编辑（Edit Orders And Titles）链接，就可以进入单个手册的管理页面，在这个页面里，你可以进行手册页面的删除、更改目录、移动、增加等操作。</p>
<p>拥有相应权限的用户还可以把非手册类型的内容归类到一个手册的大纲（OutLine）中，比如现在有一份手册名为Drupal Handbooks，这份手册就是Drupal系统的帮助文档，而现在有某位用户发表了一篇Story类型的文章，这篇文章可以做为一篇很好的 Drupal教材，则有相应权限的用户就可以将这一篇Story类型的文章归类到Drupal HandBooks这一份手册中。具体方法是，登陆Drupal之后，在这一篇文章页面的文章标题下方，会出现一个导航区块，点击<strong>大纲（OutLine）</strong>链接，就可以对这篇文章的OutLine属性进行设置了。</p>
<p><em>小结：使用Drupal 的手册模块你可以：</em></p>
<ul>
<li><em>添加/新建一个新的手册页面 <strong>create content </strong><strong>?</strong><strong> book page</strong>。</em></li>
<li><em>管理已经存在的所有手册：<strong>administer </strong><strong>?</strong><strong> content </strong><strong>?</strong><strong> books</strong>.</em></li>
<li><em>你可以对手册内容类型进行全局及其它设置： <strong>Home &gt;&gt;Administer &gt;&gt;Content management &gt;&gt;Content types</strong> <strong>&gt;&gt;BookPage</strong></em></li>
<li><em>启用手册导航区块：<strong>administer </strong><strong>?</strong><strong> block</strong>。</em></li>
<li><em>控制哪一类网站用户/角色可以访问、管理手册内容： <strong>administer &gt;&gt; access control</strong>。</em></li>
<li><em>你可以将非手册类型内容添加到手册大纲中以更好的对网站的内容进行组织：<strong>Other Content Page</strong> <strong>&gt;&gt;Out Line </strong><strong>&gt;&gt;Choose The Book。</strong></em><strong>       <br /></strong></li>
<li><em>通过你的相像力，可以实现更多</em></li>
</ul>
<p><a name="FriendlyURLs"></a>友好链接（<em>Friendly URLs</em>）</p>
<p>Drupal使用了Apache的mod_rewrite模块，所以，只要服务器是Apache且启用了mod_rewrite模块，我们就可以在<strong>Home &gt;&gt;Administer &gt;&gt;Site configuration &gt;&gt;Clean URLs</strong>面板中选择是否启用Friendly URLs模块。因为此模块使用了Apache 服务器的mod_rewrite模块，所以一般只有在Linux/Unix + Apache环境下才能使用，Windows + IIS环境根本就没有此功能。要知道你的主机是否支持此功能，你可以询问你的主机提供商，如果不支持的话，最好是重新选择一个主机。在你安装好了 Drupal之后，进入Clean URLs管理页面，在这里面有一个测试链接，点击它之后，如果你看到浏览器地址栏中的链接改变了页面没有出现找不到网页的错误，那也就是说你的主机支持此功能。在Drupal 6.0之后，在安装Drupal的过程中，系统会自动对主机环境进行一次测试，如果测试结果为真，那么会自动启动Clean URLs功能。</p>
<p><strong><a name="RoleBasedPermissionSystem"></a>基于许可权限的用户组管理系统（<a href="http://drupal.org/node/310"><em><em>Role based permission system</em></em></a>）</strong></p>
<p>User模块是Drupal管理用户和权限的系统核心模块，通过它，我们可以很容易的对网站进行用户注册，权限分配等管理，在<strong>Home &gt;&gt;Administer &gt;&gt;User Management</strong>面板里，Drupal提供了发下几个选项：</p>
<ul>
<li>搜索用户（Search Users）：搜索用户即使用使用关键字进行搜索，Drupal提供通配符“*”功能，比如搜索“张*”，则Drupal可以访问“张三”、“张四”等。 </li>
<li>用户（Users）： 列出、添加和编辑用户。 </li>
<li>用户设置（Users Setting）：配置用户的默认行为，包括注册时必需的内容、电子邮件及用户头像，还可以设置用户注册后，系统发送给用户的欢迎邮件的内容等 </li>
<li>角色（Roles）： 列出、编辑或添加用户角色。 </li>
<li>访问控制（Permissions）：通过选择角色的权限来确定其可使用的功能。 </li>
<li>访问规则（Access Roles）：列出和创建用户名，电子邮件地址和IP地址的屏蔽规则。 </li>
</ul>
<p>对于上面的简单介绍，重点在于用户的访问控制（Permissions），Drupal是基于模块（Module）的，不同的模块能实现不一样的功能，有的模块只是向用户提供某些信息，比如类似公告的模块，而有的模块却能从最底层访问整个站点的所有内容，比如删除/添加用户、内容等，我们不可把这一类模块功能的访问/使用权限分配给网站的所有用户，我们应该设立不同的用户组（User Groups），给不同的用户组的用户分配不一样的权限，比如对于Drupal系统默认的两个用户组anonymous user与authenticated user，我们可以在<strong>Home &gt;&gt;Administer &gt;&gt;User Management &gt;&gt;Permissions</strong>页面对他进行权限设置，比如设置前者不能访问Blog文章而后者可以，那我们就只要在相应的复选框中打上钩就行。工作虽然简单，但是对于一个网站来说，却是必不可少的，如果没了他，那么这个网站就处于绝对危险的环境下，因为有可能出现非注册用户却能随便在网站发表文章、删除用户等情况，所以，User模块是 Drupal系统必不可少的一个核心模块。</p>
<p><em>小结：通过基于许可权限的用户组管理系统你可以：</em></p>
<ul>
<li><em>查看/添加/删除网站的所有注册用户：<strong>Home &gt;&gt;Administer &gt;&gt;User Management </strong><strong>&gt;&gt;Users</strong>        <br /></em></li>
<li><em>更改用户对网站众多模块功能的访问使用权限：<strong>Home &gt;&gt;Administer &gt;&gt;User Management &gt;&gt;Permissions</strong></em></li>
<li><em>阅读User模块帮助：<strong>administer &gt;&gt; help &gt;&gt; profile </strong>        <br /></em></li>
<li><em>控制用户注册时的默认设置</em></li>
<li><em>其它一些常用管理工作</em></li>
</ul>
<h5><a name="Searching"></a>搜索/ 索引功能（Searching）</h5>
<p>要使用Drupal的Searching功能，首先应该进入模块管理页面启用（<strong>Home</strong> &gt;&gt;<strong>Administer</strong> &gt;&gt;<strong>Site building </strong>&gt;&gt;<strong>Modules</strong>）Searching 模块，Drupal的搜索模块使用关键字索引，一般情况下在开启Searching功能后，要对Drupal站点进行一次全面的索引，索引可以设置为 Drupal定时自己索引，也可以在需要的时候人工进行索引，在<strong>Home &gt;&gt;Administer &gt;&gt;Site configuration &gt;&gt;Searching Setting</strong>页面你可以对网站的搜索功能进行自定义设置，在这个设置页面中，最常用的应该是重建索引站点与设置索引关键字最少字数，默认设置为3。</p>
<p><a name="Personalization"></a>个性化（<a href="http://drupal.org/project/Themes">Personalization</a>）</p>
<p>这个功能的实现主要在于Drupal的模板/主题（Theme）系统，Drupal将内容与外观分离，所以我们随意的改变站点的外观不会影响到网站的内容，只改变的内容的表达方式，我们可以在主题管理面板（<strong>Home &gt;&gt;Administer &gt;&gt;Site building &gt;&gt;Themes）</strong>选择自己喜欢的主题（即外观），Drupal系统内置六个主题，分别为Bluemarine、Chameleon、Garland、Marvin、Pushbutton、Minnelli，如果这几个主题觉得都不满意的话，你还可以在<a href="http://drupal.org/project/Themes">Drupal.Org的主题站点</a>上下载Drupal用户制作的很多主题，主题的安装与模块的安装一样，将主题下载下来后，再把主题文件夹上传至服务器中相应的文件夹中（模块文件夹为 Modules/ ，主题文件夹为 Themes/），再在网站后台控制面板中选择激活即可。</p>
<p>Drupal实现个性化的另一个意义即是即使是同样的主题，也可以有完全不一样的表现。用户可以通过Blocks模块来控制内容的显示方式，比如用户登陆区块，通过Blocks设置，可以将其显示在左边栏中，也可以将改移到右边栏中，主页显示全部文章或者只显示某篇文章，主页显示最新文章时是将文章全部显示还是只显示文章的摘要，文章摘要有多少字，是否显示网站Logo，网站Logo使用哪一个图标等，都可以通过网站的后台控制面板进行设置而不需要改变网站的源代码或者主题。这种高定制性使用Drupal 的用户能很轻松的从外观改变整个网站。</p>
<p>如果自己有很强的设计功底的话，还可以自制从头制作主题Theme，但是虽然Drupal的主题制作不难，却并不是每一个人都能做好的，所以，对于像我这样设计很差的用户使用他人制作好的主题也已经足够了。</p>
<p><em>小结：Drupal能实现的个性化有：</em></p>
<ul>
<li><em>选择不同的主题，彻底改变网站外观：</em><a href="http://drupal.org/project/Themes"><em>主题下载链接</em></a><em>，主题控制面板：<strong>Home &gt;&gt;Administer &gt;&gt;Site building &gt;&gt;Themes</strong></em></li>
<li><em>通过与User模块的配合，可以使用网站不同用户组的用户选择自己喜欢的不同的主题：</em></li>
<li><em>通过区块（Blocks）模块，我们可以轻松改变网站内容在显示方式，不同区块的显示位置：<strong>Home &gt;&gt;Administer &gt;&gt;Site building &gt;&gt;Blocks</strong>        <br /></em></li>
<li><em>可以设置整站的导航：<strong>Home &gt;&gt;Administer &gt;&gt;Site building &gt;&gt;Menus</strong></em></li>
</ul>
<hr />
<h5>内容管理（Content Management）</h5>
<p>Drupal作为一个内容管理系统（Content Management System-CMS）内容管理功能肯定为整个程序的核心。Drupal的基本内容管理包括：<a href="http://workspace.veryiblog.com/node/9#Polls">投票/调查（Polls）</a>、主题（Templating）、<a href="http://workspace.veryiblog.com/node/9#ThreadedComments">评论（Threaded comments）</a>、<a href="http://workspace.veryiblog.com/node/9#VersionControl">版本管理（Version control）</a>等，以下对这四个内容管理功能进行详细的介绍。</p>
<p><a name="Polls"></a>投票/调查（<a href="http://drupal.org/node/294">Polls</a>）</p>
<p>开启Drupal系统默认的Polls模块，你可以发起一些简单的投票，你提出一个问题与几个可选项目，让你的用户对此问题与可选项目进行投票。在创建新投票时，你可以设置每一个可选项目的初始票数、此投票的状态、投票的期限、是否允许评论等。你还可以在内容类型管理面板（<strong>Home &gt;&gt;Administer &gt;&gt;Content management &gt;&gt;Content types &gt;&gt;Polls</strong>）来更改Polls 类型内容的默认设置。</p>
<p>通过User模块，你可设置不同用户组对投票的访问权限，比如，你发起一个新投票，只想让网站的注册用户能够参与投票而且任何用户投票之后不能对自己的投票进行更改，则你可以在用户控制面板（<strong>Home &gt;&gt;Administer &gt;&gt;User Management &gt;&gt;Permissions</strong>）来进行详细的配置。</p>
<p><strong><a name="ThreadedComments"></a>评论（Threaded Comments）</strong></p>
<p>评论模块会为每一篇文章分配一个评论区块，开启了评论区块的文章将在文章页面的底部显示此评论区块，有访问权限的用户将可以通过此评论区块对文章进行评论，通过User模块，可以设置不同用户组对评论模块的访问权限，比如发表评论权、修改评论权、管理评论权、删除评论权等。我们还可以设定每一篇文章评论的显示方式，比如是最新评论居上还是最旧评论居上，通过后台还可以设定用户在发表评论时所能使用的输入格式，比如纯文本格式、完整HTML等。</p>
<p><em>小结：使用评论模块你可以：     <br /></em></p>
<ul>
<li><em>通过用户权限管理来设置评论模块的可访问用户组与禁止评论用户组：<strong>Home &gt;&gt;Administer &gt;&gt;User Management &gt;&gt;Permissions</strong></em></li>
<li><em>管理网站所有评论：<strong>Home &gt;&gt;Administer &gt;&gt;Content management &gt;&gt;Comments</strong>        <br /></em></li>
<li><em>启用最新评论区块并设置此区块的显示位置：<strong>Home &gt;&gt;Administer &gt;&gt;Site building &gt;&gt;Blocks</strong></em></li>
</ul>
<p><strong><a name="VersionControl"></a>版本管理（<a href="http://drupal.org/node/3927">Version Control</a>）</strong></p>
<p>Drupal的版本控制系统能跟踪内容更新的详细情况，包括更改人、更改内容、更改日期及时间等。版本控制特性还提供了可选的评论记录功能，同时允许你将内容恢复到早期的版本。<strong>     <br /></strong></p>
<hr />
<h5>博客（Blogging）</h5>
<p>“博客”（Blog或Weblog）一词源于“Web Log（网络日志）”的缩写，是一种十分简易的傻瓜化个人信息发布方式。让任何人都可以像免费电子邮件的注册、写作和发送一样，完成个人网页的创建、发布和更新。一般网民的博客都是建立在免费博客服务商之上，也有一些人（主要为计算机专业人士与IT爱好者）使用博客程序（Wordpress、Bo- Blog、zBlog等）建立自己的独立博客，但用户量毕竟有限，现在几乎每一个网站都为自己的用户提供博客功能，当然，这也得有网站核心程序的支持， Drupal就提供了多用户Blog系统。对于Drupal的博客系统有不同于其它定义的博客，Drupal所提供的博客系统包括Feed/RSS输出 / 聚合等。</p>
<p><a href="http://drupal.org/handbook/modules/blog">多用户博客系统（Blog）</a></p>
<p>Drupal的blog 模块允许注册用户维护一个在线网络日记 (如我们熟知的 blog、博客、部落格等)，经常作为一个在线记事或者日记。 Blog 由独立的文章组成，这些文章有时间印戳因此可以按日期来排列显示， Blog 还经常包含到已经阅读并且/或发表了相同/不同看法的网页用户的连接。</p>
<p>blog 模块会在主导航菜单中添加一个 用户 blog 导航 (但这个链接必须手工启用)，通过这个链接可以看到站点上所有用户的最新 blog 文章。 导航菜单有一个 建立内容 链接 (会引导你发表各类文章) 以及一个 我的 blog 链接 (只显示你自己的 blog 文章)。 blog 模块还提供了 最新 blog 文章 区块，你可以选择启用它并设置它的显示位置。</p>
<p>Drupal的博客系统还提供了新闻推送功能，使用RDF/RSS格式将博客文章推送出去，博客订阅者即使不访问博客，也能通过Feed阅读工具阅读博客内容。</p>
<p>blog API 模块允许用户通过外部 GUI 应用程序发表 blog 文章。 许多用户更愿意使用外部工具来增强定制阅读和发表的能力， blog api 让用户可以自由使用 blog 工具，并且让他们有选择 blog 服务器的的自由。</p>
<p>当这个模块启用并配置好以后，你就可以使用象 Ecto 这样的工具从你的桌面建立和发表文章。 Blog API 模块支持好几个基于 XML-RPC 的 blogging API，例如 Blogger API、 MetaWeblog API 以及大多数的 Movable Type API。 任何支持这些 API 的桌面 blog 工具或者其他服务 (如 Flickr 的 “发表到 blog”) 都可以正常工作。</p>
<p>这个模块同时还允许站点管理员配置何种内容类型可以通过外部应用程序发表文章，因此，用户除了发表 blog 文章外也可以发表论坛帖子。在启用支持后，外部应用程序将每个内容类型显示为独立的 “blog”。</p>
<p><em>小结：通过Drupal的博客系统你以及你网站有Blog模块使用权限的用户可以：</em></p>
<ul>
<li><em>阅读自己的博客文章：<strong>Home &gt;&gt;My Account</strong></em></li>
<li><em>新建博客文章：<strong>Home &gt;&gt;Create Content &gt;&gt;Blog Entry</strong></em></li>
<li><em>设置博客文章首选项：<strong>Home &gt;&gt;Administer &gt;&gt;Content management &gt;&gt;Content types &gt;&gt;Blog Entry</strong>        <br /></em></li>
<li><em>管理博客API接口：<strong>Home &gt;&gt;Administer &gt;&gt;Site configuration &gt;&gt;Blog API</strong>        <br /></em></li>
<li><em>启用Blog Block来显示最近更新的博客或者内容：<strong>Home &gt;&gt;Administer &gt;&gt;Site building &gt;&gt;Blocks</strong></em></li>
<li><em>访问 XML-RPC 页面</em></li>
</ul>
<p><a href="http://drupal.org/node/289"><strong>Feed/RSS 新闻聚合（News Aggregator）</strong></a></p>
<p>聚合器模块(aggregator)可以为你的站点提供强大的新闻聚合与阅读功能，它能够自动从你指定的任意新闻或其它网站收集相关内容，并聚合显示到你的站点。</p>
<p>用户既可以按时间先后顺序察看聚合内容，也可以按内容来源分类察看。管理员可以添加、编辑种子(feed)来源，并针对不同种子选择更新的时间间隔。管理员还可以对种子添加标签分类，这样可以把不同类别的聚合内容分别显示。管理员还可以使用区块在站点边栏显示最新聚合内容，既可以显示某一种子的最新内容，也可以按类别显示多个种子来源的内容。新闻聚合器需要通过cron来自动收集你所订阅的站点内容。Drupal还提供你所有订阅种子的OPML文件，方便你导出到其它软件或新闻阅读器。</p>
<p><em>小结：使用Drupal的新闻聚合器你可以：     <br /></em></p>
<ul>
<li><em>管理你的Feed地址列表：<strong>Home &gt;&gt;Administer &gt;&gt;Content management &gt;&gt;Feed aggregator</strong>        <br /></em></li>
<li><em>添加新的Feed分类：</em><strong><em>Home &gt;&gt;Administer &gt;&gt;Content management &gt;&gt;Feed aggregator &gt;&gt;Add Category</em></strong></li>
<li><em>添加新的Feed地址：<strong>Home &gt;&gt;Administer &gt;&gt;Content management &gt;&gt;Feed aggregator &gt;&gt;Add Feed</strong>        <br /></em></li>
<li><em>设置Feed聚合器首先项：<strong>Home &gt;&gt;Administer &gt;&gt;Content management &gt;&gt;Feed aggregator &gt;&gt;Settings</strong>        <br /></em></li>
<li><em>控制网站用户对Feed聚合器的访问/管理权限：</em><strong><em>Home &gt;&gt;Administer &gt;&gt;User Management &gt;&gt;Permissions</em></strong></li>
<li><em>启用News Aggregator Block来显示最近更新的新闻：<strong>Home &gt;&gt;Administer &gt;&gt;Site building &gt;&gt;Blocks</strong></em></li>
<li><em>在站点的cron页面手动运行cron来强制聚合器收集最新内容，而不必等到下次更新。</em></li>
</ul>
<hr />
<h5>论坛（Forum）</h5>
<p>使用forum(论坛)模块可以创建围绕特定主题的讨论话题，其形式类似于常见的BBS讨论版如phpBB等。论坛功能非常有用，因为它允许社区成员讨论感兴趣的话题，并且所有的讨论都将存档供以后查询。</p>
<p>论坛(forums)的组织是通过容器(containters)来实现的。每个容器(也可以叫做版块)下面包含多个子论坛（或版面），而每个子论坛下则是相关按话题排列的讨论内容。容器与论坛都可以再放到其它的容器或论坛下面。精心安排容器与论坛结构将可以帮助用户更容易地找到感兴趣的内容。管理员可以把讨论贴从一个论坛移动到另一个论坛，并选择是否在原论坛留下备份。论坛的讨论贴都有自己的URL路径。</p>
<p>使用论坛模块需要先开启Taxonomy(分类)与Comments(评论)模块。</p>
<p>Drupal的论坛就像drupal本身一样，可以根据使用者的需要开启不同的模块，功能可以得到不断的扩展。你可以完全控制需要实现什么样的功能。</p>
<p><em>小结：使用Drupal模块你可以：</em></p>
<ul>
<li><em>创建一个容器：<strong>Home &gt;&gt;Administer &gt;&gt;Content management &gt;&gt;Fourms &gt;&gt;Add Containter</strong> </em></li>
<li><em>创建一个论坛：<strong>Home &gt;&gt;Administer &gt;&gt;Content management &gt;&gt;Fourms &gt;&gt;Add Forum</strong>        <br /></em></li>
<li><em>管理站点存在的所有论坛：<strong>Home &gt;&gt;Administer &gt;&gt;Content management &gt;&gt;Fourms </strong>        <br /></em></li>
<li><em>对站点论坛首选项进行设置：<strong>Home &gt;&gt;Administer &gt;&gt;Content management &gt;&gt;Settings</strong>        <br /></em></li>
<li><em>设置不同用户组拥有的对论坛的不同的使用权：<strong>Home &gt;&gt;Administer &gt;&gt;User Management &gt;&gt;Permissions</strong>        <br /></em></li>
<li><em>阅读与论坛相关的帮助信息：<strong>Home &gt;&gt;Administer &gt;&gt;Help &gt;&gt;Forums</strong>        <br /></em></li>
<li><em>阅读与Taxonomy相关的帮助信息：<strong>Home &gt;&gt;Administer &gt;&gt;Help ?Taxonomy</strong> </em></li>
<li><em>使用其它扩展模块对论坛进行功能与外观上的扩展：</em><a href="http://drupal.org/project/Modules"><em>模块下载</em></a><em>，</em><strong><em>Home &gt;&gt;Administer &gt;&gt;Site Building &gt;&gt;Modules</em></strong></li>
</ul>
<hr />
<h5>网站访问统计/入站来源统计分析功能（Statistics Analysis）</h5>
<p>Drupal除了上面所说的一些基本特性之外，来内置的网站信息报告与统计分析工具。</p>
<p>统计模块记录着站点使用情况的统计资料，它统计了你文章的访问次数和访问来路。统计模块可以用来知道很多有用的信息——用户和用户之间、用户和站点之间的互动信息。</p>
<p><strong>统计模块特性：</strong></p>
<ul>
<li>用日志显示你站点的访问次数和访问的具体内容 </li>
<li>外部来源（Referrers）告诉你访问者从哪里来（即来源网址） </li>
<li>热门页面显示你站点上最热门的内容 </li>
<li>最活跃的用户显示你站点里最活跃的用户 </li>
<li>最新点击显示你站点最近活跃的内容，也可以禁止某一访问者访问站点 </li>
<li>节点计数显示节点被浏览的次数，它显示在“发表评论”的旁边 </li>
</ul>
<p><strong>配置统计模块：</strong></p>
<ul>
<li>启用访问日志功能，你可以打开或关闭访问日志。该日志用来储存每个页面的浏览数据，例如远端主机的IP地址，来源网址，访问了哪些节点，还有访问者的名字。启用访问日志后，Drupal每显示一个页面，都会呼叫一次数据库。 </li>
<li>删除页面访问记录，能让你设定访问记录保存的期限，到期后访问记录会从数据表中删除掉。要使用这一功能，你需要运行cron.php </li>
<li>启用节点计数允许你打开或关闭节点计数功能，如果打开了，每当显示节点时，都将会增加一次额外的数据库查询，计数器会不断累加。 </li>
<li>显示节点计数允许你全局设置关闭计数器的显示。 </li>
</ul>
<hr /><em>本文从Drupal内置的各个基本功能着手对Drupal进行了简单（或者详细）介绍，通过本文，我相信双未接触过Drupal的手应该也能够很好的使用Drupal来建站了，至少拿Drupal来站一个个人博客绝对没有问题了，由于时间关系，还有很多问题没有更深一步的讲述，只做了大概的说明，我在写本文时也力求做到够用，也就是说不管介绍什么都要保证从未接触过的人看了这个之后也能使用，我将在以后的文章中对Drupal的其它一些特性以及Drupal的术语、Drupal方法以及Drupal模块开发的Hook进行详细的探讨，本文以及以后的一系列文章不作教材（虽挂教材之名），只做互相交流与学习之用，也希望大家能对我的文章里存在的错误予以更正。</em><em>参考：   <br /></em>
<ol>
<li><em>DrupalChina.Org 的 认领手册翻译-核心模块介绍 ： </em><a href="http://www.drupalchina.org/node/1299"><em>http://www.drupalchina.org/node/1299</em></a><em>       <br /></em></li>
<li><em>Drupal.Org 的 Drupal’s Features ： </em><a href="http://drupal.org/features"><em>http://drupal.org/features</em></a><em>       <br /></em></li>
<li><em>DrupalChina.Org 的 Drupal中文手册 ：论坛 Forum ：</em><a href="http://www.drupalchina.org/node/1353"><em>http://www.drupalchina.org/node/1353</em></a></li>
<li><em>你的博客网 的 何为博客？：<a href="http://www.yourblog.org/Data/200312/37.html">http://www.yourblog.org/Data/200312/37.html</a></em></li>
</ol>
<p>&#160;</p>
<p>文章来自</p>
<h3  class="related_post_title">§ 相关文章</h3><ul class="related_post"><li><a href="http://westsource.cn/389.html" title="使用SQL语句从表中获取第XX到第XX条记录">使用SQL语句从表中获取第XX到第XX条记录</a></li><li><a href="http://westsource.cn/357.html" title="更改WordPress中固定链接的法宝：Redirection插件">更改WordPress中固定链接的法宝：Redirection插件</a></li><li><a href="http://westsource.cn/347.html" title="迁移我们的Wordpress永久链接">迁移我们的Wordpress永久链接</a></li><li><a href="http://westsource.cn/324.html" title="Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类">Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类</a></li><li><a href="http://westsource.cn/318.html" title="Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus">Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus</a></li><li><a href="http://westsource.cn/315.html" title="修正白玉玺国术网的主导航菜单">修正白玉玺国术网的主导航菜单</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://westsource.cn/87.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>在Drupal中如何使用昵称代替用户名（账号）</title>
		<link>http://westsource.cn/86.html</link>
		<comments>http://westsource.cn/86.html#comments</comments>
		<pubDate>Sun, 20 Dec 2009 10:57:34 +0000</pubDate>
		<dc:creator>黄超</dc:creator>
				<category><![CDATA[WEB开发]]></category>
		<category><![CDATA[开发]]></category>

		<guid isPermaLink="false">http://westsource.cn/2009/12/20/%e5%9c%a8drupal%e4%b8%ad%e5%a6%82%e4%bd%95%e4%bd%bf%e7%94%a8%e6%98%b5%e7%a7%b0%e4%bb%a3%e6%9b%bf%e7%94%a8%e6%88%b7%e5%90%8d%ef%bc%88%e8%b4%a6%e5%8f%b7%ef%bc%89/</guid>
		<description><![CDATA[原文名为：Create an alias instead of user username This code was taken from the forum which I believe was also taken from somewhere else. I have made some fixes that allow it to work with comments and forums. Please claim responsibility if the original code was yours. This snippet allows you to display user friendly alias [...]]]></description>
			<content:encoded><![CDATA[<p>原文名为：Create an alias instead of user username</p>
<p>This code was taken from the forum which I believe was also taken from somewhere else. I have made some fixes that allow it to work with comments and forums. Please claim responsibility if the original code was yours.</p>
<p>This snippet allows you to display user friendly alias names on posts and comments etc. This comes in useful if your using the Webserver_auth module and don&#8217;t want to see webserver usernames on your site. It allows the users to set an alias in their profile which is then displayed on the site. If the profile field isn&#8217;t set then it will use the users username.</p>
<p>You will need to enable the profile module and add a single line text field to your users profiles. You can call it anything you want but you will need to alter the code as appropriate. For this example I called my field &#8216;profile_fullname&#8217;.</p>
<p>In your template.php file you will need</p>
<p><code>&lt;?php      <br />function phptemplate_username($object) {       <br />&#160; if ($object-&gt;in_preview) {       <br />&#160;&#160;&#160;&#160;&#160; return theme_username($object);       <br />&#160; }       <br />&#160; return _phptemplate_callback('username', array('object' =&gt; $object));       <br />}       <br />?&gt;</code></p>
<p>Create a file called &#8216;username.tpl.php&#8217; with these contents</p>
<p><code>&lt;?php      <br />if ($object-&gt;uid &amp;&amp; $object-&gt;name) {       <br />// If the user has a full name defined, use that       <br />$account = user_load(array(uid =&gt; $object-&gt;uid));       <br />$profilename = $object-&gt;name;       <br />&#160; if (!empty($account-&gt;profile_fullname)) {       <br />$profilename = $account-&gt;profile_fullname;       <br />&#160; }       <br />// Shorten the name when it is too long or it will break many tables.       <br />if (drupal_strlen($profilename) &gt; 20) {       <br />$name = drupal_substr($profilename, 0, 15) .'...';       <br />&#160; }       <br />&#160; else {       <br />$name = $profilename;       <br />&#160; }       <br />&#160; if (user_access('access user profiles')) {       <br />$output = l($name, 'user/'. $object-&gt;uid, array('title' =&gt; t('View user profile.')));       <br />&#160; }       <br />&#160; else {       <br />$output = check_plain($name);       <br />&#160; }       <br />}       <br />else if ($object-&gt;name) {       <br />// Sometimes modules display content composed by people who are       <br />&#160; // not registered members of the site (e.g. mailing list or news       <br />&#160; // aggregator modules). This clause enables modules to display       <br />&#160; // the true author of the content.       <br />if ($object-&gt;homepage) {       <br />$output = l($object-&gt;name, $object-&gt;homepage, array('title' =&gt; t('View link')));       <br />&#160; }       <br />&#160; else {       <br />$output = check_plain($object-&gt;name);       <br />&#160; }       <br />$output .= ' ('. t('not verified') .')';       <br />}       <br />else {       <br />$output = variable_get('anonymous', 'Anonymous');       <br />}       <br />print $output;       <br />?&gt;</code></p>
<p>You can change a page title with the drupal_set_title function.</p>
<p>A good place for it in this instance would be in a customized version of the theme_user_profile function, placed in your template.php file:</p>
<p><code>&lt;?php      <br />/**       <br />* An implementation of theme_user_profile       <br />*/       <br />function phptemplate_user_profile($account, $fields) {       <br />// change the profile page's title to the specified profile field       <br />&#160; // but only if we are actualy viewing a profile page and if the specified profile field has a value       <br />if ((arg(0) == 'user') &amp;&amp; $account-&gt;profile_fullname) {       <br />drupal_set_title($account-&gt;profile_fullname);       <br />&#160; }       <br />$output = '&lt;div class=&quot;profile&quot;&gt;';       <br />$output .= theme('user_picture', $account);       <br />&#160; foreach ($fields as $category =&gt; $items) {       <br />&#160;&#160;&#160; if (strlen($category) &gt; 0) {       <br />$output .= '&lt;h2 class=&quot;title&quot;&gt;'. $category .'&lt;/h2&gt;';       <br />&#160;&#160;&#160; }       <br />$output .= '&lt;dl&gt;';       <br />&#160;&#160;&#160; foreach ($items as $item) {       <br />&#160;&#160;&#160;&#160;&#160; if (isset($item['title'])) {       <br />$output .= '&lt;dt class=&quot;'. $item['class'] .'&quot;&gt;'. $item['title'] .'&lt;/dt&gt;';       <br />&#160;&#160;&#160;&#160;&#160; }       <br />$output .= '&lt;dd class=&quot;'. $item['class'] .'&quot;&gt;'. $item['value'] .'&lt;/dd&gt;';       <br />&#160;&#160;&#160; }       <br />$output .= '&lt;/dl&gt;';       <br />&#160; }       <br />$output .= '&lt;/div&gt;';       <br />&#160; return $output;       <br />}       <br />?&gt;</code></p>
<p>Next, to change the page title so that the user name is shown on the profile page, instead of the alias:</p>
<p>You can change a page title with the drupal_set_title function. A good place for it in this instance would be in a customized version of the theme_user_profile function, placed in your template.php file:</p>
<p><code>&lt;?php      <br />/**       <br />* An implementation of theme_user_profile       <br />*/       <br />function phptemplate_user_profile($account, $fields) {       <br />// change the profile page's title to the specified profile field       <br />&#160; // but only if we are actualy viewing a profile page and if the specified profile field has a value       <br />if ((arg(0) == 'user') &amp;&amp; $account-&gt;profile_fullname) {       <br />drupal_set_title($account-&gt;profile_fullname);       <br />&#160; }       <br />$output = '&lt;div class=&quot;profile&quot;&gt;';       <br />$output .= theme('user_picture', $account);       <br />&#160; foreach ($fields as $category =&gt; $items) {       <br />&#160;&#160;&#160; if (strlen($category) &gt; 0) {       <br />$output .= '&lt;h2 class=&quot;title&quot;&gt;'. $category .'&lt;/h2&gt;';       <br />&#160;&#160;&#160; }       <br />$output .= '&lt;dl&gt;';       <br />&#160;&#160;&#160; foreach ($items as $item) {       <br />&#160;&#160;&#160;&#160;&#160; if (isset($item['title'])) {       <br />$output .= '&lt;dt class=&quot;'. $item['class'] .'&quot;&gt;'. $item['title'] .'&lt;/dt&gt;';       <br />&#160;&#160;&#160;&#160;&#160; }       <br />$output .= '&lt;dd class=&quot;'. $item['class'] .'&quot;&gt;'. $item['value'] .'&lt;/dd&gt;';       <br />&#160;&#160;&#160; }       <br />$output .= '&lt;/dl&gt;';       <br />&#160; }       <br />$output .= '&lt;/div&gt;';       <br />&#160; return $output;       <br />}       <br />?&gt;</code></p>
<h3  class="related_post_title">§ 相关文章</h3><ul class="related_post"><li><a href="http://westsource.cn/389.html" title="使用SQL语句从表中获取第XX到第XX条记录">使用SQL语句从表中获取第XX到第XX条记录</a></li><li><a href="http://westsource.cn/357.html" title="更改WordPress中固定链接的法宝：Redirection插件">更改WordPress中固定链接的法宝：Redirection插件</a></li><li><a href="http://westsource.cn/347.html" title="迁移我们的Wordpress永久链接">迁移我们的Wordpress永久链接</a></li><li><a href="http://westsource.cn/324.html" title="Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类">Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类</a></li><li><a href="http://westsource.cn/318.html" title="Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus">Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus</a></li><li><a href="http://westsource.cn/315.html" title="修正白玉玺国术网的主导航菜单">修正白玉玺国术网的主导航菜单</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://westsource.cn/86.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>转载：如何快速带来流量</title>
		<link>http://westsource.cn/60.html</link>
		<comments>http://westsource.cn/60.html#comments</comments>
		<pubDate>Mon, 19 Oct 2009 14:26:42 +0000</pubDate>
		<dc:creator>黄超</dc:creator>
				<category><![CDATA[WEB开发]]></category>
		<category><![CDATA[WEB]]></category>
		<category><![CDATA[创业]]></category>

		<guid isPermaLink="false">http://westsource.cn/2009/10/19/%e8%bd%ac%e8%bd%bd%ef%bc%9a%e5%a6%82%e4%bd%95%e5%bf%ab%e9%80%9f%e5%b8%a6%e6%9d%a5%e6%b5%81%e9%87%8f/</guid>
		<description><![CDATA[没有流量的网站是失败的，倒不是说网站制作的失败，而是指网站运营的失败，所以如何做大流量，是每个站长都孜孜以求的。网站的流量推广，经验很重要，但是最重要的是思维，思维有多远，网站就能走多远。]]></description>
			<content:encoded><![CDATA[<p>来自：<a href="http://www.realure.cn">赵亮</a></p>
<p>没有流量的网站是失败的，倒不是说网站制作的失败，而是指网站运营的失败，所以如何做大流量，是每个站长都孜孜以求的。网站的流量推广，经验很重要，但是最重要的是思维，思维有多远，网站就能走多远。</p>
<p>每个网站都有自己做流量的独门绝招，包括短期的和长期的，短期在于速度，长期在于价值，在网站建设的不同时期要有不同的推广策略。</p>
<p>短期快速提高流量的方法。短期迅速提高流量：</p>
<p>1、做垃圾站，比如非主流、QQ空间、美女图片、小电影等，这些是最刺激和吸引网友的。</p>
<p>2、做热门，或者更高级一点炒作，到百度风云榜看什么热门做什么，而且要从别人没有做过的入手。比如做一个美女的页面，好的话可以每天几千上万个IP。</p>
<p>3、合作跳出页面，你跳出他的页面，他跳出你的页面。</p>
<p>4、到百度贴吧和知道自问自答，选择一些跟你的网站相关的贴吧，发一些吸引人的帖子，操作的好的话，每天可以有上千个IP。</p>
<p>5、到一些流量超大的论坛，如天涯和阿里巴巴等，这些网站的流量都是一天百万级以上的流量。这对于个人网站而言，根本就是遥不可及的。所以，只要占领了其中一个版块，一天获得百分之一或者千分之一的流量也可以超过1000IP了。</p>
<p>6、同样也可以使用一些邮件群发软件或者加入一些大的邮件列表来发布你的主页信息，这些办法尽管操作起来费时费力，但却是最能起直接效果的。</p>
<p>不过短期流量提高方法不能培养用户的忠诚度，对一个网站的长期发展不利，如果大家有一些垃圾的域名，垃圾的空间，可以做做。</p>
<p>提高有价值流量的方法</p>
<p>1、登陆搜索引擎，登记搜索引擎是最原始也最行之有效的网站推广方法，这个基本每个网站建设者都会，就不再多说。还有就是通过友情链接增加访问量也是普遍采取的方法，不论是文字，LOGO链接，你一定要找一些访问量比较大的网站来交换链接，并且写信给对方要求把位置放较靠前，如此才能取得比较好的效果，对于那些下拉式菜单的友情链接，不做也罢，除非对方的访问量非常大。这些都是最基本的，不再多述。</p>
<p>2、与用户互动，培养忠诚用户：对一个正规的网站来说，活动是非常必要的。比如说我之前的网站，成立了几个QQ群，相互点评网站，这样的活动，立马就汇集了1000个ip。这仅仅是一个比方，用户真正关心的地方在何处，我们一定要搞清楚，真正为用户去服务，流量来的快，而且流量来的真实，真实的流量是最有价值的。</p>
<p>3、多做活动，多娱乐用户：比如说做一些免费的活动，赠送，有奖什么的。开动一下脑筋，尤其是在节日里做这样的活动，立马流量上来了，用户是最喜欢这些，毕竟用户都是来上网娱乐的，你就给他娱乐，用户需要什么我们就提供什么，当然是在健康的范围之内。比如我前不久发现的一个让用户娱乐起来的方法，就是在我的网站上加入了个泡泡玩网页游戏平台，弄个游戏频道给他们玩，不仅让用户娱乐了，也可以跟游戏运营商合作多做活动，活跃论坛的气氛，用户也都愿意花钱玩游戏，主要是现在互联网上，游戏太火了，大家都形成了一种意识，愿意为虚拟的游戏去花钱，这要搁在以前是有难度的。</p>
<p>由于现在的网民数急剧增加，网站流量的标准也随之提高，几百上千个网站IP，如果不是你的网站特别吸引人的话，很难赚到钱，所以现在的网站流量要以万为单位来提升，这需要站长发挥不同的智慧，寻求不同的境界去突破。</p>
<h3  class="related_post_title">§ 相关文章</h3><ul class="related_post"><li><a href="http://westsource.cn/94.html" title="周鸿祎：免费是商业模式而非盈利模式">周鸿祎：免费是商业模式而非盈利模式</a></li><li><a href="http://westsource.cn/110.html" title="马化腾：不拼红海，另觅蓝海">马化腾：不拼红海，另觅蓝海</a></li><li><a href="http://westsource.cn/100.html" title="创业的“空杯”状态">创业的“空杯”状态</a></li><li><a href="http://westsource.cn/80.html" title="SNS的盈利模式">SNS的盈利模式</a></li><li><a href="http://westsource.cn/79.html" title="今天很残酷，明天更残酷，后天很美好">今天很残酷，明天更残酷，后天很美好</a></li><li><a href="http://westsource.cn/78.html" title="创业之三要素">创业之三要素</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://westsource.cn/60.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WEB设计十诫</title>
		<link>http://westsource.cn/14.html</link>
		<comments>http://westsource.cn/14.html#comments</comments>
		<pubDate>Wed, 30 Sep 2009 12:36:00 +0000</pubDate>
		<dc:creator>黄超</dc:creator>
				<category><![CDATA[WEB开发]]></category>

		<guid isPermaLink="false">http://westsource.cn/2009/10/18/web%e8%ae%be%e8%ae%a1%e5%8d%81%e8%af%ab/</guid>
		<description><![CDATA[最近 BusinessWeek.com&#160; 邀请了14名 Web 设计方面的顶尖专家，就 Web 设计发表自己的看法，最终，他们编写了 Web 设计的十诫。 1. 不可滥用 Flash，Adobe 备受欢迎的 Web 动画技术，Flash，在很多地方显示了它的威力，从 Nike 充满炫耀味道的整体 Flash 网站，到充斥各个网站的 Flash Banner 广告，然而该技术很容易被滥用，大量的，无节制的 Flash 动画不仅带来易用性问题，而且让用户的浏览器不堪重负； 2. 不可搅扰内容，广告对一个网站的生存也许很重要，但易用性研究者认为，弹窗广告，以及全屏广告会扰乱网站的内容，并挑战用户再次访问的信心。传统的 Banner 广告可能更好一些； 3. 不可失去条理，Web 是个大宝藏，但失去条理的网站让人无法访问其中的内容。包括 Amazon.com 在内的一些优秀网站向来将对内容的组织视为首要设计任务； 4. 不可滥用玻璃倒影效果，苹果向以时尚与酷绚的设计著称，但一些专家称，苹果在他们的产品图片中设计的玻璃倒影效果被大量模仿，最终将这种风格演变成恶俗； 5. 不可在网站命名中跟风，一些聪明的网站主在网站命名中不使用任何元音，或尽可能多用元音，比如，Flickr， Smibs， 以及 Meebo，这些命名方式会随着时间很快过时。（中国网站流行的恶俗命名方式包括使用数字谐音，所以，我们有数以万计的 51 什么什么的网站 &#8211; 译者）； 6. 应当重视文字版面，尽管宽带连接无处不在，但纯文字版面的网站仍然拥有一种不可低估的势头。这类网站的典型包括 Craigslist ，Coudal Partners ，Daring Fireball 。（还有译者最推崇的 Alisapart.com） ； 7. [...]]]></description>
			<content:encoded><![CDATA[<p>最近 <a href="http://www.businessweek.com/">BusinessWeek.com</a>&#160; 邀请了14名 Web 设计方面的顶尖专家，就 Web 设计发表自己的看法，最终，他们编写了 <a href="http://www.businessweek.com/innovate/content/jun2008/id20080623_750025.htm">Web 设计的十诫</a>。 </p>
<p><strong>1. 不可滥用 Flash，</strong>Adobe 备受欢迎的 Web 动画技术，Flash，在很多地方显示了它的威力，从 Nike 充满炫耀味道的整体 Flash 网站，到充斥各个网站的 Flash Banner 广告，然而该技术很容易被滥用，大量的，无节制的 Flash 动画不仅带来易用性问题，而且让用户的浏览器不堪重负；</p>
<p><strong>2. 不可搅扰内容，</strong>广告对一个网站的生存也许很重要，但易用性研究者认为，弹窗广告，以及全屏广告会扰乱网站的内容，并挑战用户再次访问的信心。传统的 Banner 广告可能更好一些；</p>
<p><strong>3. 不可失去条理，</strong>Web 是个大宝藏，但失去条理的网站让人无法访问其中的内容。包括 <a href="http://www.amazon.com/">Amazon.com</a> 在内的一些优秀网站向来将对内容的组织视为首要设计任务；</p>
<p><strong>4. 不可滥用玻璃倒影效果，</strong>苹果向以时尚与酷绚的设计著称，但一些专家称，苹果在他们的产品图片中设计的玻璃倒影效果被大量模仿，最终将这种风格演变成恶俗； </p>
<p><strong>5. 不可在网站命名中跟风，</strong>一些聪明的网站主在网站命名中不使用任何元音，或尽可能多用元音，比如，Flickr， Smibs， 以及 Meebo，这些命名方式会随着时间很快过时。（中国网站流行的恶俗命名方式包括使用数字谐音，所以，我们有数以万计的 51 什么什么的网站 &#8211; 译者）；</p>
<p><strong>6. 应当重视文字版面，</strong>尽管宽带连接无处不在，但纯文字版面的网站仍然拥有一种不可低估的势头。这类网站的典型包括 <a href="http://investing.businessweek.com/research/stocks/snapshot/snapshot.asp?capId=11251097">Craigslist</a> ，<a href="http://www.coudal.com/">Coudal Partners</a> ，<a href="http://daringfireball.net/">Daring Fireball</a> 。（还有译者最推崇的 <a href="http://www.alistapart.com/">Alisapart.com</a>） ；</p>
<p><strong>7. 应当有吸引用户的内容和体验，</strong>单单漂亮还不够，Facebook 以及 YouTube 一类的站只所以吸引用户，是因为他们有抓人的内容；</p>
<p><strong>8. 应当走向社会化，</strong>Web2.0 已经无处不在，MySpace 一类的站点引领了用户交流沟通的趋势；</p>
<p><strong>9. 应当大众熟悉的技术，</strong><a href="http://investing.businessweek.com/research/stocks/snapshot/snapshot.asp?capId=21865011">Wikipedia</a>, YouTube, Facebook 一类的网站已经成为很多人生活的一部分。应当将这些网站中的元素引入你的设计，让你的用户感到亲切，熟悉；</p>
<p><strong>10. 应当坚持内容为王，</strong>内容为王的口号已经不新鲜了，但仍然有用。外观的美丽无法弥补内容的空洞。 </p>
<p>本文由以下14位在 Web 设计领域成就卓越的专家编写:</p>
<blockquote><p>Dan Cederholm, <a href="http://simplebits.com/">SimpleBits</a> 的创办人（请参阅：<a href="http://www.comsharp.com/GetKnowledge/zh-CN/TeamBlogTimothyPage_K273.aspx">佳站有约-SimpleBits</a>）       <br />Chris Conley, IIT 设计学院教授       <br />Malcolm Garrett, AIG 创意总监       <br />Robert Greenberg, R/GA 主席，CEO       <br />Steven Heller, School of Visual Arts 主席       <br />John Maeda, Rhode Island School of Design 总裁       <br />Don Norman, Nielsen Norman Group 创始人       <br />Dave Shea, <a href="http://mezzoblue.com/">mezzoblue</a> 创始人《<em>The Zen of CSS Design</em> 》一书的作者       <br />Lisa Strausfeld, Pentagram 合作伙伴       <br />Jakob Trollbäck, Trollbäck 创始人       <br />Khoi Vinh, <a href="http://www.nytimes.com/">NYTimes.com</a> 设计主管       <br />Simon Waterfall, D&amp;AD 创意主管       <br />Martin Wattenberg, IBM 视觉交流实验室经理       <br />Jeffrey Zeldman, <em><a href="http://alistapart.com/">A List Apart Magazine</a> 杂志出版商</em></p>
</blockquote>
<h3  class="related_post_title">§ 相关文章</h3><ul class="related_post"><li><a href="http://westsource.cn/389.html" title="使用SQL语句从表中获取第XX到第XX条记录">使用SQL语句从表中获取第XX到第XX条记录</a></li><li><a href="http://westsource.cn/357.html" title="更改WordPress中固定链接的法宝：Redirection插件">更改WordPress中固定链接的法宝：Redirection插件</a></li><li><a href="http://westsource.cn/347.html" title="迁移我们的Wordpress永久链接">迁移我们的Wordpress永久链接</a></li><li><a href="http://westsource.cn/324.html" title="Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类">Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类</a></li><li><a href="http://westsource.cn/318.html" title="Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus">Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus</a></li><li><a href="http://westsource.cn/315.html" title="修正白玉玺国术网的主导航菜单">修正白玉玺国术网的主导航菜单</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://westsource.cn/14.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>完美解决WordPress摘要显示问题</title>
		<link>http://westsource.cn/31.html</link>
		<comments>http://westsource.cn/31.html#comments</comments>
		<pubDate>Sun, 22 Jun 2008 07:16:00 +0000</pubDate>
		<dc:creator>黄超</dc:creator>
				<category><![CDATA[WEB开发]]></category>
		<category><![CDATA[开发]]></category>

		<guid isPermaLink="false">http://westsource.cn/2008/06/22/%e5%ae%8c%e7%be%8e%e8%a7%a3%e5%86%b3wordpress%e6%91%98%e8%a6%81%e6%98%be%e7%a4%ba%e9%97%ae%e9%a2%98/</guid>
		<description><![CDATA[前些日子用WP搭建了一个BLOG，感觉其最大的问题有两个，一是在首页使用摘要的方式显示文章，一为官方提供的备份/恢复功能实在太弱，根本达不到大多数人的要求。 其中第一个问题曾多次被网友讨论过，大家提供的方案有两个（见http://wordpress.org.cn/thread-7213-1-1.html的二楼）： 采用手动截断文章的方法，这个不是真正意义上的摘要，使用 more 标签，即在写文章的时候点击 More 来截断，要使用代码模式才能在工具条看到 more 这个功能按钮，点击就可以插入了。——使用这种方法得到的“摘要”算不得真正的摘要，因为很多文章的摘要并非正文的一部分。况且，相当多朋友使用摘要方式显示的目的是减少首页的流量、加快加载速度，而使用more标签达不能满足此要求； 还可以编辑主题让主页显示摘要，修改主题中的index.php文件，把 &#60;?php the_content();?&#62; 这样的代码修改为&#60;?php the_excerpt();?&#62;。 ——使用这种方法，所有的文章在首页都变成以摘要的方式显示，如果某一篇文章没有摘要，WP会帮我们把文章的前面一段弄成摘要，显示在首页。如果我只想让有摘要的文章显示摘要，而其它文章显示全文呢？ 我在多年前曾经用过两个月的PHP，呵呵，虽然已经基本忘光光，但还是有点儿记忆。看了一把WP的代码，基本算是搞定了此问题——修改主题中的index.php文件，把&#60;?php the_content();?&#62; 修改成如下的内容： &#60;?php if (has_excerpt()) { ?&#62; &#60;div&#62; &#60;?php the_excerpt() ?&#62; &#60;a href=&#34;&#60;?php the_permalink(); ?&#62;&#34;&#62;阅读全文...&#60;/a&#62; &#60;p&#62;&#38;#160;&#60;/p&#62; &#60;/div&#62; &#60;?php } else{ the_content('Read the rest of this entry &#38;raquo;'); } ?&#62; 上面的代码里： has_excerpt()函数用于判断文章是否有摘要，如果有则显示之，并添加“阅读全文”的链接； the_permalink()函数则为单篇文章链接，点击“阅读全文”即可跳转到文章的完整页面。 § 相关文章使用SQL语句从表中获取第XX到第XX条记录更改WordPress中固定链接的法宝：Redirection插件迁移我们的Wordpress永久链接Whatever:hover的更多扩展阅读&#8212;&#8212;无需javascript让IE支持丰富伪类Whatever:hover&#8212;&#8212;为IE添加:hover、:active和:focus修正白玉玺国术网的主导航菜单]]></description>
			<content:encoded><![CDATA[<p>前些日子用WP搭建了一个BLOG，感觉其最大的问题有两个，一是在首页使用摘要的方式显示文章，一为官方提供的备份/恢复功能实在太弱，根本达不到大多数人的要求。</p>
<p>其中第一个问题曾多次被网友讨论过，大家提供的方案有两个（见<a href="http://wordpress.org.cn/thread-7213-1-1.html">http://wordpress.org.cn/thread-7213-1-1.html</a>的二楼）：</p>
<ol>
<li>采用手动截断文章的方法，这个不是真正意义上的摘要，使用 more 标签，即在写文章的时候点击 More 来截断，要使用代码模式才能在工具条看到 more 这个功能按钮，点击就可以插入了。——使用这种方法得到的“摘要”算不得真正的摘要，因为很多文章的摘要并非正文的一部分。况且，相当多朋友使用摘要方式显示的目的是减少首页的流量、加快加载速度，而使用more标签达不能满足此要求；</li>
<li>还可以编辑主题让主页显示摘要，修改主题中的index.php文件，把 <code>&lt;?php the_content();?&gt;</code> 这样的代码修改为<code>&lt;?php the_excerpt();?&gt;。</code> ——使用这种方法，所有的文章在首页都变成以摘要的方式显示，如果某一篇文章没有摘要，WP会帮我们把文章的前面一段弄成摘要，显示在首页。如果我只想让有摘要的文章显示摘要，而其它文章显示全文呢？</li>
</ol>
<p>我在多年前曾经用过两个月的PHP，呵呵，虽然已经基本忘光光，但还是有点儿记忆。看了一把WP的代码，基本算是搞定了此问题——修改主题中的index.php文件，把<code>&lt;?php the_content();?&gt;</code> 修改成如下的内容：</p>
<pre>&lt;?php <a href="http://www.php.net/if">if</a> (has_excerpt())
	{ ?&gt;
	&lt;div&gt;
		&lt;?php the_excerpt() ?&gt;
		&lt;a href=&quot;&lt;?php the_permalink(); ?&gt;&quot;&gt;阅读全文...&lt;/a&gt;
		&lt;p&gt;&amp;#160;&lt;/p&gt;
	&lt;/div&gt;
&lt;?php
	}
	<a href="http://www.php.net/else">else</a>{
		the_content('Read the rest of this entry &amp;raquo;');
	}
?&gt;</pre>
<p>上面的代码里：</p>
<ol>
<li>has_excerpt()函数用于判断文章是否有摘要，如果有则显示之，并添加“阅读全文”的链接；</li>
<li>the_permalink()函数则为单篇文章链接，点击“阅读全文”即可跳转到文章的完整页面。</li>
</ol>
<h3  class="related_post_title">§ 相关文章</h3><ul class="related_post"><li><a href="http://westsource.cn/389.html" title="使用SQL语句从表中获取第XX到第XX条记录">使用SQL语句从表中获取第XX到第XX条记录</a></li><li><a href="http://westsource.cn/357.html" title="更改WordPress中固定链接的法宝：Redirection插件">更改WordPress中固定链接的法宝：Redirection插件</a></li><li><a href="http://westsource.cn/347.html" title="迁移我们的Wordpress永久链接">迁移我们的Wordpress永久链接</a></li><li><a href="http://westsource.cn/324.html" title="Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类">Whatever:hover的更多扩展阅读&mdash;&mdash;无需javascript让IE支持丰富伪类</a></li><li><a href="http://westsource.cn/318.html" title="Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus">Whatever:hover&mdash;&mdash;为IE添加:hover、:active和:focus</a></li><li><a href="http://westsource.cn/315.html" title="修正白玉玺国术网的主导航菜单">修正白玉玺国术网的主导航菜单</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://westsource.cn/31.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
