<?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>李清海&#039;s blog &#187; hack</title>
	<atom:link href="http://www.liqinghai.com/tag/hack/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.liqinghai.com</link>
	<description>Just another wordpress weblog</description>
	<lastBuildDate>Tue, 08 Jun 2010 06:14:04 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
	
<!-- Start Of Script Generated By WP-PostViews Plus -->
<script type='text/javascript' src='http://www.liqinghai.com/wp-includes/js/jquery/jquery.js?ver=1.4.2'></script>
<script type="text/javascript">
/* <![CDATA[ */
/* ]]> */
</script>
<!-- End Of Script Generated By WP-PostViews Plus -->
	<item>
		<title>为WordPress增加自定义登录页面</title>
		<link>http://www.liqinghai.com/how-to-add-a-custom-box-at-the-login-page/</link>
		<comments>http://www.liqinghai.com/how-to-add-a-custom-box-at-the-login-page/#comments</comments>
		<pubDate>Wed, 01 Jul 2009 11:56:20 +0000</pubDate>
		<dc:creator>grubylee</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[hack]]></category>
		<category><![CDATA[login]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.liqinghai.com/?p=33</guid>
		<description><![CDATA[最近忙于应付考试，博客都没有更新了，发现了Alex的一篇文章，分享给大家…… If you wanna English tutorial, please visit How to add a custom box at the login page 如果用户不小心进入了你的后台登录页面，一个不错的登录页面可能使用户返回到你的首页。怎样才能让用户觉得这不仅仅是一个错误的页面呢？怎样才能达到如图的效果呢？ The Examples [Live Demo] 修改方法: 你可以通过修改wp-login.php更换登录框下边的信息，然后修改css文件控制它的样式。 打开wp-login.php. 删除495行 (WP 2.8+ 请删除 530行),同时增加如下代码: Looking for posts? Go back to &#60;a href=&#34;http://yourdomainname.com/&#34;&#62;my homepage.&#60;/a&#62; 请自行修改p标签里之间的内容。 保存并关闭 wp-login.php 上传并替换WordPress 根目录的wp-login.php. 完成了，刷新看看吧! 以下是例子中自定义提示信息颜色的方法： 重新打开wp-login.php 找到495行 (WP 2.8+ 请找到530行)并增加 Looking for posts? [...]]]></description>
			<content:encoded><![CDATA[<p>最近忙于应付考试，博客都没有更新了，发现了<a href="http://finkaboutit.com/">Alex</a>的一篇文章，分享给大家……</p>
<p>If you wanna English tutorial, please visit <a href="http://finkaboutit.com/2009/how-to-add-a-custom-box-at-the-login-page/">How to add a custom box at the login page</a></p>
<p>如果用户不小心进入了你的后台登录页面，一个不错的登录页面可能使用户返回到你的首页。怎样才能让用户觉得这不仅仅是一个错误的页面呢？怎样才能达到如图的效果呢？</p>
<p><span id="more-33"></span></p>
<h3>The Examples</h3>
<p><a href="http://pic.liqinghai.com//2009/07/custom_login_example1.gif"><img class="alignnone size-medium wp-image-38" title="custom_login_example1" src="http://pic.liqinghai.com//2009/07/custom_login_example1-264x300.gif" alt="custom_login_example1" width="264" height="300" /></a><a href="http://pic.liqinghai.com//2009/07/custom_login_example2.gif"><img class="alignnone size-medium wp-image-37" title="custom_login_example2" src="http://pic.liqinghai.com//2009/07/custom_login_example2-257x300.gif" alt="custom_login_example2" width="257" height="300" /></a><br />
[<a href="http://finkaboutit.com/wp-login.php" target="_blank">Live Demo</a>]</p>
<h3>修改方法:</h3>
<p>你可以通过修改<code>wp-login.php</code>更换登录框下边的信息，然后修改css文件控制它的样式。</p>
<ol>
<li>打开<code>wp-login.php</code>.</li>
<li>删除495行 (WP 2.8+ 请删除 530行),同时增加如下代码:

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;"> Looking for posts? Go back to &lt;a href=&quot;http://yourdomainname.com/&quot;&gt;my homepage.&lt;/a&gt;</pre></div></div>

<p>请自行修改p标签里之间的内容。</li>
<li>保存并关闭 <code>wp-login.php</code></li>
<li>上传并替换WordPress 根目录的<code>wp-login.php</code>.</li>
<li>完成了，刷新看看吧!</li>
</ol>
<p><strong>以下是例子中自定义提示信息颜色的方法：</strong></p>
<ol>
<li>重新打开<code>wp-login.php</code></li>
<li>找到495行 (WP 2.8+ 请找到530行)并增加

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">Looking for posts? Go back to &lt;a href=&quot;http://yourdomainname.com/&quot;&gt;my homepage.&lt;/a&gt;</pre></div></div>

</li>
<li>保存并上传到WordPress根目录.</li>
<li>打开 wp-admin/css中的<code>login.css</code>.</li>
<li>找到94行，在后面增加如下代码:

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #6666ff;">.message2</span>
<span style="color: #00AA00;">&#123;</span>
<span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span> <span style="color: #cc66cc;">0</span> <span style="color: #933;">16px</span> <span style="color: #933;">8px</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">border-width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">12px</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> &lt;strong<span style="color: #00AA00;">&gt;</span><span style="color: #cc00cc;">#F98C8C</span>&lt;/strong<span style="color: #00AA00;">&gt;;</span>
<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> &lt;strong<span style="color: #00AA00;">&gt;</span><span style="color: #cc00cc;">#FFF0F0</span>&lt;/strong<span style="color: #00AA00;">&gt;;</span>
-moz-border-radius<span style="color: #00AA00;">:</span> <span style="color: #933;">3px</span><span style="color: #00AA00;">;</span>
-khtml-border-radius<span style="color: #00AA00;">:</span> <span style="color: #933;">3px</span><span style="color: #00AA00;">;</span>
-webkit-border-radius<span style="color: #00AA00;">:</span> <span style="color: #933;">3px</span><span style="color: #00AA00;">;</span>
border-radius<span style="color: #00AA00;">:</span> <span style="color: #933;">3px</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></div></div>

<p align="left">大胆的改变上面的代码，你可以自定义登录信息方框的颜色.例子的代码可以使你的登录信息框变成红色。</p>
</li>
<li>保存并上传login.css到wp-admin/css目录.</li>
<li>完成!</li>
</ol>
<p>同时你可以修改wp-admin/images目录的logo-login.gif图片定义个性化的login-logo.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.liqinghai.com/how-to-add-a-custom-box-at-the-login-page/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>
