<?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; 制作</title>
	<atom:link href="http://www.augcy.com/tag/%e5%88%b6%e4%bd%9c/feed" rel="self" type="application/rss+xml" />
	<link>http://www.augcy.com</link>
	<description>我年华虚度 空有一身疲倦</description>
	<lastBuildDate>Wed, 18 Aug 2010 18:05:58 +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>WordPress主题制作完全指南 [转贴]</title>
		<link>http://www.augcy.com/2008/06/378</link>
		<comments>http://www.augcy.com/2008/06/378#comments</comments>
		<pubDate>Fri, 13 Jun 2008 15:27:25 +0000</pubDate>
		<dc:creator>alligator</dc:creator>
				<category><![CDATA[睡前醒后]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[主题]]></category>
		<category><![CDATA[制作]]></category>
		<category><![CDATA[教程]]></category>
		<category><![CDATA[模板]]></category>

		<guid isPermaLink="false">http://www.augcy.com/2008/06/378</guid>
		<description><![CDATA[&#160;来自：幸福收藏夹&#160; 自己是喜欢换主题的人，就在写博客的最初阶段，自己用的是sablog程序，会换成WordPress，也是因为它的主题用也用不完。可是，后来，我发现，即使拥有这么多免费... ]]></description>
			<content:encoded><![CDATA[<p>&#160;<a href="http://www.happinesz.cn/" target="_blank">来自：幸福收藏夹</a>&#160;</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>
<p> <span id="more-378"></span>
<ol>
<li>懂得<a href="http://www.happinesz.cn/archives/tag/css/">CSS</a>，但不熟悉Wordpress主题的； </li>
<li>不懂CSS，但有兴趣，并且会争取实现的； </li>
<li>不想写一个完整的主题，但想把别人的主题修改得漂亮的。 </li>
</ol>
<p>让我们先来看一个列出你可能需要的一些东西吧，下面会全面介绍这些：</p>
<ol>
<li>WordPress本地调试工具：下载地址：<a href="http://www.skycn.com/soft/27334.html">Xampp</a> 或 <a href="http://www.skycn.com/soft/17714.html">EasyPHP</a> ； </li>
<li>WordPress程序，下载请到：<a href="http://wordpress.org/download/">WordPress Download</a>； </li>
<li>基本的CSS知识，如果不想看书，这里是非常好的学习地方：<a href="http://www.w3school.com.cn/css/index.asp">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>OK，让我们一个一个来介绍吧：</p>
<ol>
<li>
<h5>WordPress本地调试工具</h5>
<p><strong>Xampp</strong>，当然，最重要的是事是你已经下载了它。基本上，你只要一直按&quot;下一步&quot;就可以了。然后，把你的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> ，这个更容易了，我推荐新手使用这个。安装还是一直按&quot;下一步&quot;就得了。然后把你的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> 需要注意的是像迅雷之类的工具，会占用端口，最好关了它们，启动这两个软件的随便一个后，再启用这些工具，可以共享的。</p>
</li>
<li>
<h5>WordPress程序</h5>
<p>英文版的可以在官方下载，上面的下载链接也是英文版的，了解更多？那么，移步WordPress.ORG吧；</p>
<p>中文汉化的可以看：<a href="http://code.google.com/p/wpcn/downloads/list">WP中文团队汉化版</a></p>
</li>
<li>
<h5>基本的CSS知识</h5>
<p>在<a href="http://www.w3school.com.cn/css/index.asp">CSS教程</a>这个站里面，可以让你不费力地学习CSS，还有HTML/xHTML/XML等。最重要的是有实例，这样可以让你轻松理解。虽然我自己是看书学习的，但我想，这里或许会更适合你。如果是看书的话，我推荐你看两本。不过，是在有一些CSS基础看的。第一本是：《CSS网站布局实录》科学出版社；第二本是《精通CSS》，人民邮电出版社。</p>
</li>
<li>
<h5>WordPress制作电子书</h5>
<p>这是一本由WPdesigner.com的small potato写的教程。原文是英文的，<a href="http://fairyfish.net/2007/06/04/so-you-want-to-create-wordpress-themes-huh/"> 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> 。</p>
</li>
<li>
<h5>WordPress空白主题</h5>
<p>或许你从来未听过这个，或者已经看过，只是感觉他们太难看了，所以没有过多地关注。甚至认为，这么垃圾的主题，怎么还放出来下载呢？呵呵，事实上，这些是真正的高手才能做到的。OK，废话太多了，下载吧！首选当然是结构良好的Sandbox，请看：<a 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>）。而无论如何，这些会让你省力，特别是作为一个新手。不过，创建自己最具特色的主题，还是需要自己把这些主题的结构作一些变化的，最好是自己重写一个。</p>
</li>
<li>
<h5>相关的代码和函数</h5>
<p>最重要的是：<a href="http://codex.wordpress.org/Template_Tags">WordPress Template Tags</a>，这里可以找到你需要所有函数，我想，没有比这个在找代码这方面，更能帮助到你的。更多的可以看：<a href="http://www.happinesz.cn/archives/410/">WPer必备：汇编大量Wordpress代码</a>。</p>
</li>
<li>
<h5>完善你的WordPress主题</h5>
<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><a href="http://e-spacy.com/blog/wordpress-cms-guide-1-concept/">WordPress打造CMS教程</a> // CMS的强力教程 </li>
<li><a href="http://www.happinesz.cn/archives/424/">如何让Wordpress实现文章的自动截断</a> //更好地控制版面的显示 </li>
<li><a href="http://www.happinesz.cn/archives/423/">如何为你的主题添加Ajax评论功能</a> // 让你的主题更流行/有特色 </li>
<li><a href="http://www.happinesz.cn/archives/412/">11个Wordpress技巧</a> // 更安全的主题? </li>
<li><a href="http://www.happinesz.cn/archives/402/">为博客作语义网标记的权威指南</a> // 更良好的结构标记 </li>
<li><a href="http://www.happinesz.cn/archives/399/">如何制作Wordpress日期按钮</a> // 用于装饰吧 </li>
<li><a href="http://www.happinesz.cn/archives/335/">利用 xHtml Sitemap SEO</a> // 你或许会喜欢这这样的页面 </li>
<li><a href="http://www.happinesz.cn/archives/332/">超酷Ajax缓冲的滑动效果Box</a> // Ajax很流行吧 </li>
<li><a href="http://www.happinesz.cn/archives/318/">WordPress SEO 完全解读</a> // 完美WP SEO指南 </li>
<li><a href="http://www.happinesz.cn/archives/417/">16+套免费的网页小图标</a> // 美化必备 </li>
</ul>
</li>
<li>
<h5>网页制作的浏览器和调工具</h5>
<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>
<h5>推荐几个创作灵感的CSS Gallery</h5>
<p>这里是我喜欢的，但我不知道你是否能从真正的意义上把它们当作一种资源。呵呵，无论如何，记住，一句就可以了：别人的不一定好过你，但或许跟你不同。这个理由已经足够让你好好学习了吧，^,^&#8230;</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 href="http://www.happinesz.cn/archives/426/">100 Premium WordPress Themes &amp; Download</a> //这个肯定让你兴奋，最优秀的WP主题 </li>
</ul>
</li>
</ol>
<p>或许这不是最全面的，但我相信是最重要的。我已经把最主要的都给你列出来了。也已经足够你学上好几个月了。如果这些你都学会了。而且懂得利用了，哪，或许那些优秀的主题列表中，已经有了你的名单。当然，别忘记了，继续关注<a href="http://www.happinesz.cn/">幸福收藏夹</a>，继续支持<a href="http://www.happinesz.cn/archives/author/admin/">sofish</a>。我会给你更多更优秀的东西。</p>

	Tags: <a href="http://www.augcy.com/tag/wordpress" title="WordPress" rel="tag">WordPress</a>|<a href="http://www.augcy.com/tag/%e4%b8%bb%e9%a2%98" title="主题" rel="tag">主题</a>|<a href="http://www.augcy.com/tag/%e5%88%b6%e4%bd%9c" title="制作" rel="tag">制作</a>|<a href="http://www.augcy.com/tag/%e6%95%99%e7%a8%8b" title="教程" rel="tag">教程</a>|<a href="http://www.augcy.com/tag/%e6%a8%a1%e6%9d%bf" title="模板" rel="tag">模板</a><br />

	<h4>相关日志</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.augcy.com/2008/02/246" title="翻译：wordpress杂志型模板BranfordMagazine的一般使用及配置 (2008-02-10)">翻译：wordpress杂志型模板BranfordMagazine的一般使用及配置</a> (13)</li>
	<li><a href="http://www.augcy.com/2008/02/244" title="翻译：BranfordMagazine模板readme文件 (2008-02-08)">翻译：BranfordMagazine模板readme文件</a> (0)</li>
	<li><a href="http://www.augcy.com/2008/02/243" title="换上了杂志型wordpress模板BranfordMagazine (2008-02-10)">换上了杂志型wordpress模板BranfordMagazine</a> (0)</li>
	<li><a href="http://www.augcy.com/2007/06/207" title="测试-酷播 (2007-06-23)">测试-酷播</a> (0)</li>
	<li><a href="http://www.augcy.com/2008/05/282" title="升级到wordpress 2.5 (2008-05-11)">升级到wordpress 2.5</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.augcy.com/2008/06/378/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
