编辑“WordPress:Design Themes SubPanel”

__TOC__

在主题出现之前，WordPress使用单一的文件<tt>index.php</tt>创建内容，并且使用文件，支持评论的递交和显示。单一的样式表控制外观。所有其它的网页，包括类别和归档网页，是通过将参数传递到<tt>index.php</tt>页面，产生的。
 
新的主题系统提供了两个方便的功能。

;分开评论：新的WordPress模块[[WordPress:Stepping Into Templates|模板 文件]]系统提供了一种方法，为WordPress站点的不同部分，定义不同的[[WordPress:Glossary#PHP|PHP]]文件。这样能够为许多特别的网页创建独一的设计和功能，例如[[WordPress:Category Templates|类别归档]], [[WordPress:Creating_an_Archive_Index|按月归档]]，以及只有一篇文章的网页。

;快速地更改布局和设计：拥有一定权限的用户，通过上传一个新的主题，按一下管理面板中的按钮，就可以快速地更改整个站点的布局和设计。

创建网页的旧方法仍然适用。如果你从[[WordPress:Upgrade_1.2_to_1.5|1.2或者1.2.1或者1.2.2版本升级]]，'''你可以继续使用当前的设计'''。保持旧的样式，你仍然能够添加主题并且轻易地切换样式。

==主题是什么?==

一般来说，WordPress主题系统是"包装"你的博客外观的方式。但是，主题不仅起着"包装"作用。包装你的站点暗示只有设计更改了。WordPress能够更多地控制你的网站上的材料的外观''和呈现方式''。

WordPress主题指的是一些文件的集合，这些文件一起运行，输出一种图形界面，这个图形界面拥有网页日志的潜在的统一的设计。这些文件称为[[WordPress:Templates|'''模板文件''']]。主题可以更改站点的显示方式，但是不会更改潜在的软件。主题可能包含自定义的模板文件，图像文件(<tt>*.jpg</tt>, <tt>*.gif</tt>)，样式表(<tt>*.css</tt>)，自定义[[WordPress:Pages|网页]]，以及任何必要的代码文件(<tt>*.php</tt>)。关于模板文件的介绍，请看看[[WordPress:Stepping Into Templates|走进模板]]。

主题是一种全新的情况。加入你写了许多关于奶酪和gadgets的文章。通常创新性地使用[[WordPress:The Loop|WordPress Loop]] 和[[WordPress:Templates|模板文件]]，你可以自定义你的奶酪类别文章，使得这些文章与你的Gadgets文章看起来不同。能够控制站点上的不同网页和类别的外观之后，你只会受你的想象力的限制了。关于怎样为不同的类别和文章使用不同的主题，请看看[[WordPress:The Loop in Action|运转的Loop]] 和[[WordPress:Category Templates|类别模板]]。

==得到新的主题==

[http://themes.wordpress.net/ WordPress Theme Viewer]是WordPress主题的官方站点，这个站点中的主题得到审查，而且可以免费下载。你可以在这个站点上通常主题的类型和样式搜索主题，而且可以看到主题的网页浏览元素。

你可以在你最喜爱的搜索引擎中找到WordPress主题的许多其它在线资源。请测试WordPress主题，并且彻底地审查不必要的链接，脚本，以及代码，再将主题使用到你的博客上，以确保安全。

==使用主题==

你开始使用时，就可以使用两个WordPress发行的主题。你可以使用管理面板，切换使用两个主题。你添加到目录中的主题会出现在[[WordPress:Administration Panels|管理面板]] > [[WordPress:Administration_Panels#Presentation_-_Change_the_Look_of_your_Blog|Presentation]]中，作为额外的选项。

===添加新的主题===

可以下载许多主题，与WordPress一起运行。

[[WordPress:Image:themes.png|thumb|right|设计主题子面板]]如果你安装的主题提供了指示说明，要确定通读这些说明，并且遵循这些说明，以成功地安装主题。'''建议主题开发人员，为自己的主题提供安装说明'''，因为主题提供了特别的可选择的功能，这些功能比基本的安装步骤可能更复杂。如果你遵循了任何的说明之后，你的主题仍然不能够运行，请'''联系主题作者，寻求帮助'''。

要为你的WordPress添加一个新的主题，请遵循下面的基本步骤：
#下载主题归档并且解压这些归档所包含的文件。解压这些文件的时候，你可能需要在归档中保存这些目录结构。遵循主题作者提供的指导。
#使用[[WordPress:FTP_Clients|FTP client]]访问你的主机网络服务器，创建一个目录，将主题包含在WordPress提供的<tt>wp-content/themes</tt>目录。例如，一个名为'''测试'''的主题应该包含在<tt>wp-content/themes/test</tt>。你的主题应该提供这个目录，作为归档的一部分。
#将主题文件上传到你的主机服务器的新目录中。
#遵循[[WordPress:#Selecting_the_Active_Theme|下面的指示]]选择新的主题。

====添加一个新的主题指南====

[http://www.village-idiot.org/archives/2008/06/13/how-to-upload-a-wordpress-theme/ 怎样上传一个WordPress主题]是个非常有用的指南，关于安装一个主题有多么简单。

====在 cPanel 中添加新的主题====

如果你的主机提供[[WordPress:Glossary#cPanel|cPanel]]控制面板，而且主题文件在.zip 或者 .gz归档中，遵循这些指示说明。注：这个前提是你下载的主题是个压缩文件而且压缩文件中的文件在'指定的'文件夹中。

#将主题压缩文件下载到你的本地电脑上。
#在cPanel文件管理器中，导航到当你主题文件夹。如果你将WordPress安装在其自身称为wordpress的文件夹中，你将会导航到"public_html/wordpress/wp-content/themes"，如果WordPress安装在你的网络根文件夹中，你将会导航到"public_html/wp-content/themes"。
#你一旦导航到了cPanel文件管理器中的主题文件夹，点击上传文件，上传你在第一步时，保存的压缩文件。
#上传好压缩文件之后，点击cPanel中的压缩文件名，然后再在右边的面板上，点击提取文件内容，这个压缩文件就会被解压。
#遵循[[WordPress:#Selecting_the_Active_Theme|下面的指示说明]]，然而再选择新的主题。

===选择 Active 主题===

为你的站点选择active主题：

#登录到WordPress [[WordPress:Administration Panels|管理面板]]。 
#点击[[WordPress:Administration_Panels#Design_-_Change_the_Look_of_your_Blog|设计]]面板菜单标签。默认情况下，你会在[[WordPress:Administration_Panels#Themes |主题]]子面板。
#在'''可获得的主题'''部分，为你希望激活的主题，点击主题标题（或者主题截屏）
#要访问新的外观，请在面板界面的顶上方点击'''访问站点'''。

选项立马就会激活。

===编辑主题===

编辑上传的主题文件：

#登录到WordPress的[[WordPress:Administration Panels|管理面板]]。
#点击[[WordPress:Administration_Panels#Design_-_Change_the_Look_of_your_Blog|设计]]面板菜单标签。
#点击[[WordPress:Administration_Panels#Theme_Editor|主题编辑器]]子面板菜单标签。
#默认情况下，[[WordPress:Administration_Panels#Theme_Editor|主题编辑器]]为当前激活的主题载入文件。如果你想要编辑一个不同的主题，在"选择要编辑的主题"下拉列表上选择要编辑的主题，并且点击"选择。"
#从右边的列表上选择你想要编辑的文件名。
#在文本框中更改好，并且点击"更新文件。"

如果你手边没有你的主题的备份，先[[WordPress:WordPress_Backups#Backing_Up_Your_WordPress_Site|备份你的主题文件]]，在编辑这个文件，会是个好办法。

==创建主题==

如果你对自己创建主题，发行，感兴趣，或者你想要学习更多的关于主题结构的内容，请查看关于[[WordPress:Theme Development|主题发展]] 和[[WordPress:Designing Themes for Public Release|为公开发行设计主题]]方面的文档。

===主题文件===

下面是主题中通常包含的文件。
*[[WordPress:Creating_an_Error_404_Page|404 模板]] = <tt>404.php</tt>
*归档模板 = <tt>archive.php</tt>
*[[WordPress:Creating_an_Archive_Index|归档索引网页]] = <tt>archives.php</tt>
*评论模板 = <tt>comments.php</tt>
*页脚模板 = <tt>footer.php</tt>
*[[WordPress:Designing Headers|标头模板]] = <tt>header.php</tt>
*链接= <tt>links.php</tt>
*主要的模板 = <tt>index.php</tt>
*[[WordPress:Pages|网页模板]] = <tt>page.php</tt>
*弹出的评论模板 = <tt>comments-popup.php</tt>
*文章模板 = <tt>single.php</tt>
*搜索形式 = <tt>searchform.php</tt>
*[[WordPress:Creating a Search Page|搜索模板]] = <tt>search.php</tt>
*[[WordPress:Customizing Your Sidebar|边栏模板]] = <tt>sidebar.php</tt>
*样式表 = <tt>style.css</tt>

== 从1.2.x 移到 1.5 == <span id="从 1.2.x 移到 1.5"></span>

关于将WordPress和你的WordPress主题从1.2版本升级到1.5版本的详细信息，请看看：[[WordPress:Upgrade_1.2_to_1.5|从1.2升级到1.5]]。

==主题工具和其它的资源==

这些工具和资源会帮助你，创建和/或者提高主题。

===布局===
* [[WordPress:Blog Design and Layout|博客设计和布局]]
* [[WordPress:Stepping Into Templates|走进模板]]
* [[WordPress:Customizing Your Sidebar|自定义你的边栏]]
* [[WordPress:Good Navigation Links|好的导航链接]]
* [[WordPress:Next and Previous Links|上一个和下一个链接]]
* [[WordPress:Styling Lists with CSS|CSS的设计表]]
* [[WordPress:Creating Horizontal Menus|创建横向菜单]]
* [[WordPress:Dynamic Menu Highlighting|动态菜单聚焦]]
* [[WordPress:FAQ Layout and Design|FAQ 布局和设计]]
* [http://www.redalt.com/Tools/builder.php WordPress Index Builder] 
* [http://www.wateronlydries.com/?p=158 WordPress 默认主题的Photoshop模板]

===模板和模板标签===
* [[WordPress:Templates|模板文件]]
* [[WordPress:Stepping Into Templates|走进模板]]
* [[WordPress:Stepping Into Template Tags|走进模板标签]]
* [[WordPress:Template Tags|模板标签]]
* [[WordPress:Theme Development|正在发展的 WordPress 主题]]
* [[WordPress:The Loop in Action|运转的Loop]]
* [http://guff.szub.net/wordpress/template-tags/ 便于阅读的模板标签布局]
* [http://boren.nu/archives/2004/11/10/anatomy-of-a-wordpress-theme/ WordPress主题解析]
* [http://boren.nu/archives/2004/10/16/templates-and-the-is-functions/ 模板 and the is functions]
* [http://www.urbangiraffe.com/2005/04/12/themeguide1/1/ 讨论WordPress主题]

===工具和资源===
* [[WordPress:Designing Themes for Public Release|为公开发行设计主题]]
* [[WordPress:Know Your Sources|了解你的原始资料]]
* [[WordPress:Validating a Website|确认网站]]
* [[WordPress:Finding Your CSS Styles|找到你的CSS样式]]
* [[WordPress:CSS Fixing Browser Bugs|CSS解决浏览器程序错误]]
* [http://elasticdog.com/2004/11/wp-design-sandbox/ WordPress Design Sandbox Article]
* [http://www.cameraontheroad.com/index.php?p=594 Working On CSS and the WordPress Theme (using a sandbox)]
*[http://theundersigned.net/2006/05/from-xhtmlcss-to-wordpress/ From XHTML CSS to WordPress (making a Theme}]
*[http://www.jonathanwold.com/tutorials/wordpress_theme/ 指南: 怎样创建一个WordPress主题]
*[http://coevolving.com/blogs/index.php/archive/installing-and-customizing-wordpress-on-your-own-domain/ Coevolving Innovations guide to Installing Wordpress (包含一个主题) on a web host with Fantastico and cPanel] (在 Wordpress 2.2.1版本)
*[http://www.danielesalamina.it/screencast-come-modificare-il-proprio-tema-wordpress-in-5-minuti-con-firebug Screencast: Hack a Theme in 5 minute with Firebug]

===颜色，图形，和字体===
* [http://www.redalt.com/Tools/kubrickr.php Kubrickr – 更改默认主题标头图像] 
* [http://www.digitalwestex.com/gallery/index.php?cat=3 标头图形]
* [http://creativecommons.org/image/ Creative Commons Images]
* [http://www.imageafter.com/ Image * After - Free Stock Image Library]
* [http://www.freeiconsweb.com/ 免费图标 Library]
* [http://www.sxc.hu/ Stock.xchng - Free Stock Image Library]
* [[WordPress:Playing With Fonts|处理字体]]
* [[WordPress:Developing a Colour Scheme|发展一个颜色方案]]
* [http://colr.org Colr.org – 找出图像颜色]
* [http://www.redalt.com/Tools/ilyc.php I Like Your Colors]
* [http://www.2yi.net/free-stock-photos.html List of More than 70 Free Stock Photo Sites]
* [http://labs.adobe.com/technologies/kuler/ kuler - Create color palettes with this web app from Adobe Labs]
* [http://www.freeiconsdownload.com/ More Than 230 High Quality Royalty Free Icons Set]