<?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>IPCPU——网络之路 &#187; Pagebar</title>
	<atom:link href="http://www.ipcpu.com/tag/pagebar/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ipcpu.com</link>
	<description></description>
	<lastBuildDate>Sat, 17 Jul 2010 11:04:03 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>WordPress常用插件之分页插件Pagebar</title>
		<link>http://www.ipcpu.com/2009/09/wp-plugin-pagebar/</link>
		<comments>http://www.ipcpu.com/2009/09/wp-plugin-pagebar/#comments</comments>
		<pubDate>Sun, 13 Sep 2009 06:13:37 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[WEB]]></category>
		<category><![CDATA[Pagebar]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.ipcpu.com/?p=70</guid>
		<description><![CDATA[WordPress默认的分页方式，是“« Previous Entries” “Next Entries ”用起来很不方便，大多数博客都是显示页码的，当然WordPress也可以实现。 有两个插件可以实现，分别是Pagebar和Wp-PageNavi，但是我对Wp-PageNavi印象不好，今天介绍Pagebar插件。网上有些教程但都老的掉牙了，今天写个新的。 插件官方网站：http://wordpress.org/extend/plugins/pagebar/ 当前最新版本Last Updated: 2009-8-25 使用方法： 1.将解压后的pagebar文件夹传到/wp-content/plugins/，并将pagebar文件夹内的pagebar.css上传到主题的文件夹/wp-content/themes/XXX/下面 2.登录到后台启动插件，默认选项即可。 3.修改需要显示页码的页面一般为index.php、search.php、archive.php等等，找到 如下： &#60;div class=”navigation”&#62; &#60;div class=”alignleft”&#62;&#60;?php next_posts_link(’&#38;laquo; Older Entries’) ?&#62;&#60;/div&#62; &#60;div class=”alignright”&#62;&#60;?php previous_posts_link(’Newer Entries &#38;raquo;’) ?&#62;&#60;/div&#62; &#60;/div&#62; 修改为： &#60;div class=”navigation”&#62; &#60;?php if (function_exists(&#8216;wp_pagebar&#8217;)) wp_pagebar(); ?&#62; &#60;/div&#62; &#60;div class=”navigation”&#62; &#60;?php if (function_exists(&#8216;wp_pagebar&#8217;)) wp_pagebar(); ?&#62; &#60;/div&#62; ok，刷新页面即可显示了。 大家可以看下效果：]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-71" title="_r1_c1" src="http://www.ipcpu.com/wp-content/uploads/2009/09/r1_c15.jpg" alt="_r1_c1" width="480" height="100" /></p>
<p>WordPress默认的分页方式，是“« Previous Entries” “Next Entries ”用起来很不方便，大多数博客都是显示页码的，当然WordPress也可以实现。</p>
<p>有两个插件可以实现，分别是<span class='wp_keywordlink_affiliate'><a href="http://www.ipcpu.com/tag/pagebar/" title="View all posts in Pagebar" target="_blank">Pagebar</a></span>和Wp-PageNavi，但是我对Wp-PageNavi印象不好，今天介绍<span class='wp_keywordlink_affiliate'><a href="http://www.ipcpu.com/tag/pagebar/" title="View all posts in Pagebar" target="_blank">Pagebar</a></span>插件。网上有些教程但都老的掉牙了，今天写个新的。</p>
<p>插件官方网站：<a href="http://wordpress.org/extend/plugins/pagebar/">http://wordpress.org/extend/plugins/pagebar/</a></p>
<p>当前最新版本<strong>Last Updated:</strong> 2009-8-25</p>
<p><span id="more-70"></span></p>
<p><strong>使用方法：</strong></p>
<p>1.将解压后的pagebar文件夹传到/wp-content/plugins/，并将pagebar文件夹内的pagebar.css上传到主题的文件夹/wp-content/themes/XXX/下面</p>
<p>2.登录到后台启动插件，默认选项即可。</p>
<p>3.修改需要显示页码的页面一般为index.php、search.php、archive.php等等，找到 如下：</p>
<p><span style="color: #003300;">&lt;div class=”navigation”&gt;<br />
</span><span style="color: #0000ff;"><span style="color: #003300;">&lt;div class=”alignleft”&gt;&lt;?php next_posts_link(’&amp;laquo; <span style="color: #ff0000;">Older Entries</span>’) ?&gt;&lt;/div&gt; &lt;div class=”alignright”&gt;&lt;?php previous_posts_link(’<span style="color: #ff0000;">Newer Entries</span> &amp;raquo;’) ?&gt;&lt;/div&gt;<br />
</span><span style="color: #003300;">&lt;/div&gt;</span></span></p>
<p><span style="color: #0000ff;"><span style="color: #000000;">修改为：</span></span></p>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 402px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">&lt;div class=”navigation”&gt;</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 402px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">&lt;?php if (function_exists(&#8216;wp_pagebar&#8217;))</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 402px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">wp_pagebar();</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 402px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">?&gt;</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 402px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">&lt;/div&gt;</div>
<p><span style="color: #003300;">&lt;div class=”navigation”&gt;</span></p>
<p><span style="color: #003300;">&lt;?php if (function_exists(&#8216;wp_pagebar&#8217;))</span></p>
<p><span style="color: #003300;">wp_pagebar();</span></p>
<p><span style="color: #003300;">?&gt;</span></p>
<p><span style="color: #003300;">&lt;/div&gt;</span></p>
<p><span style="color: #0000ff;"><span style="color: #000000;"><br />
</span></span></p>
<div class="”navigation”">
<p><span style="color: #0000ff;"><span style="color: #000000;">ok，刷新页面即可显示了。</span></span></p>
<p><span style="color: #0000ff;"><span style="color: #000000;">大家可以看下效果：</span></span></p>
<p><span style="color: #0000ff;"><span style="color: #000000;"><img class="alignnone size-full wp-image-72" title="pb2" src="http://www.ipcpu.com/wp-content/uploads/2009/09/pb2.jpg" alt="pb2" width="464" height="60" /></span></span></p>
<p><span style="color: #0000ff;"><span style="color: #003300;"><br />
</span></span></div>
]]></content:encoded>
			<wfw:commentRss>http://www.ipcpu.com/2009/09/wp-plugin-pagebar/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
