<?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; iNove</title>
	<atom:link href="http://www.yueye.org/tag/inove/feed" rel="self" type="application/rss+xml" />
	<link>http://www.yueye.org</link>
	<description>分享网络知识 · 享受快乐生活</description>
	<lastBuildDate>Wed, 08 Feb 2012 00:44:03 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>为WordPress增加Ctrl+Enter快捷回复功能</title>
		<link>http://www.yueye.org/2009/use-ctrl-enter-to-submit-comments-for-wordpress.html</link>
		<comments>http://www.yueye.org/2009/use-ctrl-enter-to-submit-comments-for-wordpress.html#comments</comments>
		<pubDate>Tue, 07 Apr 2009 12:34:55 +0000</pubDate>
		<dc:creator>月夜</dc:creator>
				<category><![CDATA[网站相关]]></category>
		<category><![CDATA[iNove]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[主题]]></category>

		<guid isPermaLink="false">http://www.yueye.org/?p=772</guid>
		<description><![CDATA[可能是朋友们在使用QQ进行聊天中已经养成了这样的习惯，在论坛和博客上进行评论时也想要这样的方便。国内目前的主流论坛程序，如Discuz!，都内置了这样的快捷回复；但遗憾的是，来自海... ]]></description>
			<content:encoded><![CDATA[<p>可能是朋友们在使用QQ进行聊天中已经养成了这样的习惯，在论坛和博客上进行评论时也想要这样的方便。国内目前的主流论坛程序，如Discuz!，都内置了这样的快捷回复；但遗憾的是，来自海外本地化不够彻底的WordPress程序却仍然不支持这一功能。</p>
<p>不过这并没有什么，实现这样的功能只需在WordPress主题中对应的文件里添加上一段JavaScript代码。不过因为不同的主题可能需要修改不同的地方，本文中，<a href="http://www.yueye.org">月夜</a>以常见的几种情况来逐一为你做下介绍，希望能为朋友们，尤其是新手，提供一些帮助。</p>
<p><span style="color: #ff0000;">1.“提交评论”链接没有显示在按钮上的主题</span></p>
<p>有些主题中，“提交评论”的链接只是几个文字，没有显示在按钮上，比如大名鼎鼎的Pixeled主题，其“Leave comment（提交评论）”链接的显示方式如下：<span id="more-772"></span></p>
<p style="text-align: center;"><img class="aligncenter" title="主题中“提交评论”不在按钮上" src="http://laiba.tianya.cn/laiba/images/615721/12391036242012354411/A/1/m.jpg" alt="" width="185" height="103" /></p>
<p>在这种方式下，为主题添加Ctrl+Enter支持最为容易。首先在主题文件夹下comments.php文件的末端找到形如</p>
<blockquote><p>&lt;/form&gt;<br />
&lt;/div&gt;<br />
&lt;?php endif; ?&gt;</p></blockquote>
<p>的代码部分（注意：可能有些主题缺少三行中的一行，但通常会有其中两行），在如上代码的&lt;?php endif; ?&gt;之前（其实，这个位置很随意，也可以放到&lt;/form&gt;之前，等等）添加上如下JavaScript代码：</p>
<blockquote><p>&lt;script type=”text/javascript”&gt;<br />
document.getElementById(“comment”).onkeydown = function (moz_ev)<br />
{<br />
var ev = null;<br />
if (window.event){<br />
ev = window.event;<br />
}else{<br />
ev = moz_ev;<br />
}<br />
if (ev != null &amp;&amp; ev.ctrlKey &amp;&amp; ev.keyCode == 13)<br />
{<br />
document.getElementById(“submit”).click();<br />
}<br />
}<br />
&lt;/script&gt;</p></blockquote>
<p>随后，继续在comments.php文件中查找如下所示的代码行：</p>
<blockquote><p>&lt;p&gt;&lt;input name=”submit” type=”submit” id=”submit” class=”submitbutton” tabindex=”5&#8243; value=”Leave comment” /&gt;</p></blockquote>
<p>当然，不同的主题可能会有所区别，但大致该行会包含有submit关键词。找到之后，可以看到在value值中是要显示的内容，将其修改为Leave comment(Ctrl+Enter)。接着，我们将comments.php文件保存，这样，我们就为该主题成功添加了Ctrl+Enter回复评论支持。</p>
<p>可以看出，对以不在按钮中的链接形式显示“提交评论”的主题，只需修改comments.php一个文件，即可方便地为我们的主题添加该功能；但对于在按钮上显示链接的主题，就不这么轻松了。</p>
<p><span style="color: #ff0000;">2.在按钮上显示“提交评论”链接的主题</span></p>
<p>很多主题，为了美观，将提交评论链接显示在了一个按钮上，比如月夜使用的由菠菜提供的默认主题：</p>
<p style="text-align: center;"><img class="aligncenter" title="主题中“提交评论”链接显示在按钮上" src="http://laiba.tianya.cn/laiba/images/615721/12391036272012354412/A/1/m.jpg" alt="" width="269" height="102" /></p>
<p>如上图，这样的主题在未添加Ctrl+Enter字样时，按钮可能比较短；而添加上之后，按钮可能会被字符撑破，影响美观。所以，为了完整的做好这项工作，一方面，我们需要像<span style="color: #ff0000;">1</span>中那样，修改comments.php中的字符，添加JavaScript代码；另一方面，我们还需要修改按钮对应的CSS代码，使其显示美观。</p>
<p>首先按照1中的方法，在comments.php中找到如下代码：</p>
<blockquote><p>&lt;p id=”but_submit”&gt;&lt;input name=”submit” type=”submit” id=”submit” tabindex=”5&#8243; value=”提交评论(Ctrl+Enter)” /&gt;</p></blockquote>
<p>将其中的提交评论修改为提交评论(Ctrl+Enter)；接着在文件中的适当位置添加上<span style="color: #ff0000;">1</span>中的JavaScript代码，然后保存文件。</p>
<p>随后，我们来修改主题文件夹下style.css文件中与按钮对应的CSS代码，首先根据上面的代码找到but_submit和submit部分：</p>
<p>#but_submit{ margin-left:72px;}<br />
#submit{ width:220px; height:32px; font-size:18px; font-weight:bold; color:#FFFFFF; letter-spacing:3px; border:1px solid #006666; background: url(images/icon.gif) repeat-x -2px -270px;}</p>
<p>接着修改其中控制按钮宽度的参数，如修改width:220px，以使其适合按钮上的字符。当然，有时为了美观，你可能还会修改其他地方，比如月夜就将上面代码中的font-weight:bold; 删掉了，因为粗体显示的英文看起来不太好。修改完成之后，将其保存，这样，我们就成功地为“提交评论”链接显示在按钮上的主题添加了Ctrl+Enter快捷键。</p>
<p><span style="color: #ff0000;">3.iNove等特殊主题</span></p>
<p>这类特殊主题可能比较多，<a href="http://www.yueye.org">月夜</a>不可能面面俱到，在此，我们就以iNove为例，来讲述一下如何为iNove主题添加Ctrl+Enter评论回复快捷键。</p>
<p>iNove主题的提交评论链接同样显示在了按钮上：</p>
<p style="text-align: center;"><img class="aligncenter" title="为iNove主题添加Ctrl+Enter评论回复快捷键" src="http://laiba.tianya.cn/laiba/images/615721/12391036292012354413/A/1/m.jpg" alt="" width="205" height="76" /></p>
<p>和1、2中其他主题一样，首先还是在comments.php文件中的适当位置添加JavaScript代码。不过需要说明的是，因为iNove主题使用了语言文件，所以不能直接修改comments.php中如下代码的Submit Comment部分来为按钮添加Ctrl+Enter：</p>
<blockquote><p>&lt;input name=”submit” type=”submit” id=”submit” class=”button” tabindex=”5&#8243; value=”&lt;?php _e(&#8216;Submit Comment&#8217;, &#8216;inove&#8217;); ?&gt;” /&gt;</p></blockquote>
<p>我们需要修改iNove主题的语言文件，按照前面<a href="http://www.yueye.org/2009/some-experience-in-using-inove-second.html" target="_blank">iNove主题本地化的几点经验(二)</a>中第<span style="color: #ff0000;">10</span>部分所述的方法，打开iNove主题文件夹下languages子文件夹中的zh_CN.po文件，将其中的Submit Comment项的对应汉语修改为“提交评论(Ctrl+Enter)”：</p>
<p style="text-align: center;"><img class="aligncenter" title="为iNove主题快捷回复添加Ctrl+Enter快捷键" src="http://laiba.tianya.cn/laiba/images/615721/12391062070274084549/A/1/m.jpg" alt="" width="296" height="202" /></p>
<p>修改完毕之后，保存，然后用PO2MO工具，将修改后的po文件编译转换为mo文件，如此，即成功在iNove主题的提交评论按钮上添加了Ctrl+Enter字符。至此，我们成功为iNove主题回复评论添加了快捷键。如果是其他主题，则可能还需要修改CSS文件style.css，以防添加的文字撑破了按钮，但iNove主题的按钮好像打开了按钮宽度自适应文字长度的功能，从而使得我们无需修改CSS文件，也可保持按钮的美观。</p>
<p>在为你详细讲述了为WordPress主题添加Ctrl+Enter快捷回复功能之后，<a href="http://www.yueye.org">月夜</a>最后还要特别说明一点，在以上所有修改代码文件的过程中，如果添加了汉字，都需要将文件的编码方式修改为UTF-8，不然，在网页中会出现乱码。</p>
<p>好了，今天，月夜通过以上三个例子，为你介绍了为WordPress主题添加Ctrl+Enter快捷回复的三种情况，希望能对朋友们有所帮助；当然，如果你有什么经验，欢迎留言与月夜分享；或者有什么问题，也欢迎留言说明。在此，月夜先谢谢朋友们。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.yueye.org/2009/use-ctrl-enter-to-submit-comments-for-wordpress.html/feed</wfw:commentRss>
		<slash:comments>26</slash:comments>
		</item>
		<item>
		<title>iNove主题的两个失误及其解决方法</title>
		<link>http://www.yueye.org/2009/two-faults-and-solutions-of-inove.html</link>
		<comments>http://www.yueye.org/2009/two-faults-and-solutions-of-inove.html#comments</comments>
		<pubDate>Wed, 04 Mar 2009 13:31:07 +0000</pubDate>
		<dc:creator>月夜</dc:creator>
				<category><![CDATA[网站相关]]></category>
		<category><![CDATA[iNove]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[主题]]></category>

		<guid isPermaLink="false">http://www.yueye.org/?p=589</guid>
		<description><![CDATA[在前面的文章 iNove主题本地化的几点经验(一) 和 iNove主题本地化的几点经验(二) 中，月夜为你详细介绍了自己在将iNove主题本地化过程中的一些经验。但是，月夜在对其进行试用和修改过程中... ]]></description>
			<content:encoded><![CDATA[<p>在前面的文章 <a title="打开 iNove主题本地化的几点经验(一)" rel="bookmark" href="http://www.yueye.org/2009/some-experience-in-using-inove-first.html" onfocus="undefined">iNove主题本地化的几点经验(一)</a> 和 <a title="打开 iNove主题本地化的几点经验(二)" rel="bookmark" href="http://www.yueye.org/2009/some-experience-in-using-inove-second.html" onfocus="undefined">iNove主题本地化的几点经验(二)</a> 中，月夜为你详细介绍了自己在将iNove主题本地化过程中的一些经验。但是，月夜在对其进行试用和修改过程中也发现了其存在的两个问题，一个是评论翻页的链接问题；另一个就是首页显示文章摘要过程中的一个小BUG。当然，现在月夜已经找到了解决方案，已经顺利的解决了这些问题，因此，现在，月夜将这些经验与你分享，希望能对你有所帮助。</p>
<p><span style="color: #ff0000;">1.评论翻页链接错误</span></p>
<p>当然，如果要碰到评论翻页，你至少要有一篇评论数多于50条的文章。所幸，月夜有这个机会，因为月夜的<a class="a_singleh2" title="打开 WebQQ试用手记" rel="bookmark" href="http://www.yueye.org/2009/yueye-try-out-webqq.html" onfocus="undefined">WebQQ试用手记</a>一文获得了60多条评论，所以，月夜发现了这个问题。<span id="more-589"></span></p>
<p>当你进入文章页面之后，系统默认停留在评论的最后页，也就是评论的第二页，如下图所示，我们把鼠标悬停到第一页的链接上：</p>
<p style="text-align: center;"><img class="aligncenter" title="鼠标悬停" src="http://laiba.tianya.cn/laiba/images/615721/12361717770699495585/A/1/m.jpg" alt="" width="306" height="137" /></p>
<p>然后观察浏览器的状态栏，可以看到如下图所示的链接地址：</p>
<p style="text-align: center;"><img class="aligncenter" title="链接地址" src="http://laiba.tianya.cn/laiba/images/615721/12361717780839040924/A/1/m.jpg" alt="" width="642" height="52" /></p>
<p>从图中可以看出，其链接地址为：http://www.yueye.org/2009/yueye-try-out-webqq.htmlcomment-page-1#comments，点击，发现会跳到404页面，显然这个链接是错误的。</p>
<p>其实也很明显，在yueye-try-out-webqq.html和comment之间，缺少一个斜杠（/）。添加上去，点击链接就可以打开评论的第二页了。</p>
<p>但月夜才疏学浅，对PHP等网页设计语言知之甚少，并没能通过主题文件的程序来解决这一问题。在Google上搜索，发现可以偷懒通过修改永久链接来解决这一问题。如下图，我们在设置永久链接时，在永久链接的最后加上一个斜杠（/）：</p>
<p style="text-align: center;"><img class="aligncenter" title="修改永久连接" src="http://laiba.tianya.cn/laiba/images/615721/12361725151448030426/A/1/m.jpg" alt="" width="576" height="119" /></p>
<p>按照如上图的方式，在永久链接最后添加上斜杠以后，iNove的这个问题就解决了。</p>
<p>2.首页显示文章摘要的错误</p>
<p>使用iNove主题时，如果你的文章摘要部分是以引用（引用语，Blockquote）结束，则在首页、存档页等显示摘要时会出现如下图所示的情况：</p>
<p style="text-align: center;"><img class="aligncenter" title="iNove错误" src="http://laiba.tianya.cn/laiba/images/615721/12361717761121305004/A/1/m.jpg" alt="" width="434" height="334" /></p>
<p>如上图，摘要最后的作者、类别、标签等会被拉到引用（Blockquote）中显示。显然，这不是我们想要的。</p>
<p>修改的方法如下，找到主题文件夹下index.php文件，在其中第27行和第28行中间插入如下代码：</p>
<blockquote><p>&lt;/div&gt;<br />
&lt;div class=”content”&gt;</p>
</blockquote>
<p>即可修正首页的显示错误。当然，与此相应，你还应修改archive.php文件的内容。找到其中第52行和第53行，在其间插入如上代码。这样，我们就成功解决了这个问题，使得iNove主题的效果趋于完美。</p>
<p>亲爱的朋友，你在使用iNove主题时是否也发现了一些问题呢？你是否顺利解决了这些问题？欢迎你留言和月夜探讨，月夜谢谢你的支持！</p>
]]></content:encoded>
			<wfw:commentRss>http://www.yueye.org/2009/two-faults-and-solutions-of-inove.html/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>iNove主题本地化的几点经验(二)</title>
		<link>http://www.yueye.org/2009/some-experience-in-using-inove-second.html</link>
		<comments>http://www.yueye.org/2009/some-experience-in-using-inove-second.html#comments</comments>
		<pubDate>Wed, 04 Mar 2009 11:43:24 +0000</pubDate>
		<dc:creator>月夜</dc:creator>
				<category><![CDATA[网站相关]]></category>
		<category><![CDATA[iNove]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[主题]]></category>
		<category><![CDATA[网站建设]]></category>

		<guid isPermaLink="false">http://www.yueye.org/?p=585</guid>
		<description><![CDATA[在前面的文章 iNove主题本地化的几点经验(一)  中，月夜 为您介绍了自己在将iNove主题本地化时的一些经验，比如拓宽页面、修改字号、修改标题样式、添加postviews插件等等。本文，月夜将接着... ]]></description>
			<content:encoded><![CDATA[<p>在前面的文章 <a class="a_singleh2" title="打开 iNove主题本地化的几点经验(一)" rel="bookmark" href="http://www.yueye.org/2009/some-experience-in-using-inove-first.html" onfocus="undefined">iNove主题本地化的几点经验(一)</a>  中，<a href="http://www.yueye.org">月夜</a> 为您介绍了自己在将iNove主题本地化时的一些经验，比如拓宽页面、修改字号、修改标题样式、添加postviews插件等等。本文，月夜将接着上文中的话题，继续为您介绍我在iNove主题本地化中的其他一些经验。</p>
<p>与前文相同，月夜使用的iNove主题版本是1.2.3。而且，在我们修改主题文件时，所提及的文件以及文件信息依然指未修改前的绝对位置，而不指修改中的相对位置。<span id="more-585"></span></p>
<p><span style="color: #ff0000;">6.修改页面顶端代表首页的“小屋”图标</span></p>
<p><span style="color: #000000;">不知道诸位的感想如何，月夜对那个图标不是太满意，而且还太小，感觉很不醒目。因此月夜想换掉那个图标。</span></p>
<p><span style="color: #000000;">首先找到主题文件夹下img文件夹中的menu.gif图像，使用适当的工具将其上的“小屋”图标换成你想要的图形或文字，并大致估算一下新图标所占据的宽度。然后，我们打开style.css文件，找到其中第225行，将其修改为：</span></p>
<blockquote><p><span style="color: #000000;">width:80px;</span></p>
</blockquote>
<p><span style="color: #000000;">不过，你需要根据自己图标的宽度来适当修改此处的数值；当然，你也可以一点一点的修改，直到你的首页图标位置另你满意为止。</span></p>
<p><span style="color: #ff0000;">7.修改侧边栏为真正单栏</span></p>
<p><span style="color: #000000;">iNove主题的侧边栏是组织成四部分的，MG12称其为“东西南北”，但月夜觉得似乎更像是打升级的四个人。不管怎么说，月夜觉得中间的两栏并列并不是太好看，所以，就自作主张将其修改成了真正的单栏。</span></p>
<p><span style="color: #000000;">为了使侧边栏真正汉化，月夜将主题文件夹下sidebar.php文件中第65、67行两行中的Recent Posts和Random Posts分别修改为了最新文章和随机文章；将第92行的Recent Comments修改为了最新评论；第102行的Tag Cloud修改为了标签云；第119行的Categories修改为了文章分类；第135行的Archives修改为了文章存档；第153行的Meta修改为了功能。</span></p>
<p><span style="color: #000000;">然后，将sidebar.php文件的第114行删除；将其中第130行换为：</span></p>
<blockquote><p><span style="color: #000000;">&lt;div id=”centersidebar”&gt;</span></p>
</blockquote>
<p><span style="color: #000000;">接着将其中第142行删除。这样，我们就把侧边栏修改成了真正的单栏。不过需要注意的是，如果你在后台往主题上添加了小工具（Widget），则添加的小工具会显示在侧边栏的最上方；当然，你可以根据自己的需求来修改sidebar.php对侧边栏进行灵活定制。</span></p>
<p><span style="color: #ff0000;">8.在文章页添加上版权信息</span></p>
<p><span style="color: #000000;">在每一篇文章中都自动添加上一些版权信息，以提示网友在转载时注明出处。我们可以这样在iNove主题中实现。</span></p>
<p><span style="color: #000000;">首先打开style.css文件，在其中第485行之后，添加如下的三行代码：</span></p>
<blockquote><p><span style="color: #000000;">.reship{ float:left; width:99%; margin-bottom:20px; font-size:12px; }<br />
.reship p{ padding:0px 10px 0px 0px; text-align:right; color:#999999; border-right:1px dashed #BBBBBB; font-size:12px; }<br />
.reship a:link, .reship a:visited, .reship a:hover{ color:#999999; text-decoration:underline;}</span></p>
</blockquote>
<p><span style="color: #000000;">然后打开主题文件夹下的single.php文件，找到其中第27行，在其后面添加如下代码：</span></p>
<blockquote><p><span style="color: #000000;">&lt;div class=”reship”&gt;<br />
&lt;p&gt;转载原创文章请注明：文章转载自：&lt;strong&gt;&lt;?php bloginfo(&#8216;name&#8217;); ?&gt;&lt;/strong&gt; [&lt;a href="&lt;?php echo get_settings('home'); ?&gt;"&gt;&lt;?php echo get_settings('home'); ?&gt;&lt;/a&gt;]&lt;br /&gt;<br />
本文标题：&lt;?php the_title(); ?&gt;&lt;br /&gt;<br />
本文地址：&lt;a href=”&lt;?php the_permalink(); ?&gt;”&gt;&lt;?php the_permalink(); ?&gt;&lt;/a&gt; &lt;/p&gt;<br />
&lt;/div&gt;<br />
&lt;/div&gt;<br />
&lt;div class=”content”&gt;</span></p>
</blockquote>
<p><span style="color: #000000;">这样，我们就成功在博客每一篇文章的后面添加上了版权信息。当然，你也可以修改上面的代码来添加上属于自己的个性版权信息。</span></p>
<p><span style="color: #ff0000;">9.修改底部的一些信息</span></p>
<p><span style="color: #000000;">因为iNove主题的架构和一般主题略有不同，所以，这个看似简单的任务却略显复杂了。其实这里只不过通常主题目录下的footer.php变成了templates文件夹下的end.php，所以，我们只需修改这个文件即可。</span></p>
<p><span style="color: #000000;">修改左下角的WP logo，只需把img文件夹下的wp-logo.png修改为你想要的图形；当然，你需要注意背景色的一致性。</span></p>
<p><span style="color: #000000;">修改WP logo的链接，只需将如上所述的end.php的第4行修改为：</span></p>
<blockquote><p><span style="color: #000000;">&lt;a id=”powered” href=”&lt;?php bloginfo(&#8216;url&#8217;); ?&gt;/” title=”&lt;?php bloginfo(&#8216;description&#8217;); ?&gt;”&gt;&lt;?php bloginfo(&#8216;name&#8217;); ?&gt;&lt;/a&gt;</span></p>
</blockquote>
<p><span style="color: #000000;">这样，图像的链接就指向了你的站点首页；而且鼠标滑过图像时会显示你的网站描述信息。</span></p>
<p><span style="color: #000000;">修改页面底部你的站点名称为超链接形式，添加诸如备案信息等，则可以按照下面的方式。将end.php文件的第19、20行修改为：</span></p>
<blockquote><p><span style="color: #000000;">echo $copyright; ?&gt;<br />
&lt;a href=”&lt;?php bloginfo(&#8216;url&#8217;); ?&gt;/” title=”&lt;?php bloginfo(&#8216;description&#8217;); ?&gt;”&gt;&lt;?php bloginfo(&#8216;name&#8217;); ?&gt;&lt;/a&gt; &lt;a href=”<a href="http://www.miibeian.gov.cn/">http://www.miibeian.gov.cn/</a>” target=”_blank”&gt;备案中&lt;/a&gt; All rights reserved | Powered by &lt;a href=”<a href="http://www.wordpress.org/">http://www.wordpress.org/</a>” target=”_blank”&gt;Wordpress&lt;/a&gt;&lt;?php</span></p>
</blockquote>
<p><span style="color: #000000;">你应该能看懂上面的这些代码，如做改动，只需适当修改即可。需要提醒的一点是，任一个WordPress博客都应在站点底部保留WordPress的链接，请你不要忽略这点。至于其余的，比如将主题作者的链接修改为在新窗口中打开，则更是容易的事情了，在此，月夜也不再赘言。</span></p>
<p><span style="color: #ff0000;">10.修改主题中的一些文字</span></p>
<p><span style="color: #000000;">在iNove主题中，打开一个单独的页面之后，题目上方显示的是如“首页&gt;***”之类的链接信息，我们可以根据自己的喜好将其修改为如“月夜&gt;***”之类的形式。当然，我们也能修改页面中很多其他地方的文字，比如底部的“版权所有”、“置顶”等等。</span></p>
<p><span style="color: #000000;">首先打开主题文件夹下的languages文件夹，将其中的zh_CN.MO删除，然后用除记事本之外的其他程序，如Notepad2等打开，编辑相应的信息，如：</span></p>
<blockquote><p><span style="color: #000000;">将第477行修改为：msgstr “月夜”；将第481行修改为：msgstr “回到顶端”；等等。</span></p>
</blockquote>
<p><span style="color: #000000;">修改完毕之后，将其覆盖原来的文件保存。然后<a href="http://irxfxw.bay.livefilestore.com/y1pldI9HtzjQngnBszDOSH0i9Tuqlyyd29yMHsvgxqz1vYoaM6AHJc0gjYecJyStW5luGO6yue6TvjQpgidFzoB_Q/po%E4%B8%8Emo%E4%BA%92%E8%BD%AC%E5%B7%A5%E5%85%B7.rar" target="_blank">点此下载</a>一个PO和MO文件互转工具，打开该工具，将我们修改后的PO文件重新转换为MO文件，即完成了这些修改。</span></p>
<p><span style="color: #ff0000;">11.<span style="color: #ff0000;">其他的一些说明</span></span></p>
<p><span style="color: #000000;">修改iNove主题的头部黑色长条，可以直接修改主题文件夹下img文件夹中的header_footer.jpeg图像的上半部分。</span></p>
<p><span style="color: #000000;">最后，月夜特别说明一点，在修改上面的所有代码时，你都要保证代码文件的编码方式是UTF-8，否则，如果出现汉字，则会显示为乱码！</span></p>
<p><span style="color: #000000;">好了，至此，月夜已经将自己在使用iNove主题中的一些经验全部分享给了你，你在使用iNove主题时还碰到过什么样的问题？你在使用iNove主题时还有过什么好的经验方法？欢迎留言指出，月夜谢谢你的支持！</span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.yueye.org/2009/some-experience-in-using-inove-second.html/feed</wfw:commentRss>
		<slash:comments>23</slash:comments>
		</item>
		<item>
		<title>iNove主题本地化的几点经验(一)</title>
		<link>http://www.yueye.org/2009/some-experience-in-using-inove-first.html</link>
		<comments>http://www.yueye.org/2009/some-experience-in-using-inove-first.html#comments</comments>
		<pubDate>Wed, 04 Mar 2009 09:51:04 +0000</pubDate>
		<dc:creator>月夜</dc:creator>
				<category><![CDATA[网站相关]]></category>
		<category><![CDATA[iNove]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[主题]]></category>
		<category><![CDATA[网站建设]]></category>

		<guid isPermaLink="false">http://www.yueye.org/?p=581</guid>
		<description><![CDATA[如前文 月夜WordPress主题稍作修改 所述，月夜 最近在建立一个新的专业博客，而为了省事儿，在新的博客上使用了现在比较流行、功能又比较强大的iNove主题。尽管主题已经比较强大，但月夜... ]]></description>
			<content:encoded><![CDATA[<p>如前文 <a title="打开 月夜WordPress主题稍作修改" rel="bookmark" href="http://www.yueye.org/2009/yueye-modify-wordpress-theme.html" onfocus="undefined">月夜WordPress主题稍作修改</a> 所述，<a href="http://www.yueye.org">月夜</a> 最近在建立一个新的专业博客，而为了省事儿，在新的博客上使用了现在比较流行、功能又比较强大的iNove主题。尽管主题已经比较强大，但月夜还是按照习惯在使用前将其进行了简单的本地化。因为现在使用iNove主题的朋友比较多，月夜将自己的一点经验分享出来，希望能给后来者带一点方便。</p>
<p>在进行下面的叙述前，月夜先说明一下，我们使用的iNove主题版本是1.2.3。还需说明的一点是，在下面的修改中，所提及的文件以及文件信息均以未修改前的绝对位置为准，而不指修改中的相对位置。<span id="more-581"></span></p>
<p><span style="color: #ff0000;">1.拓宽整个页面</span></p>
<p>iNove主题本来的页面宽度只有936px，在当今主流分辨率均超过1280&#215;1024的屏幕上显得比较浪费空间；而且文章页面的宽度太窄就没法插入相对较大的图片。因此，月夜就将主体稍微进行了一些拓展，扩展到了980px；与此相应，修改左侧文章页的宽度为649px（此处是为了给侧边栏的分界线留下空隙），侧边栏保持300px不变。</p>
<p>修改的主题文件夹下style.css文件的代码如下：</p>
<blockquote><p>修改第151行为：width:980px;<br />
修改第309行为：width:649px;</p>
</blockquote>
<p>当然，与此相应，就要修改主题文件夹中img文件夹下的header_footer.jpeg文件的宽度，将其修改到与新的主体宽度对齐；而其中的light.gif，如果要求不高，则可以不做修改（当然，你也可以进行修改以使其更完美）。</p>
<p><span style="color: #ff0000;">2.修改文章字体字号</span></p>
<p>iNove主题中文章字体的字号实在太小，给网友访问阅读文章带来一些不便，所以下面我们将其字体稍微修改加大一些。</p>
<p>同样是修改style.css文件：</p>
<blockquote><p>修改第24行为：font-size:14px;<br />
修改第496行为：font-size:14px;<br />
修改第611行为：font-size:14px;</p>
</blockquote>
<p>但因为其中如首页、存档页等页面上文章标题下方的阅读评论、文章发布日期等的字号没有太大影响，所以没有修改。</p>
<p><span style="color: #ff0000;">3.修改博客题目和描述样式</span></p>
<p><span style="color: #000000;">iNove主题的博客名和博客描述显示效果让很多人感觉不是太满意，毕竟很少有人愿意去做像MG12的那种题目效果。月夜试着稍作修改：</span></p>
<blockquote><p><span style="color: #000000;">修改第162行为：padding:15px 30px 21px;<br />
从第172行开始添加：font-size:32px;font-weight:bolder;<br />
从第164行开始添加：#caption a { color:#FFF; font-size:24px; }<br />
将第185-192行的模块注释掉（或者删掉）;</span></p>
</blockquote>
<p><span style="color: #000000;">接着，我们打开主题文件夹下templates文件夹下面的header.php文件，将其中的第5行修改为：</span></p>
<blockquote><p><span style="color: #000000;">&lt;a href=”&lt;?php bloginfo(&#8216;url&#8217;); ?&gt;/about”&gt;&lt;?php bloginfo(&#8216;description&#8217;); ?&gt;&lt;/a&gt;</span></p>
</blockquote>
<p><span style="color: #000000;">当然，你也可以适当修改如上的描述文字指向的页面（月夜指向的是关于页面）。</span></p>
<p><span style="color: #ff0000;">4.修改页面的title</span></p>
<p><span style="color: #000000;">很多人有修改新主题title以使得更改主题前后网页页面的title保持一致。iNove主题的title在templates文件夹下start.php文件的第42行，你可以根据自己的需要将其修改为自己想要的形式。月夜修改的代码如下：</span></p>
<blockquote><p><span style="color: #000000;">&lt;title&gt;<br />
&lt;?php if (is_home() ) { ?&gt;<br />
&lt;?php } else {?&gt;<br />
&lt;?php wp_title(”); ?&gt;  | &lt;?php } ?&gt;<br />
&lt;?php bloginfo(&#8216;name&#8217;); ?&gt; &#8211; &lt;?php bloginfo(&#8216;description&#8217;); ?&gt;<br />
&lt;/title&gt;</span></p>
</blockquote>
<p><span style="color: #000000;">显示的效果是这样的：iNove主题本地化的几点经验 | 月夜 &#8211; 分享网络知识 · 享受快乐生活。</span></p>
<p><span style="color: #ff0000;">5.添加postviews插件</span></p>
<p><span style="color: #000000;">wp-postviews插件能够记录并显示你的博文被阅读的次数，以方便访客查看你最受欢迎的文章，很多朋友都在使用，当然，月夜也不例外。下面我们说说如何在iNove主题上添加postviews显示的阅读次数。</span></p>
<p><span style="color: #000000;">首先在style.css文件中第341行插入</span></p>
<blockquote><p><span style="color: #000000;">.post .postviews,</span></p>
</blockquote>
<p><span style="color: #000000;">接着在文件的第377行插入</span></p>
<blockquote><p><span style="color: #000000;">.post .postviews {<br />
background-position:0 -16px;<br />
float:left;<br />
}</span></p>
</blockquote>
<p><span style="color: #000000;">在主题文件夹下的index.php文件第19行之后插入：</span></p>
<blockquote><p><span style="color: #000000;">&lt;span class=”postviews”&gt;&lt;?php if(function_exists(&#8216;the_views&#8217;)) { the_views(); } ?&gt;&lt;/span&gt;</span></p>
</blockquote>
<p><span style="color: #000000;">与此相同，我们也需要在应该显示阅读次数的诸如存档页面，分类页面，标签页面等所对应的archive.php文件的相应位置添加上上面的代码。</span></p>
<p><span style="color: #000000;">好了，关于iNove主题本地化的问题，月夜先为您介绍到这里。更多经验，请继续关注月夜为你讲述的<a href="http://www.yueye.org/2009/some-experience-in-using-inove-second.html" target="_self">iNove主题本地化的几点经验(二)</a>。当然，月夜也欢迎您留言与月夜分享您在使用这款主题中的各种经验，在此，月夜先谢谢您！</span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.yueye.org/2009/some-experience-in-using-inove-first.html/feed</wfw:commentRss>
		<slash:comments>42</slash:comments>
		</item>
	</channel>
</rss>

