<?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>左岸读书_blog &#187; 主题</title>
	<atom:link href="http://www.zreading.cn/archives/tag/%e4%b8%bb%e9%a2%98/feed" rel="self" type="application/rss+xml" />
	<link>http://www.zreading.cn</link>
	<description>一切成功均源自积累！</description>
	<lastBuildDate>Thu, 09 Feb 2012 11:21:34 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>WordPress主题制作完全指南</title>
		<link>http://www.zreading.cn/archives/449.html</link>
		<comments>http://www.zreading.cn/archives/449.html#comments</comments>
		<pubDate>Sat, 17 Jan 2009 13:30:35 +0000</pubDate>
		<dc:creator>左岸</dc:creator>
				<category><![CDATA[my_teaching]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[主题]]></category>

		<guid isPermaLink="false">http://www.zreading.cn/?p=449</guid>
		<description><![CDATA[自己是喜欢换主题的人，就在写博客的最初阶段，自己用的是sablog程序，会换成WordPress，也是因为它的主题用也用不完。可是，后来，我发现，即使拥有这么多免费的主题，还是很难找到一个完全适合一自己口味和品位的主题。所以，开始尝试找一些如何制作Wordpress 主题的教程。当然，很可惜，没有找到。找到的也写得很不全面，只能一直自已摸索。]]></description>
			<content:encoded><![CDATA[<div class="tpost">
<p style="text-align: center;"><strong>WordPress主题制作完全指南[作者：<a href="http://www.happinesz.cn/" target="_blank">幸福的收藏夹</a>]</strong></p>
<p>自己是喜欢换主题的人，就在写博客的最初阶段，自己用的是sablog程序，会换成<a href="http://www.happinesz.cn/archives/tag/wordpress/">WordPress</a>，也是因为它的主题用也用不完。可是，后来，我发现，即使拥有这么多免费的主题，还是很难找到一个完全适合一自己口味和品位的主题。所以，开始尝试找一些如何制作Wordpress<a href="http://www.happinesz.cn/archives/tag/theme/"> 主题</a>的教程。当然，很可惜，没有找到。找到的也写得很不全面，只能一直自已摸索。</p>
<p>今天，我准备写这样的一个教程。把如何制作一个Wordpress主题的主要知识全部介绍给你。或者，更确切地说，我会把主要的方法和工具，加上一 些必要的技术介绍给你，让你拥有最必要资源、省更多的时间，而更轻松创建一个Wordpress主题。一般情况下，你会想，我是不是有能力创建一个 WordPress主题？下面是适合的群体，即所有有兴趣的人都是可以的，这里的教程会让你成功的：</p></div>
<ol>
<li>懂得<a href="http://www.happinesz.cn/archives/tag/css/">CSS</a>，但不熟悉Wordpress主题的；</li>
<li>不懂CSS，但有兴趣，并且会争取实现的；</li>
<li>不想写一个完整的主题，但想把别人的主题修改得漂亮的。</li>
</ol>
<p class="tpost">让我们先来看一个列出你可能需要的一些东西吧，下面会全面介绍这些：</p>
<ol>
<li>WordPress本地调试工具：下载地址：<a href="http://www.skycn.com/soft/27334.html" target="_blank">Xampp</a> 或 <a href="http://www.skycn.com/soft/17714.html" target="_blank">EasyPHP</a> ；</li>
<li>WordPress程序，下载请到：<a href="http://wordpress.org/download/" target="_blank">WordPress Download</a>；</li>
<li>基本的CSS知识，如果不想看书，这里是非常好的学习地方：<a href="http://www.w3school.com.cn/css/index.asp" target="_blank">CSS教程</a>；</li>
<li>WordPress主题制作电子书：<a href="http://www.happinesz.cn/file/WPtheme.pdf">Download  it</a>；</li>
<li>可以让你节省时间的空白主题；</li>
<li>相关的代码+函数；</li>
<li>完善你的WordPress主题；</li>
<li>网页制作的浏览器和调工具；</li>
<li>推荐几个创作灵感的CSS Gallery</li>
</ol>
<p class="tpost">OK，让我们一个一个来介绍吧：</p>
<ol>
<li>
<h3>WordPress本地调试工具</h3>
<p><strong>Xampp</strong>，当然，最重要的是事是你已经下载了它。基本上，你只要一直按”下一步”就可以了。然后，把你的wordpress放在htdos这个文件里面。然后访问：<a href="http://localhost/phpmyadmin/">http://localhost/phpmyadmin/</a>，创建一个数据库。打开wp文件夹里面的wp-config-simple.php修改里面面的必要信息。打开  <a href="http://localhost/wordpress/">http://localhost/wordpress/</a>就可以安装了。</p>
<p><strong>EasyPHP</strong> ，这个更容易了，我推荐新手使用这个。安装还是一直按”下一步”就得了。然后把你的wordpress文件夹放在，www这个文件夹里，访问<a href="http://localhost/mysql/">http://localhost/mysql/</a>创建数据库。打开<a href="http://localhost/">http://localhost/</a>，这就可以看到你的WP了。然后，安装WP，跟上面一样。</p>
<p><strong>Notice:</strong> 需要注意的是像迅雷之类的工具，会占用端口，最好关了它们，启动这两个软件的随便一个后，再启用这些工具，可以共享的。</li>
<li>
<h3>WordPress程序</h3>
<p>英文版的可以在官方下载，上面的下载链接也是英文版的，了解更多？那么，移步WordPress.ORG吧；</p>
<p>中文汉化的可以看：<a href="http://code.google.com/p/wpcn/downloads/list">WP中文团队汉化版</a></li>
<li>
<h3>基本的CSS知识</h3>
<p>在<a href="http://www.w3school.com.cn/css/index.asp" target="_blank">CSS教程</a>这 个站里面，可以让你不费力地学习CSS，还有HTML/xHTML/XML等。最重要的是有实例，这样可以让你轻松理解。虽然我自己是看书学习的，但我 想，这里或许会更适合你。如果是看书的话，我推荐你看两本。不过，是在有一些CSS基础看的。第一本是：《CSS网站布局实录》科学出版社；第二本是《精 通CSS》，人民邮电出版社。</li>
<li>
<h3>WordPress制作电子书</h3>
<p>这是一本由WPdesigner.com的small potato写的教程。原文是英文的，<a href="http://www.happinesz.cn/archives/427/rel=">Denis翻译</a>了，也就是我爱水煮鱼的中文版本，我想，这对于中文用户更有用。但，有时候，翻译会有一些理解上的困难。所以，建议你对比英文版的看。那样可以让你更确切地了解每个细节。中文版的在上面那个链接已经提供下载，英文的请移步至：  <a href="http://www.wpdesigner.com/2007/02/19/so-you-want-to-create-wordpress-themes-huh/">WPdesigner Version</a>。</p>
<p>如果你想要更高级的指南，请看：<a href="http://parandroid.com/proficient-wordpress-guide-series-1-proficient-with-the-skills-wordpress-theme-hacks/">精通Wordpress主题</a> 。</li>
<li>
<h3>WordPress空白主题</h3>
<p>或许你从来未听过这个，或者已经看过，只是感觉他们太难看了，所以没有过多地关注。甚至认为，这么垃圾的主题，怎么还放出来下载呢？呵呵，事实上，这些是真正的高手才能做到的。OK，废话太多了，下载吧！首选当然是结构良好的Sandbox，请看：<a title="Permanent Link to WordPress主题制作新手必备品: Sandbox Theme" rel="bookmark" href="http://www.happinesz.cn/archives/406/">WordPress主题制作新手必备品: Sandbox Theme</a>；备选的是，<a href="http://www.texto.de/texto/wordpress-theme-vorlage/2/">WordPress Blank Theme</a>（<a href="http://www.texto.de/count/downloadcounter.php?stwc_cz=1&amp;stwc_id=3">Download</a>）。而无论如何，这些会让你省力，特别是作为一个新手。不过，创建自己最具特色的主题，还是需要自己把这些主题的结构作一些变化的，最好是自己重写一个。</li>
<li>
<h3>相关的代码和函数</h3>
<p>最重要的是：<a href="http://codex.wordpress.org/Template_Tags">WordPress Template  Tags</a>，这里可以找到你需要所有函数，我想，没有比这个在找代码这方面，更能帮助到你的。更多的可以看：<a title="Permanent Link to WPer必备：汇编大量Wordpress代码" rel="bookmark" href="http://www.happinesz.cn/archives/410/">WPer必备：汇编大量Wordpress代码</a>。</li>
<li>
<h3>完善你的WordPress主题</h3>
<p>或许你想做一个CMS主题，或者一个Magazine主题。但总找不到一所需要的技术。你想为你的博客添加Ajax功能的评论，但你没有不知道怎么做。这里会教你怎么完成的：</p>
<ul>
<li><a href="http://smartr.cn/wordpress/adding-post-picture-with-wordpress-custum-fields-part-1.html">WordPress自定义字段添加日志图片</a> // Magazine主题必备知识</li>
<li><span class="related_post"><a title="WordPress打造CMS教程(一):方案设计" href="http://e-spacy.com/blog/wordpress-cms-guide-1-concept/">WordPress打造CMS教程</a> // CMS的强力教程</span></li>
<li><span class="related_post"><a title="Permanent Link to 如何让Wordpress实现文章的自动截断" rel="bookmark" href="http://www.happinesz.cn/archives/424/">如何让Wordpress实现文章的自动截断</a> //更好地控制版面的显示</span></li>
<li><span class="related_post"><a title="Permanent Link to 如何为你的主题添加Ajax评论功能" rel="bookmark" href="http://www.happinesz.cn/archives/423/">如何为你的主题添加Ajax评论功能</a> // 让你的主题更流行/有特色</span></li>
<li><span class="related_post"><a title="Permanent Link to 11个Wordpress技巧" rel="bookmark" href="http://www.happinesz.cn/archives/412/">11个Wordpress技巧</a> // 更安全的主题?</span></li>
<li><span class="related_post"><a title="Permanent Link to 为博客作语义网标记的权威指南" rel="bookmark" href="http://www.happinesz.cn/archives/402/">为博客作语义网标记的权威指南</a> // 更良好的结构标记</span></li>
<li><span class="related_post"><a title="Permanent Link to 如何制作Wordpress日期按钮" rel="bookmark" href="http://www.happinesz.cn/archives/399/">如何制作Wordpress日期按钮</a> // 用于装饰吧</span></li>
<li><span class="related_post"><a title="Permanent Link to 利用 xHtml Sitemap SEO" rel="bookmark" href="http://www.happinesz.cn/archives/335/">利用  xHtml Sitemap SEO</a> // 你或许会喜欢这这样的页面</span></li>
<li><span class="related_post"><a title="Permanent Link to 超酷Ajax缓冲的滑动效果Box" rel="bookmark" href="http://www.happinesz.cn/archives/332/">超酷Ajax缓冲的滑动效果Box</a> // Ajax很流行吧</span></li>
<li><span class="related_post"><a title="Permanent Link to WordPress SEO 完全解读" rel="bookmark" href="http://www.happinesz.cn/archives/318/">WordPress SEO 完全解读</a> // 完美WP SEO指南</span></li>
<li><span class="related_post"><a title="Permanent Link to 16+套免费的网页小图标" rel="bookmark" href="http://www.happinesz.cn/archives/417/">16+套免费的网页小图标</a> // 美化必备</span></li>
</ul>
</li>
<li>
<h3>网页制作的浏览器和调工具</h3>
<p>你已经写出了代码，把一个基本的结构写了出来。到这个时候，应该是最难的地方了。特别是对于新手，你不知道怎样调试你的CSS，不知道怎么让它更好地适应不同的浏览器。那么，你更需要下面这些工具了：</p>
<ul>
<li>主流的浏览器：IE / <a href="http://www.mozilla.org.cn/">Firefox</a>/ <a href="http://cn.opera.com/">Opera</a>/ <a href="http://www.apple.com.cn/Safari/">Safari</a></li>
<li>IE多版本共存工具：<a href="http://www.my-debugbar.com/wiki/IETester/HomePage">IE  tester</a>，集IE5.5/6.0/7.0/8.0beta于一身的工具；备选：<a href="http://www.crsky.com/soft/10433.html">Multiple IE</a></li>
<li>Firefox强力扩展：<a href="http://addons.mozilla.org/firefox/addon/1843">Firebug</a> &amp; <a href="https://addons.mozilla.org/firefox/addon/60">Web  developer</a>，功能有点重复，不过，我喜欢一起用</li>
</ul>
</li>
<li>
<h3>推荐几个创作灵感的CSS Gallery</h3>
<p>这里是我喜欢的，但我不知道你是否能从真正的意义上把它们当作一种资源。呵呵，无论如何，记住，一句就可以了：<span style="text-decoration: underline;">别人的不一定好过你，但或许跟你不同</span>。这个理由已经足够让你好好学习了吧，^,^…</p>
<ul>
<li><a href="http://themes.wordpress.net/">Theme Viewer</a> // 还有比这个更权威的WP主题站？封了？</li>
<li><a href="http://cssmania.com/">CSS  Mania</a> // 这是我最喜欢的CSS Gallery</li>
<li><a href="http://www.w3csites.com/">W3c Sites</a> // 第二喜欢的CSS Gallery</li>
<li><a title="Permanent Link: 100 Premium WordPress Themes &amp; Downloads" rel="bookmark" href="http://www.happinesz.cn/archives/426/">100 Premium WordPress Themes &amp; Download</a> //这个肯定让你兴奋，最优秀的WP主题</li>
</ul>
</li>
</ol>
<p class="tpost">或许这不是最全面的，但我相信是最重要的。我已经把最主要的都给你列出来了。也已经足够你学上好几个月了。如果这些你都学会了。而且懂得利用了，哪，或许那些优秀的主题列表中，已经有了你的名单。当然，别忘记了，继续关注<a href="http://www.happinesz.cn/">幸福收藏夹</a>，继续支持<a href="http://www.happinesz.cn/archives/author/admin/">sofish</a>。我会给你更多更优秀的东西。</p>
<p class="tpost">
<p class="tpost">相关阅读：</p>
<ul class="related_post" style="width: auto; height: 120px;">
<li><a title="如何让文章像你想要的方式显示（初级）" href="http://www.happinesz.cn/archives/459/">如何让文章像你想要的方式显示（初级）</a></li>
<li><a title="博客中CMS主题是怎样的?" href="http://www.happinesz.cn/archives/458/">博客中CMS主题是怎样的?</a></li>
<li><a title="告诉你如何做一个CMS型Wordpress主题" href="http://www.happinesz.cn/archives/457/">告诉你如何做一个CMS型Wordpress主题</a></li>
<li><a title="有用，但很少被用到的Wordpress技巧" href="http://www.happinesz.cn/archives/415/">有用，但很少被用到的Wordpress技巧</a></li>
<li><a title="Wordpress主题制作新手必备品: Sandbox Theme" href="http://www.happinesz.cn/archives/406/">WordPress主题制作新手必备品: Sandbox Theme</a></li>
</ul>
<hr size="1"/>
赞助商：<br/>
<a href="http://yaqin.taobao.com/" target="_blank"><img src="http://img03.taobaocdn.com/imgextra/i3/47704290/T2URaXXb8aXXXXXXXX_!!47704290.jpg" alt="药师雅亲" width="468" height="90" /></a>
<br/>
<img src="http://nojsstats.appspot.com/UA-8965045-1/zreading.cn" alt="" />
说明：<br/>
1. <A href="http://zreading.cn/" target=_blank><FONT color=#0000ff>左岸读书_blog</FONT></A> by&nbsp;左岸 © 2008-2012 致力于美好的读书体验。<br/>
2. 手机访问：<a href="http://wap.zreading.cn" target="_blank" title="用手机阅读(Reading in Mobile phone)">http://wap.zreading.cn</a><br/>
3. 新年新增：<a href="http://www.zreading.net" target="_blank" title="人生旅图">人生旅图</a>和<a href="http://www.zreading.net/lenzhishi" target="_blank" title="冷知识">冷知识</a><br/>
4. 微博：<a href="http://weibo.com/zreading" target="_blank" title="http://weibo.com/zreading">http://weibo.com/zreading</a><br/>
5. 购买博客广告位：<a href="http://www.zreading.cn/about#ad" title="看了会心动!" target="_blank">点击这里……</a><br/>
6. <img src="http://s12.sitemeter.com/meter.asp?site=s12zxfclz" alt="Site Meter" border="0"/> </small><h3  class="related_post_title">也许您还喜欢这些：</h3><ul class="related_post"><li><a href="http://www.zreading.cn/archives/1204.html" title="不用任何插件实现 WordPress 的彩色标签云">不用任何插件实现 WordPress 的彩色标签云</a></li><li><a href="http://www.zreading.cn/archives/1201.html" title="安装 WordPress 之后应作的10件事">安装 WordPress 之后应作的10件事</a></li><li><a href="http://www.zreading.cn/archives/1167.html" title=" Wordpress 的 .htaccess 规则"> Wordpress 的 .htaccess 规则</a></li><li><a href="http://www.zreading.cn/archives/1132.html" title="WordPress如何注册安装Text Links Ads">WordPress如何注册安装Text Links Ads</a></li><li><a href="http://www.zreading.cn/archives/1106.html" title="Wordpress博客Robots.txt的写法">Wordpress博客Robots.txt的写法</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.zreading.cn/archives/449.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

